개발일정

좋아요! 아래는 노션(Notion)에서 바로 복사해서 쓸 수 있도록 구성한
연애 성향 테스트 + 녹지 데이트 추천 프로젝트용 개인 개발 일정표입니다.

구성:
• 주차별 목표
• 구체적 작업 항목 (순서대로 체크박스 포함)
• 각 주마다 산출물 명시

⸻

✅ Notion 복붙용 개발 일정표

⸻

📅 1주차: 디자인 시스템 + 테스트 기본 UI 구축

목표: 공통 UI 컴포넌트 기반 구축 및 테스트 폼 UI 화면 구현
산출물: Button, Card, TextInput, Slider, RadioGroup 완성 + 테스트 기본화면

해야 할 일
• 프로젝트 폴더 및 구조 정의 (romance-ai/)
• Tailwind CSS + ShadCN 초기 설정
• 디자인 토큰(theme.js) 정의: 색상, 폰트, 간격, 라운드 등
• Button 컴포넌트 구현 (variant: primary, secondary, ghost)
• Card 컴포넌트 구현
• TextInput 입력창 구현
• RangeSlider 슬라이더 구현 (녹지 선호도 등)
• RadioGroup 구현 (객관식 응답용)
• 기본 테스트 폼 화면 구성 (문항 1~2개로 시연)

⸻

📅 2주차: 결과 분석 + 마이페이지 구성

목표: 테스트 결과 분석 및 결과 페이지 구성, 마이페이지 틀 설계
산출물: 결과 카드 출력 + 결과 저장 + 마이페이지 탭 완성

해야 할 일
• 결과 분석 알고리즘 설계 (5개 영역 평균 → 코드)
• 결과 유형 12종 정의 및 맵핑 텍스트 작성
• ResultCard 컴포넌트 구현
• Toast 알림 구현 (“결과 분석 완료!”)
• Modal 구현 (“공유하기”, “유형 설명” 등)
• 응답 저장 로직 (로컬 or 서버 연동)
• 마이페이지 UI 기본 탭 (Tabs: 결과/히스토리/추천)
• Tabs 탭 전환 기능 완성

⸻

📅 3주차: 녹지 데이트 코스 추천 기능 개발

목표: Flask 백엔드 연동, 녹지 경로 추천 UI 통합
산출물: 커플 맞춤 경로 추천 → 지도 기반 경로 렌더링

해야 할 일
• Flask 서버 /api/route 연동 테스트
• RouteForm 구현 (출발지, 도착지, 선호도 슬라이더 포함)
• Kakao Maps tile을 Leaflet에 연동한 Map.js 구성
• RouteDisplay.js → 거리 / 시간 / 녹지점수 출력
• 추천 장소 데이터 정의 (MySQL or JSON)
• 성향 유형 → 추천 장소 매칭 로직
• 추천 버튼 클릭 시 경로 시각화 완료

⸻

📅 4주차: 공유 + 비교 기능 + 마무리

목표: 친구와 비교, 공유 링크 생성, 마무리 디자인 정리
산출물: 공유용 URL + PDF 저장 + 마이페이지 분석 완료

해야 할 일
• /result-compare?me=...&friend=... 라우팅 구현
• 비교 결과 RadarChart 두 개 배치
• “차이 설명 텍스트” 자동 생성
• 결과 페이지 PDF 저장 기능 (html2canvas, jsPDF)
• 공유 링크 복사 + 카카오톡 공유 연동
• 마이페이지 → 성향 변화 분석 기능 추가
• 전체 UI 디버깅 + 반응형 대응
• 최종 README + 데모 배포(Vercel 등)

⸻

✅ 활용 팁 (Notion에서)
• 이 내용 그대로 복붙 → 할 일 목록 템플릿에서 체크박스로 사용 가능
• 주차별 페이지로 나누고 상태별 태그 추가도 추천
• 매일 하단에 “오늘 완료한 것 / 내일 할 것” 기록하면 베스트!

⸻

PDF, PPT, Excel 등 추가로 필요하시면 말씀만 주세요!
혹시 이걸 Notion 공유 템플릿으로 내보내드릴까요? (예: 링크 형태로)