일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 태그된 유니온
- tailwind
- recoil
- TS
- 타입 좁히기
- dfs
- CI/CD
- RTK Query
- Promise
- React
- 공변성
- useAppDispatch
- 결정 알고리즘
- async/await
- map
- 이분 검색
- Cypress
- 호이스팅
- ESlint
- 반공변성
- webpack
- Jest
- SSR
- 투포인터
- CORS
- 인터섹션
- app router
- 무한 스크롤
- autosize
- 리터럴 타입
Archives
- Today
- Total
목록2025/03/03 (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