[#64] 추가 온보딩 1차 구현

[12seungheon]

📋 관련 이슈

Fixes #64

🧩 작업 내용

onboarding-add.types

• 추가 온보딩 질문 메타 구조를 정의하여 질문 타입(BOOLEAN / INPUT / SELECT)에 따라 필요한 데이터 형태를 명확히 구분
• discriminatedUnion 기반으로 질문 타입별 타입 안정성을 확보하고, 답변 저장을 위한 공통 Answer 타입 제공

onboarding-add-control

• URL SearchParams 기반으로 추가 온보딩 step과 답변 상태를 관리하여 새로고침 시에도 입력 상태 유지
• 질문 개수에 따라 전체 step 수를 동적으로 계산하고, 다음/이전 이동 로직을 중앙에서 제어
• 필수 질문 여부 및 입력 타입(date 형식 등)에 따른 유효성 검증 처리
• ‘모르겠어요’ 선택 시 해당 질문 답변을 스킵하도록 처리

onboarding-add-shell

• 추가 온보딩 화면의 공통 레이아웃을 담당
• 뒤로가기 버튼, 진행도(Progress), 하단 CTA 버튼을 포함한 기본 구조 제공
• 제목, 설명, 우측 상단 영역(headerRight)을 슬롯 형태로 받아 유연한 레이아웃 구성 가능

onboarding-add-renderer

• 질문 타입에 따라 적절한 Step 컴포넌트를 선택적으로 렌더링
• INPUT 타입 중 date 입력은 전용 Step으로 분리하여 렌더링
• 컨트롤 로직과 UI 렌더링 책임을 분리하여 구조적 명확성 확보

steps (step-boolean / step-input / step-date / step-select)

• 질문 타입별 UI를 담당하는 Step 컴포넌트 모음
• BOOLEAN, INPUT, DATE, SELECT 유형에 맞는 입력/선택 UI 제공
• 초기 온보딩 디자인 기준에 맞춰 버튼, 입력 필드, 간격 등을 정렬

✅ 테스트 결과

• lint
• build

⚠️ 영향 범위(사이드 이펙트 가능성)

X

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
zipchak_fe	Ready	Preview, Comment	Jan 12, 2026 5:07am

[OlMinJe]

고생하셨습니다!

[Catsmanager]

고생하셨습니다