inventory-app

재고 관리 웹 애플리케이션

이 프로젝트는 React를 사용하여 구현된 간단한 재고 관리 웹 애플리케이션입니다. 사용자는 제품 목록에서 추가, 수정, 삭제를 할 수 있습니다.

demo

기능

• 제품 목록 표시 (상품명, 수량, 개당 가격, 메모)
• 새로운 제품 추가
• 기존 제품 정보 수정 (상품명, 수량, 개당 가격, 메모)
• 제품 삭제

설치

1. 프로젝트 디렉토리로 이동합니다.
2. 다음 명령어를 실행하여 의존 라이브러리를 설치합니다.

npm install

실행

1. 개발 서버를 실행합니다.

npm start

2. 웹 브라우저에서 http://localhost:3000 (기본 포트) 접속합니다.

사용법

• 레코드 추가 버튼을 클릭하면 새로운 제품 행이 추가됩니다.
• 각 열을 직접 편집하여 제품 정보를 수정할 수 있습니다.
• Actions 열의 휴지통 아이콘을 클릭하면 해당 제품을 삭제할 수 있습니다.

구동 환경

• Node.js (버전 확인 필요)
• npm (또는 yarn)

라이브러리

• React
• @mui/material
• @mui/x-data-grid

테스트

npm run test

배포

npm run deploy