프로젝트 개요
프론트엔드 4명이 약 2주간 협업한 팀 프로젝트 입니다. REST API를 연동한 와인 목록 페이지 내의 모든 컴포넌트 및 페이지를 담당하였습니다. 또한 공통 스타일링 일관성 유지를 위해 GlobalStyles 셋팅을 담당하였습니다.
사용한 도구
TypeScript
React
styled-components
react-responsive
Axios
Next.js (Page Router)
npm
Vite
Vercel
GitHub Actions
문제해결 과정 및 배운 점
◾ 기기 간 필터 상태 불일치 해결: 필터 상태를 상위 컴포넌트에서
관리하여 기기 간 일관성 유지, 모달 필터에서 PC 선택 값 자동 복사
기능 추가
◾ 성과: 기기 간 필터 상태 불일치 문제 해결, 사용자
테스트에서 긍정적인 피드백 획득