프로젝트 설명
가상 캐릭터가 이야기를 건네며 사주를 풀어주는 세로형 체험 웹입니다. 상담자 선택 캐릭터 대사 정보 입력 무료 기본 풀이 6개 영역 모의 결제 정밀 풀이 3개 영역까지 하나의 흐름으로 구현하고 친구 초대로 두 사람의 인연을 잇는 관계 지도 화면을 더했습니다.
주요 기능
- 세 캐릭터 중 상담자를 고르면 한 글자씩 드러나는 대사로 시작
- 사주표와 오행 분포 기질/재물/직업/애정/귀인/대운 여섯 장 해설
- 대운 6구간 버튼 선택에 따라 바뀌는 해설
- 무료/정밀 상품 구분과 모의 결제 흐름
- 초대장으로 친구 사주를 받아 관계 지도에 연결
담당: 기획 화면 흐름 설계 캐릭터 시안 Next.js 웹 구현 접근성과 개인정보 경계 점검
기술: Next.js React TypeScript CSS Modules
특징: URL 해시로 단계 관리 입력값은 브라우저 메모리에만 유지 키보드 조작 지원 3201200px 반응형 단위 테스트 17개 통과
