Kunnworks
D04업무 시스템

상품·재고·리포트 통합 관리 프론트엔드

상품 및 재고 담당자를 위한 쿤웍스의 상품·재고·리포트 통합 관리 프론트엔드 제품 사례. 상품 정보, 재고 경고와 보고서의 분산된 확인 경로를 핵심 검토 과제로 설정.

프로젝트 범위
제품 사례 · 프론트엔드
기술·작업 구성
React, TypeScript, Tailwind CSS, Recharts, localStorage
핵심 기능 살펴보기
상품·재고·리포트 통합 관리 프론트엔드
D04 / PROJECT COVER제품 사례 · 프론트엔드
01 프로젝트 배경

문제와 접근 방식

상품 목록과 편집 화면, 재고 현황 및 보고서를 일관된 탐색 구조로 구성하고 차트와 테마 설정을 결합한 관리 화면 구현. 상품 등록·편집, 재고 현황과 보고서를 연결한 관리용 프론트엔드 구성.

02 핵심 기능

화면으로 보는 핵심 기능

01 / 04

상품 등록 및 편집

상품 담당자를 위한 목록·입력 폼과 편집 동선으로 상품 정보 관리 UI 구현

03 상세 화면·설계

구조와 설계의 연결

프로젝트의 정보 구조와 화면 구성, 설계 기준을 한눈에 살펴보세요

프로젝트 상세 보드 — 상품·재고·리포트 통합 관리 프론트엔드
프로젝트 상세 보드이미지 크게 보기 (새 탭)