아키텍처

FSD(Feature-Sliced Design) 는 대규모 프론트엔드 애플리케이션을 구조화하기 위한 현대적인 아키텍처 방법론입니다.이 방법론의 주요 목적은 프로젝트를 더 이해하기 쉽고 유지보수가 용이하도록 만드는 것입니다.FSD는 다음과 같은 계층 구조로 구성됩니다:F

레이어드 아키텍처: 앱을 Presentation → Business(Service) → Data로 수평 분리해 책임과 의존을 정리MVVM 등 UI 패턴: Presentation 계층 내부를 더 깔끔하게 만드는 기법한계: 경직성, 계층 경유 오버헤드, 기술 결합보완: D

목적: 기술 독립성, 테스트 용이성, 유지보수성 극대화원리: 의존성 역전 원칙(DIP). 코어(엔티티·유스케이스)는 추상(포트)에 의존하고, 외부는 어댑터로 구현관계: 헥사고날(Ports & Adapters) 사상을 동심원 구조로 일반화. UI는 MVP/MVVM 등으로

프론트엔드 아키텍처(앱 구조/의존 규칙)레이어드 아키텍처, 클린 아키텍처, FSD(Feature‑Sliced Design)UI 아키텍처 패턴(화면 로직 조직)MVVM, MVP, MVI 등. 상위 아키텍처와 조합 가능컴포넌트 디자인 패턴(컴포넌트 구조화)컨테이너–프리젠테