핵심 요약
올리브영의 개발팀은 픽업 장바구니를 도입해 탭 고정 노출과 매장 선택 팝업으로 접근성을 높였고, SSR에서 CSR 렌더링으로 전환해 화면 깜빡임을 줄였으며 데이터 흐름도 MSA 전환 초기 작업으로 개선했습니다.
주요 경험
- 기존 두 흐름의 불편을 해소하기 위해 픽업 탭을 항상 노출하고 카카오톡 지도 API를 활용한 매장 선택 팝업을 구현했다.
- 매장 변경이 잦은 픽업 장바구니 특성에 맞춰 CSR 렌더링으로 렌더링 안정성을 확보하고 데이터 조회 흐름을 Aggregation 서비스 중심으로 재설계했다.
- 서비스 배포 후 모니터링을 데이터독으로 구성해 오류 감지와 지표 확인 체계를 갖췄다.
얻은 인사이트
- 픽업 탭 고정으로 고객 접근성이 개선되고 매장 재고 확인 과정이 단순화됐다.
- CSR 도입이 화면 반응성과 렌더링 안정성을 높였다.
- 초기 MSA 전환 작업은 향후 API 이관과 서비스 확장을 위한 기반을 제공했다.



