트레이딩 카드 서비스 운영 관리자 웹
트레이딩 카드 서비스의 회원·상품·결제·배송을 관리하는 웹입니다. 운영자가 사용하는 프런트엔드 전체를 개발하고, 업무별 화면이 같은 목록·상세·입력 규칙을 따르도록 구성했습니다.
상품과 배송을 잇는 운영 업무
카드 상품의 구성·판매, 회원·결제·배송과 게시판·앱 운영을 관리하는 화면을 개발했습니다. 앱·웹의 이용자 기능과 별개로 운영 관리에 필요한 프런트엔드를 단독으로 맡았습니다.
조회 조건을 유지하는 목록
검색·필터·페이지 이동·엑셀 내보내기를 공통 목록 동작으로 구현했습니다. 조회 조건을 URL에 남겨 화면을 다시 열어도 같은 조건으로 업무를 이어갈 수 있게 했습니다.
업무가 늘어날 때의 화면 규칙
React·TypeScript·Vite에 Refine·Shadcn·Tailwind를 사용했습니다. 앱 설정과 개별 업무 화면, 공통 목록·상세·폼을 나눠 새 메뉴도 같은 기준으로 개발하도록 구성했습니다.