2024.01 - 2025.05
B2C 레거시 리팩토링
외주로 개발된 레거시 B2C 서비스에서 회원·인증·예약·결제·마이페이지 전반을 담당하며 구조 개선을 주도.
- 역할
- 핵심 개발자 (단일 최대 기여자)
- Next.js
- React
- Recoil
문제
날짜 상태가 여러 컴포넌트에 분산돼 있고 서로 동기화되지 않아 중복 코드와 props drilling이 누적됐다. 번역은 개발자가 건마다 수기로 반영해 5~10분씩 걸렸다.
해결
- 분산된 날짜 상태를 Recoil 단일 모듈(29 atom/selector)로 점진 이관해 중앙화
- Google Sheet + Sheets API·App Script로 번역 자동화 파이프라인 구축
- 동시 다발 401을 인터셉터 큐로 직렬화해 리프레시 1회 후 일괄 재시도하도록 개선
- iOS·Android 웹뷰와 토큰·로그인 양방향 동기화 브릿지 구현
- hydration mismatch를 mounted state 가드로 해결
효과
- 중복 코드 1,854줄 삭제, props drilling 제거
- 번역 반영 시간 5~10분 → 1분