아키텍처
FSD 아키텍처 적용기 : "이 코드는 어디에 넣어야 할까?" FSD가 답해준 코드 위치의 명확성
두줄요약
복잡한 프론트엔드 레포지토리에 FSD 아키텍처를 적용한 실무 경험을 공유했습니다. 코드 위치를 명확히 하고 의존성을 통제해 유지보수성과 확장성을 높인 사례였습니다.
핵심 내용
- 복잡하게 얽힌 프론트엔드 레포지토리에 FSD(Feature-Sliced Design) 아키텍처를 도입한 실무 적용 사례
- 코드 위치의 명확성, 재사용 범위 통제, 높은 응집도와 낮은 결합도 확보를 위한 레이어·슬라이스·세그먼트 구조 설명
- 기존 구조의 탐색 비용, 사이드 이펙트, 작업자 의존 문제를 FSD로 완화한 과정과 효과 정리
적용해볼 점
- 프로젝트 규모가 커져 코드 배치 기준이 모호할 때 FSD 도입 검토
- 페이지·기능·도메인 단위 재사용 범위를 기준으로 pages, features, entities, shared로 단계적 정리
- 팀 상황에 맞게 widgets 생략, slice grouping, bottom-up 마이그레이션 같은 유연한 적용 고려