Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 오블완
- 비제어
- polling
- react
- PullRequest
- tailwind css
- js
- react-query
- Context API
- 가을 감성
- eslint
- prettier
- zustand
- 프레임 워크
- frontend
- Fe
- form
- github
- 협업
- package.json
- 코딩 테스트
- next.js
- Pr
- Study
- 개발
- 개발자
- 개발자 도구
- 티스토리챌린지
- CSS
- useState
Archives
- Today
- Total
목록아키텍처 (1)
ougi FE
FSD 구조란?
오늘은 개발을 하다가 지저분한 제 아키텍처를 보고 좋은 아키텍처에 대해서 많은 관심이 생겨 찾아 보다가가장 많이 보이던 FSD에 대해서 이렇게 글을 써보게 되었습니다❓FSD란?FSD는 기능 분할 설계(Feature-Sliced Design) 아키텍처 입니다크게 나누어서 3가지 개념으로 나누어집니다 Layer, Slice, Segment로 나눌 수 있습니다 장점코드의 배치가 명확하여 코드들의 위치를 쉽게 예측 가능하고 배치하기가 편리 어떤 코드가 내 프로젝트의 맥락과 상관이 있는지가 매우 명확 단점복잡하여서 러닝 커브가 꽤 있는 편코드가 분리되어 있어서 수정 작업이 번거로울 수 있음 (작은 프로젝트일수록 치명적)Layer최대 7가지로 제한 되며 최상위 디렉토리 입니다일부는 선택이지만 일부는 표준화 되어 있..
카테고리 없음
2024. 12. 11. 05:31