FSD 의존성 계층

[haewonwon]

FSD(Feature-Sliced Design)의 레이어 규칙(layering rule) 이 있습니다.
이는 FSD는 “상위 → 하위로만 의존 가능, 그 반대는 절대 금지”라는 단방향 의존성 원칙을 말합니다.

1. app

• Next.js의 화면 라우팅

2. pages

• FSD의 페이지 레이어는 UI 구성을 담당하는 단위 페이지(컨테이너 역할)

3. widgets

• 페이지를 이루는 큰 UI 덩어리

4. features

• 하나의 명확한 user story 기능 단위

5. entities

• 도메인 개념(예: User, Room, Message)을 표현

6. shared

• 최하위 레이어(모두의 공통)

[haewonwon]

┌─────────────────────────────────────┐
│  app (Next.js Routing)              │ 최상위
├─────────────────────────────────────┤
│  pages (UI Container)               │  ↓
├─────────────────────────────────────┤
│  widgets (UI Blocks)                │  ↓
├─────────────────────────────────────┤
│  features (User Stories)            │  ↓
├─────────────────────────────────────┤
│  entities (Domain Models)           │  ↓
├─────────────────────────────────────┤
│  shared (Common Utils)              │ 최하위
└─────────────────────────────────────┘

그림으로 정리하자면 위와 같습니다.