Feature-Sliced Design(FSD)

애플리케이션을 기능 단위로 분할하여 관리하는 아키텍처 방법론

고유한 계층 구조를 사용하여 애플리케이션을 기능 단위로 분리한다.

계층 구조는 Layer, Sliced, Segment가 있다.

Layer

FSD 구조의 첫 번째 계층으로 프로젝트 src 하위에 위치하는 최상위 디렉토리이다.

레이어는 7가지 종류로 표준화되어 있고, 프로젝트 특성에 따라 선택적으로 구성하는 것이 일반적이다.

app: 애플리케이션 로직이 초기화되는 곳으로, 애플리케이션의 진입점 역할한다. 프로바이더, 라우터, 전역 스타일, 전역 타입 선언 등이 여기에서 정의된다.
pages: 애플리케이션의 페이지가 위치하는 레이어이다.
widgets: 페이지에 사용되는 독립적인 UI 컴포넌트가 위치하는 레이어이다.
features: 사용자 시나리오와 관련된 비즈니스 로직을 다루는 레이어이다.
entities: 비즈니스 엔티티를 정의하는 레이어이다.
shared: 특정 비즈니스 로직에 종속되지 않고 재사용 가능한 컴포넌트와 유틸리티, 공통 코드 등이 위치하는 레이어이다.

~~processes(deprecated)~~: 여러 페이지에 걸쳐 있는 프로세스를 처리하는 레이어로 더 이상 사용되지 않아서 설명에서는 제외하겠다.

레이어 계층에서 상위 레이어는 하위 레이어만 참조할 수 있다. 이러한 구조는 코드의 모듈성을 높이고 각 레이어가 명확한 역할을 가질 수 있게 한다.