프론트엔드
픽업전용 장바구니
두줄요약
픽업 주문 진입 경로를 장바구니로 모아 고객 접근성을 높인 개발 사례입니다. 매장 선택과 렌더링 방식을 개선하고, 모니터링까지 구성했습니다.
문제 상황
- 일반/오늘드림 장바구니에서 픽업 주문 진입 경로가 분산되어 픽업 인지성 저하
- 주문서 단계까지 이동한 뒤 매장 선택과 재고 확인이 필요해 고객 불편 발생
해결 방법
- 픽업 탭을 장바구니에 상시 노출해 접근성 개선
- 장바구니 내 매장 선택 팝업과 카카오톡 지도 API 연동으로 픽업 흐름 통합
- 매장 변경 가능성에 맞춰 SSR에서 CSR로 전환하고, 추후 MSA 전환 대비한 데이터 Aggregation 서비스 구성
성능/운영 포인트
- 화면 깜박임 이슈 완화를 위해 CSR 렌더링 적용
- 배포 후 데이터독으로 오류 감지와 서비스 지표 모니터링 구성
- 장바구니 관련 서비스 일부를 API로 이관해 분리 준비