🔗링크

📝 프로젝트 소개

• 럭셔리판다 쇼핑몰 홈페이지 리뉴얼 프로젝트
• 기존에 사용하던 레거시 코드 제거
• 재사용이 가능한 부분을 찾은 후 공용 컴포넌트로 분리
• 프론트엔드 e2e 테스트 진행

✋ 내가 기여한 부분

• 재사용 가능 컴포넌트 구현 및 적용
  • 반복적인 코드 제거로 코드 중복 제거
  • 주요 구현 컴포넌트: Button, Input, Checkbox, Alert, Pagination, DatePicker
• 패키지 매니저 마이그레이션
  • yarn → pnpm 으로 변경
    • CI/CD 파이프라인 빌드 시간 40% 단축 (10분 → 6분)
    • node_modules 용량 50% 감소 (1.2GB → 600MB)
• 파일 시스템 마이그레이션
  • Local File System → S3 File System
    • 업로드 실패 시 자동 재시도 메커니즘 구현
    • 이미지 최적화 및 압축 기능 구현으로 대역폭 사용량 50% 감소
    • 레이지 로딩 도입으로 초기 로딩 시간 60% 단축
    • 에러 메시지 시스템 구축
• Cypress 사용하여 E2E 테스트 자동화 구현
  • 사용자 인증/인가 테스트 자동화
  • form 제출 및 유효성 검증 테스트
  • 검색 시스템 테스트 자동화