CASE / 01

ERP · ADMIN

남양부직포 ERP 관리자 시스템

계정·매장·거래처·품목·출고·재고를 관리하는 ERP 화면을 개발했습니다. 반복되는 테이블과 모달을 공통 컴포넌트로 정리하고 서버 상태와 화면 상태를 분리했습니다.

프론트엔드 개발 · 데이터 화면 · API 연동
2024.05 — 현재 · 재직 중 프로젝트

높은 선반과 물류 상자가 놓인 산업용 창고 — PROJECT MOOD IMAGE — 실제 서비스 화면이 아닌 프로젝트 성격을 전달하는 스톡 이미지입니다.

01 / 맡은 업무

화면과 데이터 흐름을
구현했습니다.

계정·매장·거래처·품목·출고·재고 관리 화면
검색·정렬·필터·페이지네이션 데이터 테이블
CRUD 모달과 React Hook Form·Zod 검증
권한별 메뉴와 페이지 접근 UI

02 / 문제

업무 도메인마다 테이블·모달·폼 구현이 반복되고, 서버 데이터와 필터·선택·모달 상태가 한 흐름에 섞일 수 있었습니다.

03 / 적용한 방법

TanStack Table 기반 테이블과 공통 모달·상태 배지 패턴을 만들었습니다. React Query는 서버 상태를, Zustand는 필터·선택·모달 상태를 맡도록 분리했습니다.

04 / 결과

계정, 매장, 거래처, 품목 등 신규 관리 화면을 같은 패턴으로 추가하고 수정할 수 있는 구조로 개발했습니다.