디자인 패턴, 아키텍처

프론트엔드 디자인 패턴, 아키텍처.

Feature-Sliced Design (FSD)

Layers, Slices, Segment 폴더로 구분하고 Depth를 3으로 제한한다.

Layers

• app
  • 애플리케이션 로직이 초기화되는 곳. provider, router, 전역 스타일, 전역 타입 선언 등이 정의된다. 애플리케이션의 진입점 역할.
• pages
  • 애플리케이션의 페이지가 포함된다. (브라우저 주소 단위의 컴포넌트)
• entities
  • 비즈니스 엔티티를 나타낸다. 이러한 엔티티에는 사용자, 리뷰, 댓글 등이 포함될 수 있다.
• shared
  • 해당 레이어에는 특정 비즈니스 로직에 종속되지 않은 재사용 가능한 컴포넌트와 유틸리티가 포함되어 있다. 전역으로 사용하는 컴포넌트, 인터셉터, type, 애플리케이션 설정 등이 포함되어 있다.

VAC