2024.08 - 2025.03
CRS 어드민 상품마감·요금재고 화면 재설계
3개 API 순차 호출 구조 때문에 호출 순서가 곧 조회 방향이 되어버린 화면을, 단일 API의 방향 파라미터로 재설계했다. 판매마감 벌크 처리의 토글 반전 결함도 함께 짚었다.
- 역할
- CRS 어드민 판매·상품 화면 설계
- Next.js
- React
- TypeScript
- TanStack Query
문제
같은 고객사의 CRS 어드민에서 상품마감·요금재고 화면을 2024년에 설계했다가, 2025년에 다시 설계하게 됐다. 3개 API를 순차 호출하는 구조라 호출 순서가 곧 조회 방향이었고, 첫 값이 자동 선택되면서 그 뒤 단계의 전체 조회 자체를 막고 있었다.
해결
- 순차 호출 구조를 걷어내고, 단일 API에 방향 파라미터를 둬서 양방향 조회로 재설계
- 판매마감 저장이 현재 상태의 반대값을 쓰는 토글이라, 객실을 벌크로 선택하면 결과가 뒤섞이던 결함도 함께 수정
효과
- 호출 순서에 종속되지 않고 원하는 방향으로 바로 조회 가능
- 벌크 선택 시 결과가 뒤섞이던 결함 제거