dev.Log
FSD 아키텍처 본문
기능 분할 설계 (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