Feature: FSD 폴더 구조 변경

[ehlung]

어떤 기능인가요?

애플리케이션을 기능(feature) 단위로 나누어 관리하는 프론트엔드 아키텍처 방법론인 **FSD(Feature-Sliced Design)**를 적용하는 작업입니다.

• 슬라이스(Slice): 특정 기능에 관련된 모든 코드(컴포넌트, 상태 관리, API 요청 등)를 한 곳에 모아 코드의 응집도를 높이고, 각 기능이 독립적으로 동작하도록 만들어 유지보수성을 향상시킵니다.
• 기존의 혼잡한 컴포넌트 구조를 개선하여, 프로젝트 확장 시 체계적인 코드 관리가 가능해집니다.

작업 상세 내용

• src 폴더 내에 FSD 원칙에 따른 최상위 폴더(app, pages, features, entities, widgets, shared) 생성
• 기존 components 폴더의 UI 컴포넌트들을 shared 폴더로 이동 및 재분류
• 기존 pages 폴더의 페이지 컴포넌트들을 FSD pages 구조로 이동
• 기능 명세서(마이트랙 기능명세서)를 기반으로 핵심 기능(features)과 데이터(entities) 폴더 구성
• layouts 폴더의 Header.jsx, Footer.jsx를 **widgets/navigation**으로 이동
• services, stores, hooks 폴더의 파일을 각 features 또는 shared 폴더로 재배치
• 폴더 구조 변경 후, 모든 컴포넌트의 import 경로 수정 및 정상 동작 여부 확인

참고할만한 자료(선택)