dev.Log

FSD 아키텍처 본문

<FRONTEND>

FSD 아키텍처

초코푸딩 2024. 4. 9. 14:59

기능 분할 설계 (Feature-Sliced Design, FSD)아키텍처

1. 폴더 구조는 최대 세단계

레이어 layer - app, processes, pages, widgets, features, entities, shared 

   - app (전역 설정 / Provider, Router, Client 같은 HOC가 slice가 됨)

   - pages (주소별 페이지 / 각각의 주소별 페이지가 slice)
   - widgets (feature의 묶음 / 어떻게 묶을지는 재사용 여부에 따라)

   - features (행동 / 동사가 slice, api segment에서는 해당 행동을 요청함)

   - entities (데이터/ 데이터가 slice, api segment에서는 데이터를 조회)

   - shared (공유컴포넌트 / slice 없음)

슬라이스 slice - user, post, comment (도메인)

세그먼트 segment - ui, model, api

 

'<FRONTEND>' 카테고리의 다른 글

from 메서드로 진짜 배열 만들기  (0) 2022.12.17
Spread Operator - 배열의 복사  (0) 2022.12.17
배열의 순회  (0) 2022.12.17
immutable(불변) array  (0) 2022.12.17
Debouncing 과 Throttling  (0) 2022.10.24
Comments