20년 된 레거시 결제창 시스템의 절차지향적 코드와 강결합 구조를 개선
Bridge 인터페이스 도입 및 3-Step 결제 Flow 설계를 통해 FE-BE 관심사 분리
Canary 배포 및 Multi-Layer Cache 적용으로 서비스 안정성 및 성능 20배 향상 달성
레거시 결제창은 절차지향적 코드와 강결합 구조로 인해 유지보수성이 낮았다. 구체적으로, 2,500줄 이상의 코드에서 결제 수단별 분기가 이루어졌으며, FE와 BE가 밀접하게 연결되어 기능 추가에 어려움이 있었다.
새로운 시스템은 Bridge 인터페이스를 통해 FE와 BE 간의 통신 방식을 표준화했다. 따라서, 3-Step 결제 (ENTRY, PREPARE, CONFIRM) Flow를 정의하여 FE-BE 간 를 단순화하고, 를 가능하게 했다.
Canary 배포를 통해 서비스 중단을 최소화하고, Multi-Layer Cache를 적용하여 트래픽 20배 증가에도 대응했다. 결과적으로, Preflight 요청 제거를 통해 첫 화면 로딩 속도를 개선하고, 1달 만에 10년 된 기능 재개발을 완료했다.