Project Details
0→1→100을 만드는 풀스택 개발자
기간: 2023년 02월 ~ 2023년 12월(고객사에 소스인계)
B2C 여행 플랫폼(오마이트립)
단일 소스로 다양한 요구조건 SNS로그인/구글지도/항공권예약/웹뷰 등 구현
배경
B2B 호텔 예약 서비스를 항공/렌터카/액티비티 포함 B2B/B2C 플랫폼으로 확장. 회사 최초 시도 기능 다수로 레퍼런스 및 사내 노하우 부재
해결한 문제들
회사 최초 시도 기능 다수로 레퍼런스 및 사내 노하우 부재
- 5종 SNS 로그인, PC/모바일/웹뷰 멀티 플랫폼, 다양한 결제 방식, 장바구니 예약, 휴대폰 인증 등
- 신규 기능으로 레퍼런스 및 사내 노하우 부재
OAuth 2.0 기반 5종 SNS 연동 및 3개 PG사 결제 시스템 구현
반응형 디자인으로 PC/모바일/웹뷰 통합 대응
기술 가능/불가능 판단 기준서 작성 및 주 2회 데모로 고객사와 협의하며 개발
실현 가능한 모든 요구사항 충족 및 일정 준수
고객사에 신규 기능 교육까지 완료하여 현재 안정적 서비스 운영 중
핵심기술구현
OAuth 2.0 기반 5종 SNS 통합 인증 시스템 구현
기술적 도전:
- 각 SNS마다 다른 OAuth 플로우 및 API 스펙
- 웹/모바일/웹뷰 환경별로 다른 콜백 처리 필요
- 기존 회원과 SNS 계정 연동 로직 설계
구현 방법:
공통 플로우에 SNS별 커스텀 로직은 분리하여 OAuth 처리 통합
주요 기능:
- Google, Naver, Kakao, Apple, Facebook 5종 SNS 로그인 구현
- 기존 회원 자동 연동 및 신규 회원 가입 플로우
- 플랫폼별(PC/모바일/웹뷰) 콜백 URL 분기 처리
효과/성과:
5종 SNS 로그인 성공적으로 통합
3개 PG사 연동 및 다양한 결제 방식 구현
기술적 도전:
- NicePay, Eximbay, KICC 3개 PG사의 서로 다른 결제 API
- 국내 카드, 해외 카드, 선결제, 후결제, 부분결제 등 복잡한 결제 플로우
- 장바구니 내 여러 상품(호텔+항공+렌터카)의 통합 결제 처리
구현 방법:
- 공통 플로우 구현 후, 각 PG사별 커스텀 코드 분리하여 유지보수성 향상
주요 기능:
- 국내 결제: NicePay, KICC
- 해외 결제: Eximbay
- 선결제/후결제/부분결제 옵션 제공
- 장바구니 통합 결제 (여러 상품 동시 결제)
효과/성과:
3개 PG사 결제 시스템 안정적으로 통합
다양한 결제 방식으로 사용자 선택권 확대
복잡한 장바구니 통합 결제 플로우를 구현하여 고객사에 제공
기술 가능/불가능 판단 기준서 작성 및 협업 프로세스 구축
기술적 도전:
- 신규 기능 다수로 기술적 리스크 판단 어려움
- 고객사의 무리한 요구사항과 일정 조율 필요
- 개발팀과 고객사 간 기술 커뮤니케이션 격차
구현 방법:
- 기술 가능/불가능 판단 기준서 작성: 각 기능별 기술적 난이도, 소요 시간, 리스크 문서화
- 주 1회 데모 진행: 마이크로소프트 팀즈 화상전화로 개발 진행 상황을 정기적으로 시연, 고객사 피드백을 즉시 반영하여 방향 수정
효과/성과:
고객사와의 기술 협의 원활
일정 준수하며 실현 가능한 모든 요구사항 충족
고객사에 신규 기능 교육까지 완료
현재까지 안정적으로 서비스 운영 중
휴대폰 인증 및 장바구니 예약 시스템
기술적 도전:
- KCB 휴대폰 본인인증 API 연동 (회사 최초)
- 호텔+항공+렌터카 각각 다른 예약 정책을 장바구니에 통합
구현 방법:
- KCB 본인인증 API 연동 및 인증 플로우 구현
- 장바구니 상태 관리 (NgRx Store)
- 각 상품별 예약 가능 여부 실시간 체크
- 장바구니 내 상품 간 일정 충돌 검증
효과/성과:
본인인증으로 보안성 강화
장바구니 통합 예약으로 사용자 편의성 향상
정량적 성과
11개월 만에 B2B/B2C 통합 플랫폼 성공적 런칭
회사 최초 시도 기능 10개 이상 구현 (OAuth 2.0 5종 SNS 로그인, 3개 PG사 다중 결제 시스템, PC/모바일/웹뷰 멀티 플랫폼, 국내/해외/선후/부분결제, 장바구니 통합 예약, 휴대폰 본인인증)
실현 가능한 모든 요구사항 충족 및 일정 준수
고객사 신규 기능 교육 완료 후 안정적 운영
기존 코드 없이 기술 검증부터 구현까지 완수
기술스택
Frontend
Angular, TypeScript, RxJS, NgRx
SPA 기반 반응형 웹 애플리케이션, 복잡한 예약/결제 플로우 상태 관리, 초기 로딩 속도 최적화
외부서비스연동
- OAuth: Google, Naver, Kakao, Apple, Facebook - SNS 통합 인증
- PG사: NicePay, Eximbay, KICC - 다중 결제 시스템
- 본인인증: KCB - 휴대폰 본인인증
담당업무
기술설계및검증
신규 기능별 기술 가능/불가능 판단 기준서 작성
OAuth, PG 연동 등 외부 서비스 기술 검증
개발
OAuth 2.0 기반 5종 SNS 통합 로그인 구현
3개 PG사 결제 시스템 연동 및 다양한 결제 방식 구현
장바구니 통합 예약 시스템 개발
휴대폰 본인인증(KCB) 연동
호텔/항공/렌터카/액티비티 예약 UI/UX 구현
협업및커뮤니케이션
주 2회 고객사 데모 진행 및 피드백 반영
기술적 제약사항을 비개발자에게 명확히 설명
고객사에 신규 기능 사용법 교육
핵심 성과 요약
회사 최초 시도 기능을 레퍼런스 없이 다수 구현하였음. OAuth 2.0, 다중 PG 연동 등 복잡한 외부 서비스 통합을 성공적으로 완수하며 B2C 플랫폼을 구축했습니다. 특히 기술 가능/불가능 판단 기준서 작성 및 데모 시연을 통해 고객사와 긴밀히 협력하며 일정을 준수하고 모든 요구사항을 충족했습니다. 신규 기능 교육까지 완료하여 현재까지 안정적으로 서비스가 운영되고 있으며, 이는 기술 검증부터 구현, 운영까지 전 과정을 경험하였음
프로젝트 상세 문의가 있다면 연락주세요!