프로젝트 개요
프론트엔드 4명이 약 5주간 협업한 팀 프로젝트 입니다. REST API를 연동한 체험 관리, 체험 등록, 체험 수정 내의 모든 컴포넌트 및 페이지를 담당하였습니다. 또한 협업 시, import 순서 및 포멧팅 일관성을 위해 husky를 도입했습니다.
사용한 도구
TypeScript
React
vanilla-extract
React Query
React Hook Form
react-daum-postcode
react-kakao-maps-sdk
react-responsive
MUI
Axios
Next.js 14 (App Router)
npm
Vite
Vercel
GitHub Actions
문제해결 과정 및 배운 점
◾ Skeleton UI 적용: 체험 관리 페이지에서 데이터 로딩 시간으로
인한 빈 화면 노출 방지 및 UX 개선
◾ Suspense와 로딩 스피너 도입: 페이지 이동 시 로딩 스피너를
통해 실시간 피드백 제공, UX 향상
