Ari.dev

2024.08 - 2025.03

CRS 어드민 상품마감·요금재고 화면 재설계

3개 API 순차 호출 구조 때문에 호출 순서가 곧 조회 방향이 되어버린 화면을, 단일 API의 방향 파라미터로 재설계했다. 판매마감 벌크 처리의 토글 반전 결함도 함께 짚었다.

역할
CRS 어드민 판매·상품 화면 설계
  • Next.js
  • React
  • TypeScript
  • TanStack Query

문제

같은 고객사의 CRS 어드민에서 상품마감·요금재고 화면을 2024년에 설계했다가, 2025년에 다시 설계하게 됐다. 3개 API를 순차 호출하는 구조라 호출 순서가 곧 조회 방향이었고, 첫 값이 자동 선택되면서 그 뒤 단계의 전체 조회 자체를 막고 있었다.

해결

  • 순차 호출 구조를 걷어내고, 단일 API에 방향 파라미터를 둬서 양방향 조회로 재설계
  • 판매마감 저장이 현재 상태의 반대값을 쓰는 토글이라, 객실을 벌크로 선택하면 결과가 뒤섞이던 결함도 함께 수정

효과

  • 호출 순서에 종속되지 않고 원하는 방향으로 바로 조회 가능
  • 벌크 선택 시 결과가 뒤섞이던 결함 제거