// 패키지 설치
yarn
// 프로젝트 실행
yarn start
- 목록 조회: GET /orders
- 등록: POST /order
- 삭제: DELETE /order
- 이름
- 휴대폰 번호
- 날짜
- 품목
- 물량
- 출근지
- 상차지 정보
- 공통
- 이름
- 휴대폰 번호
- 날짜
- 물량
- [등록] 버튼 클릭시 POST /order api 요청
- 요청 성공시 모달 렌더링
- 컬럼, 체크박스
- 페이지네이션
- 삭제
- 오더 복사
- 스타일링
- 반응형
features // 기능별로 폴더를 구조화
order-form // 주문 등록 관련 기능
order-list // 주문 목록 관련 기능
api // 주문 목록 관련 API 요청 함수
components // 주문 목록 관련 컴포넌트
hooks // 주문 목록 관련 hooks
types.ts // 주문 목록 관련 타입
mocks // msw 구성 폴더
shared // 프로젝트 전반에 걸쳐 공용으로 사용되는 기능들
components // 공용 컴포넌트
hooks // 공용 hooks
types.ts // 공용 타입
개인 사정으로 시간을 많이 쓰지 못해서 여러모로 아쉬움이 남는 과제입니다. 특히 마지막에 급하게 스타일링을 하느라 높은 코드 품질을 유지하지 못한 것과 테스트 코드를 작성하지 못한 것이 가장 아쉽습니다.
그럼에도 주어진 조건에서 최선을 다했고, 그 과정에서 많은 것을 배울 수 있었던 좋은 경험이었습니다. 감사합니다.