React, Redux, Bootstrap, Express, MySQL(sequelize)을 활용한 토이 프로젝트입니다.
재고 리스트를 보여줍니다. 테이블은 React Data Table을 이용하였습니다. https://react-data-table-component.netlify.app/?path=/story/getting-started-intro--page
새로운 제품 종류를 추가/삭제합니다. 제품 코드는 체크 시 자동으로 생성됩니다. 카테고리 선택 등 선택지가 테이블 매핑으로 정해져 있는 경우, typeahead 라이브러리로 autocomplete를 구현하였습니다. https://github.com/ericgio/react-bootstrap-typeahead
입고/출고를 모두 기록합니다.
입고/출고를 진행합니다. 제품명, 거래처는 데이터베이스에서 list를 불러와서 autocomplete로 구현되어 있습니다. react-datetime (캘린더) https://github.com/arqex/react-datetime