📝 프로젝트 소개
- 대규모 트래픽을 고려한 마라톤 신청 플랫폼의 프론트엔드 개발
- 약 10,000명의 동시접속자를 고려한 성능 최적화
- 신청자 관리를 위한 어드민 대시보드를 개발
✋ 내가 기여한 부분
- Supabase에서 Auth.js로 인증 시스템 마이그레이션
- Auth.js 기반 인증 시스템 구축 및 마이그레이션
- JWT 토큰 커스텀마이징
- 사용자 기본 정보를 포함 하여 API 요청 간소화
- 토큰 관련하여 유틸리티 함수 구현
- 크로스 브라우저 호환성 확보
- 문제 상황
- Safari 브라우저 'not an integer' 에러 디버깅 및 해결
- Safari에서 숫자 형식 처리가 다른 브라우저와 다름
- 문자열에서 숫자로 변환 시 소수점이나 문자가 포함된 경우 발생
- 해결 방법
- 타입 체크로 안정성 확보
- 크로스 브라우저 호환성 확보 및 테스트 자동화
- Playwright로 테스트 자동화
- 사용자 경험 개선을 위한 스켈레톤 UI 구현
- 재사용 가능한 스켈레톤 컴포넌트 라이브러리 개발
- 초기 로딩 체감 시간 감소
- 자연스러운 로딩 상태 표현
- 토스페이 결제 시스템 구축
- 토스페이먼츠 연동 및 결제 프로세스 구축
- 다양한 결제 수단 통합 (계좌이체, 가상계좌)