－ “ 다양한 상품 뿐만 아니라 음악, 식당, 여행지, 전자기기, 강의 등 비교가능한 사이트입니다”
－ “A/B 테스트 형식으로 비교하여, 사용자 맞춤형 선택을 돕는 데이터 기반 상품비교 플랫폼입니다”
－“사용자 친화성 , 데이터 공유 서비스, UI/UX 흐름 등을 고려하였습니다“
👉 Notion_Project Plan & Resources
- 다양한 상품에 대해 사용자 참여형 A/B 테스트 기능 제공
- Zustand 전역 상태관리 및 무한 스크롤, 공통 컴포넌트 설계 등 실무 유사 구조 경험
- 베타 테스트를 통한 검색 / 비교 / 리뷰 / 랭킹까지 이어지는 UX 흐름 설계
- 단순 기능 개발보다 사용자 경험성 고려 (베타 테스트를 통한 UI 흐름, 페이지 이탈 경로 체크 등)
- 마일스톤을 통한 프로젝트 일정 관리 및 정리
- 데일리스크럼과 KPT회고, PR 리뷰 등 협업 툴 활용
- KPT 회고를 통한 문제해결 중심의 사고/능력 향상
- PR 코드 리뷰 및 피드백 반영
- 의견 반영 과정에서 문제 해결 능력 향상
- 일반 로그인 / 소셜 로그인(카카오)
- 간편 회원가입 (닉네임 기반)
- 두 상품 중 하나를 선택하는 투표형 비교 인터페이스
- 비교 결과에 따른 애니메이션과 승자 표시
- 무한 스크롤 기반 상품 목록
- 상품 상세 페이지 → 플러스 버튼 → 상품 추가 모달
- 모달 기반 별점 + 텍스트 리뷰 시스템
- 유저 기반 랭킹 정렬 지원
- 내 정보 / 편집 / 내가 남긴 리뷰 확인 가능
- 다른 유저 팔로우 / 팔로잉 모달
- 카카오톡 / 링크 공유로 사용자 외부 유입 연결
👇🏼
👉🏼
/src
├── api/
├── assets/
├── components/
├── context/
├── hooks/
├── lib/
├── pages/
├── stores/
├── styles/
├── types/
# etc
├── .eslintrc.js / .prettierrc
├── next.config.ts / tsconfig.json
├── tailwind.config.js
├── build.sh
|
정태인 (팀장) 프로젝트 초기 세팅 홈 화면 / 배포 / 발표 팀미팅 리드 및 R&R 분배 (팀 흐름 중심 설계) |
신주하 헤더 / 검색창 등 공통 UI 404 페이지 / 회의 기록 발표 자료 및 영상, PPT 제작 (템플릿 및 문서 중심 제작) |
|
정종우 회원가입 페이지 SNS API 연동 담당자와 API 커뮤니케이션 (백엔드 데이터 연계 담당) |
임지혜 공통 모달창 이미지 업로더 텍스트 박스 / 리뷰 기능 (모달창, 공통 컴포넌트 담당) |
|
황준호 드롭다운 창 / 공통 UI 유저 편집 및 모달창 담당 (모달 및 드롭다운 담당) |
이재혁 상품 상세 페이지 UI 컴포넌트 구현 (버튼 중심 기능 담당) |
본 프로젝트는 상업적 사용이 허가되지 않습니다.
Designed & Engineered by Team3 (2025/04~2025/05)