⭐ 사용 기술 및 라이브러리
- Next.js – 서버 사이드 렌더링 및 라우팅
- React – UI 컴포넌트 구축
- TypeScript – 타입 안정성 확보
- Tailwind CSS / styled-components – 반응형 UI 스타일링 및 애니메이션
- React Query – 비동기 데이터 처리 및 캐싱
- Zustand – 전역 상태 관리
- React Hook Form – 폼 상태 및 유효성 검사 처리
- Framer Motion – 모션 애니메이션 구현
⭐ 주요기능
- 대화 텍스트 분석 기능
- 사용자 입력 또는
.txt
파일 업로드
- 친밀도 점수, 추천 축의금, 요약 내용 반환
Result
, Summary
, TextArea
등 컴포넌트로 시각화
- 결과 시각화
- 점수 기반 원형 진행 애니메이션 (
ProgressCircle
)
- 분석 요약 및 추천 금액 카드 형태로 출력
- 결과 공유 기능
- 분석 결과에 대한
uuid
기반 공유 링크 생성
- Web Share API를 이용해 SNS 또는 메신저로 공유 가능
- 마이페이지
- 나의 분석 기록 리스트 조회 (페이지네이션)
- 기록 선택 시 상세 결과 조회 가능
- 회원 인증 기능
⭐ 문제점 및 해결방법