컨설팅 고객사의 MVP를 빠르게 구현하기 위한 웹·앱 템플릿과 공통 인증·결제 흐름을 개발했습니다. 약 184개 고객사 앱에 활용된 템플릿의 개발·관리에 참여했습니다.
공통 템플릿→고객사 화면 · API→인증 · 결제 연동→웹 · RN MVP
해결 과제
고객사마다 다른 요구사항을 구현하면서도 반복되는 인증·입력 검증·결제·에러 처리의 품질과 개발 속도를 유지해야 했습니다.
담당 업무 · 구현
- 공통 기반: Redux Toolkit·Redux-Saga, 요청 헬퍼, 액션 구독 기반 결과 처리를 조합해 인증·비동기 요청·오류 대응 패턴을 재사용했습니다.
- 웹 구현 사례: 견적 요청·검토 사이의 입력값을 보존하고, 배송지·약관 검증과 Toss Payments 결제 흐름을 연결했습니다.
- RN 구현 사례: 인증 정보 복원이 끝나기 전 라우트 렌더링을 보류하고 로그인 상태에 따라 공개·회원·비회원 화면을 구성했습니다.
- RN 결제: WebView 결제 URL을 가로채 외부 결제 앱으로 전환하고, 결제 확인 콜백의 중복 호출을 제어했습니다.
- 개발 방식: 디자인 시스템·템플릿과 Claude Code·Figma MCP를 활용하고 반복 작업의 지침과 개발 맥락을 정리했습니다.
결과
- 약 184개 고객사 앱에 활용된 공통 템플릿의 개발·관리에 참여했습니다.
- 템플릿과 AI 도구로 50페이지 규모 앱의 API 연동 포함 개발 기간을 약 5일에서 2일로 줄였습니다.
TypeScriptReactViteReact Routerstyled-components