본문으로 바로가기
모든 프로젝트GS리테일

자동발주 연동 점포경영 화면·API


2026.01 — 2026.08
New Feature Development
편의점AX팀 · 점포경영 PC 웹 프론트엔드 및 점포 API 개발

프로젝트 개요

자동발주는 경영주가 매일 수작업으로 판단하던 발주 수량을 시스템이 제안하는 신규 서비스입니다. 수량을 산출하는 자동발주 로직은 별도 담당자가 개발했고, 제가 맡은 범위는 이 서비스가 점포경영시스템에 도입될 때 필요한 PC 웹 화면과 점포용 API(store-api)입니다.

전체 점포가 아닌 일부 점포에 먼저 여는 단계적 오픈 방식으로 진행됐기 때문에, 같은 화면을 쓰는 대상·비대상 점포의 분기와 데이터 정합성 보호가 담당 범위의 핵심이었습니다.

핵심 도전 과제

  • 대상 점포와 비대상 점포가 같은 화면을 쓰는 상황에서의 UI 분기
  • 엑셀로 대량 등록·삭제하는 도중 조회 조건이 바뀌면 처리 결과가 다른 데이터에 반영될 수 있는 위험
  • 자동으로 채워진 수량과 사람이 직접 입력한 수량을 화면에서 구분할 수단 부재
  • 마감 시각을 놓치면 되돌릴 수 없는 신선식품 예약 발주의 특성

구현 솔루션

대상 점포 판별과 화면 분기

  • 대상 점포 여부에 따라 전용 발주 모달과 환경설정 화면이 다르게 노출되도록 구성
  • 점포 API에 캐시 기반 판별을 두어 조회할 때마다 반복 확인하지 않도록 처리

데이터 정합성 보호

  • 엑셀 대량 작업 중에는 조회 조건 변경을 막는 화면 잠금 처리 적용
  • 태블릿에서 입력값이 확정되지 않은 채 화면을 이동해도 저장 확인이 누락되지 않도록 입력 커밋 처리 보완

수량의 출처를 알아볼 수 있게

  • 자동으로 채워진 수량과 직접 입력한 수량을 색으로 구분하고, 수정하면 표시가 해제되는 공통 규칙 신설
  • 신선식품(FF) 예약 발주에는 사전 안내 팝업과 실행 이력 조회를 추가

사용 기술

VueTypeScriptPiniaYarn Berry(PnP)SpringMyBatisOracleRedis