거래처별 접수·정산 조회 포털

거래처가 발급받은 계정으로 로그인하면 본인 거래처의 접수·정산 현황만 요약해 보여주는 대시보드입니다.

• JWT 액세스/리프레시 토큰 기반 세션 관리 구현
• PostgreSQL Row-Level Security 정책으로 거래처 간 조회 범위를 DB 레벨에서 격리하는 구조 설계
• 메뉴별(인터넷/렌탈/휴대폰) 접수·정산 요약 카드를 집계하는 대시보드 쿼리 구현

인증 미들웨어와 DB 레벨 RLS 정책을 이중으로 적용해, 애플리케이션 코드 실수로도 다른 거래처 데이터가 노출되지 않는 구조를 설계합니다.

인터넷/렌탈/휴대폰 메뉴별로 접수 건 목록과 진행 상태(접수 중/접수 완료 등)를 조회할 수 있는 화면입니다.

• 메뉴(인터넷/렌탈/휴대폰)별 탭 전환 + 상태 필터 + 키워드 검색 UI 구현
• Enum 기반 진행 상태(접수중/접수완료/보류 등) 배지 컴포넌트 설계
• React Query로 목록 데이터 캐싱 및 페이지네이션 처리 구현

메뉴별로 스키마가 조금씩 다른 접수 데이터를 하나의 공통 테이블 컴포넌트로 렌더링할 수 있도록 컬럼 설정을 데이터 기반으로 추상화합니다.

인터넷/렌탈/휴대폰 메뉴별 정산 내역을 기간별로 조회할 수 있는 화면입니다. 기간 필터와 메뉴별 정산 합계를 함께 보여주는 테이블 및 요약 카드를 구현합니다.

• 기간(월별) 필터와 메뉴별 정산 합계 요약 카드 구현
• 정산 내역 테이블에 정렬·검색 기능 적용
• 정산 데이터 CSV 다운로드 기능 구현

메뉴별 정산 합계를 서버에서 집계 쿼리로 미리 계산해 내려주어, 대량 데이터에서도 화면 렌더링이 지연되지 않는 구조를 설계합니다.

관리자가 접수·정산 내역을 수기로 등록·수정하고 거래처를 지정할 수 있는 백오피스 화면입니다. 관리자 전용 폼에서 접수·정산 건을 등록하며, 거래처 지정 시 검색형 드롭다운과 진행 상태 변경 UI를 제공합니다.

• 메뉴별 접수·정산 수기 등록/수정 폼과 서버·클라이언트 이중 유효성 검증 구현
• 거래처 지정을 위한 검색형 드롭다운(Combobox) 구현
• 진행 상태 변경 시 상태 전이 규칙을 검증하는 로직 구현

수기 입력과 향후 자동 연동 데이터가 같은 테이블에 섞여도 구분 가능하도록 입력 소스 컬럼을 두어 데이터 출처를 추적하는 구조를 설계합니다.