Vue 2.6 기반 어드민 웹페이지 디자인, 프론트엔드, 백엔드 개발 및 유지보수를 담당했습니다.
상세 내용
1. 기능 구현
- 웹페이지 전체 리디자인
- 선불카드 발급/충전/픽업/환불/정산 내역 페이지 및 API 구현
- 권한 관리 기능 구현 (사용자 그룹별 권한 세분화, 페이지별 접근 권한 설정)
- 데이터 검색, 필터 기능 구현
- 로그인 페이지 아이디, 비밀번호, OTP 입력 시 인풋 자동으로 포커스를 전환해 사용성 개선
2. 성능 최적화
- 어드민 페이지 로드 속도 개선을 위해 번들 분석 → Vuetify 라이브러리가 가장 큰 비중을 차지하지만 실제 사용 컴포넌트는 소수에 불과해 불필요하다고 판단. 필요한 컴포넌트만 직접 구현하는 방향으로 대체
- Vendor 청크 기준 번들 크기 34% 감소 (2,751KB → 1,818KB)
- 콘텐츠 해시 기반 캐시 전략 추가로 페이지 로드 시간 32% 단축 (518ms → 352ms)
- 클라이언트에서 수행하던 1,000건+ 대규모 데이터 정렬 및 필터링 로직을 서버 측으로 위임해 클라이언트 부하 개선
3. 코드 품질 개선
- 모든 페이지에서 하드코딩된 UI를 컴포넌트로 리팩토링
- 포맷팅 유틸 함수 전역화 (숫자 포맷팅, 날짜 포맷팅, UTC 로컬 시간 변환)
















