포트폴리오
체험 한입
Case Study

체험 한입

체험(액티비티) 탐색·예약·관리 흐름을 제공하는 서비스로 FSD + DDD-lite를 적용했습니다.

Role프론트엔드
Period2025.12 - 2026.01
Next.jsTypeScriptTailwindFSDDDD-lite

주요 작업

담당한 역할

  • TODO: 담당한 기능/페이지를 적어주세요.

구현한 기능

  • 예약/관리 플로우

  • 알림/리뷰/프로필 영역 구성

기술적 시도와 문제 해결

프로젝트에서 해본 기술적 시도와 문제 해결 과정입니다

1

FSD + DDD-lite 구조 정착

page는 조립만 담당하고 features/entities에 로직을 고정하였습니다. Lint/CI로 디렉토리 규칙을 자동 검증해 구조가 흔들리지 않도록 유지하였습니다.

Code Example
FSD :
page(화면 조립)
features(기능 로직)
entities(공통 상태·규칙)
shared(기술적 재사용 요소)

lite DDD :
규모 대비 복잡도가 과도해질 수 있음을 고려하여
완전한 DDD의 Entity 구현이 아닌,
타입/스키마로 구조 및 제약을 표현
2

다크 모드 상태 관리 일관화

쿠키로 초기 테마를 결정한 뒤 Provider에서 상태를 관리하고, data-theme로 스타일을 전환하였습니다. CSS 변수와 Tailwind 매핑으로 유지보수 비용을 줄였습니다.

3

모달 매니저 통합

Zustand + stack(LIFO) 구조로 모달을 중앙 관리하고 Portal로 렌더링하였습니다. z-index 순서와 공통 UX(ESC/배경 클릭)를 통일해 예측 가능한 흐름을 만들었습니다.

아키텍처 & 기술 선택

  • app은 라우팅/레이아웃만 담당

  • 비즈니스 로직은 features/entities에만 배치

  • API 네이밍은 Swagger 기준 정렬

배운 점

TODO: 구조화/아키텍처 관점의 인사이트를 적어주세요.

더 많은 프로젝트 살펴보기

다른 프로젝트에서 어떤 문제를 해결했는지 확인해보세요

전체 프로젝트 보기