마이페이지
- 개인정보 확인 및 수정 기능
- React Hook Form 기반 유효성 검사
먼키 사장님 사이트
대리점·지점별 메뉴 및 업장 정보 관리 사장님 사이트 개발
프로젝트 개요
- 기간: 2025.01 – 2025.02
- 소속: 먼슬리키친
- 역할: 프론트엔드 개발
- 플랫폼: Web
- 기술 스택: Typescript, Next.js, Zustand, Emotion, MSW
기존 사장님 사이트는 명확한 UI·UX 가이드라인 부재로 인해 사용성과 일관성이 부족했습니다. 이러한 문제를 해결하기 위해 UI·UX를 전면 재설계하고, 신규 기능을 포함한 새로운 사장님 사이트를 구축하여 기존 서비스를 대체해야했습니다.
담당 역할
- 마이페이지, 권한관리, 주문내역 확인 기능 개발
- 매출 대시보드 API 연동 및 엑셀 다운로드 기능
주요 구현 내용
권한관리
- 하위 대리점 및 매장 계정 생성 후 접근 권한 요청 허가/거부 처리
- UI에 권한 상태 표시
주문 내역
- 주문 내역 및 상세 내역 페이지 구현
매출 대시보드
- API 연동 수정 및 출력 값 엑셀 다운로드 구현
기술적 고민
- 🕵️♂️ 사용자 권한 기반 UI 제어
- 📡 대시보드 데이터 연동 안정성
- ⚡ 데이터 실시간 반영
성과 및 회고
- 사장님 사이트의 운영 효율이 향상될 것으로 기대됨
- 권한과 사용자 계층, 상태에 따른 UX 분기 설계 경험