제조 소모품 통합 레코드 관리 플랫폼

거래처·품목·주문 레코드를 좌측 리스트에서 검색·필터링하고, 선택한 항목의 전체 상세(연결 주문, 최근 문서, 재고 현황)를 우측 패널에 모달 없이 인라인으로 표시합니다.

• react-window 기반 가상 스크롤로 거래처·품목 리스트 레일의 대량 레코드 렌더링 최적화
• URL 쿼리 파라미터로 선택 레코드 상태를 동기화해 상세 패널 딥링크 공유 지원
• 상세 패널은 레코드 타입별 위젯 컴포지션 패턴으로 요약/연결/문서 탭 조합 구성

모달 팝업 대신 리스트-상세 인라인 패널 구조로 재구성해, 여러 레코드를 오가며 비교·검토하는 업무 흐름에서 클릭 왕복을 줄이는 UI 아키텍처를 구현합니다.

기간·거래처·품목 조건으로 주문량·출고량·매출액을 다각도로 집계하고 차트로 시각화하여 관리자가 판매 추이를 파악할 수 있습니다.

• PostgreSQL Materialized View 3개로 일별·월별·거래처별 집계 사전 계산 구조 설계
• Recharts 기반 복합 차트(막대+선)로 주문량과 매출액을 동시 시각화
• 필터 조합(기간/거래처/품목)을 URL 쿼리스트링으로 직렬화해 분석 뷰 공유 기능 구현

실시간 집계 대신 Materialized View 증분 갱신 방식을 도입해, 대량 주문 데이터에서도 필터 변경 시 즉각적인 차트 응답을 확보하는 집계 아키텍처를 구현합니다.

기존 관리 프로그램에서 내보낸 품목·단가·거래명세서 CSV 파일을 업로드하면 컬럼을 매핑해 검증 후 신규 시스템으로 일괄 가져옵니다.

• csv-parse로 대용량 CSV 스트리밍 파싱, 헤더 자동 감지 및 컬럼 매핑 UI 연동
• 행 단위 검증 결과(성공/경고/실패)를 리포트 테이블로 반환하는 검증 파이프라인 구현
• 검증 통과 행만 PostgreSQL 트랜잭션으로 일괄 삽입, 실패 행은 재업로드 가능하도록 분리 처리

컬럼 매핑을 하드코딩하지 않고 업로드 시점에 사용자가 지정하는 구조로 설계해, 소스 프로그램의 CSV 형식이 달라도 재사용 가능한 범용 마이그레이션 도구를 구현합니다.

담당자·관리자 등 역할별로 접근 가능한 메뉴와 데이터 범위를 제한하고, 조회 화면 어디서든 현재 필터 조건 그대로 엑셀로 일괄 내보낼 수 있습니다.

• 역할(role)-메뉴(menu)-액션(action) 3단 권한 매핑 테이블 설계, 라우트·API 양쪽에서 동일 정책 검증
• exceljs로 서버 사이드 엑셀 생성, 현재 필터·정렬 상태를 쿼리 파라미터로 전달해 조건 일치 보장
• 권한 없는 메뉴는 사이드바에서 자동 숨김 처리하는 동적 네비게이션 렌더링 구현

권한 검증을 프론트엔드 UI 숨김과 백엔드 API 미들웨어 이중으로 적용해, 화면 조작뿐 아니라 직접 API 호출도 역할 범위 밖 데이터에 접근할 수 없는 구조를 구현합니다.