일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- SSR
- async/await
- autosize
- 공변성
- TS
- 타입 좁히기
- Jest
- useAppDispatch
- 투포인터
- 리터럴 타입
- ESlint
- dfs
- CI/CD
- 반공변성
- recoil
- Promise
- MSA
- 인증/인가
- CORS
- 호이스팅
- tailwind
- map
- 인터섹션
- 결정 알고리즘
- RTK Query
- 무한 스크롤
- React
- 태그된 유니온
- webpack
- app router
Archives
- Today
- Total
목록fsd (1)
짧은코딩

"기존에 폴더 구조를 짤 때는 명확한 기준을 잡지 않고 폴더 구조를 짰다. 기준이 없으면 매번 행동이 달라지게 된다."이 말에 굉장히 공감했다. 그렇기에 FSD 폴더 구조를 공부해 보고자 이 글을 작성한다.FSD의 구조FSD에서는 폴더 구조는 Layers, Slices, Segments로 3 depths를 사용한다.SlicesSlices로 나눈 것은 "도메인 주도 설계"이다.블로그라고 치면 post 안에 comment가 있는게 아닌가 싶지만, 최대한 분리하는 것이 좋다.Segmentsui는 화면담당model은 데이터 담당api는 서버로 부터 데이터 가져오는 담당Layers상위 폴더에서만 하위 폴더를 import 할 수 있다.app에서는 모든 폴더를 import 가능하다는 의미shared에서는 아무 폴더도..
개발
2025. 3. 3. 21:02