- 주문내역을 보여주고 있습니다.
- 주문내역(Order)에는 주문정보, N개의 상품(OrderProduct)과 1개의 배송정보(Shipping)로 구성되어 있습니다.
- 뷰와 모든 로직이 모두 하나의 Component로 구현되어 있는 상태입니다.
- 한 주문에 여러개의 상품이 여러곳으로 분리 배송될 수 있도록 변경이 필요합니다.
- 한 주문정보에 여러개 배송정보로 구성되고, 한 배송정보에 여러개의 상품정보로 변경 될 예정입니다.
- 기존: Order > Shipping + OrderProduct(n)
- 변경: Order > Shipping(n) > OrderProduct(n)
- 주문정보 표시는 배송정보를 중심으로 상품이 묶여서 표시되는 방식으로 변경되어야 합니다.
- 변경작업은 백엔드와 함께 진행중이며 전달될 json은 아직 정의되지 않았습니다.
- 유지보수가 용이하도록 프로그램을 구조화해서 리팩토링 해주세요.
- 향후 서버에서 전달받을 json 포맷이 제공되었을 때 최소의 변경으로 적용할 수 있도록 구성 해주세요.
- 리팩토링 된 프로그램의 구조를 설명하는 간단한 설명서(또는 다이어그램)를 제공 해주세요. 4. 변경된 json 포맷이 예상과 다를 때 처리 방법에 대한 설명 포함.
- React
- Typescript
- (필요 시 환경 및 언어를 변경하실 수 있습니다.)
- (필요 시 라이브러리를 추가해서 사용하실 수 있습니다.)
- 프로그램 구조 설계
- 코드의 유지보수 및 확장성