[Dev-Log] 김정훈 2021-12-12

> ### 오늘은 어떻게 프로젝트에 기여했나요?
> - Cart 페이지 반응형 CSS 수정
> - Cart 페이지 작품 삭제 기능 수정(x 버튼 누를경우 모달을 띄우고 확인 눌렀을 시 삭제하며 새로고침)
> - Cart 품절 작품 삭제 기능 구현(서버에 상품 재고 확인하여 품절일 경우 해당 상품의 가격을 품절로 바꿈)
> - Cart 선택(모든선택) 작품 삭제 기능 구현 checkbox를 누른 상품만 삭제하게끔 설정
> - Cart 주문하기 버튼 기능 구현 -> 품절인 작품이 있으면 모달을 띄워 품절 된 상품을 삭제해달라고 요청하기, 품절 작품이 없다면 오더 페이지로 이동
> ### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
>
> - 체크박스를 구현하는것이 어려웠습니다. (개별 선택 or 모든 작품 선택)
> - Cart페이지에서 order 페이지로 이동할때, 상품 고유 id를 Props로 넘겨주어야 하는데 어떻게 넘기는 부분
> ```js
> // 페이지 이동하며 Props를 넘기는 방식
> // 부모 (Cart Page) , useNavigate의 State에 props로 넘겨줄 객체 설정
> import { useNavigate } from 'react-router-dom'; //react-router-dom v6
> const history = useNavigate();
> history('/order', { state: { id: cartListState } }); //d cartListState는 string[]
>
>// 자식 (Order Page) useNavagivate로 보낸 props를 useLocation으로 받음
> import { useLocation } from 'react-router-dom';
> const location = useLocation();
> const orderProduct: string[] = location.state.id;
> ```
> [useNavigate 참조 레퍼런스](https://reach.tech/router/api/navigate)
> [useNavigate 참조 레퍼런스2](https://kangdanne.tistory.com/entry/React-React-Router-v5-v6-useHistory-useNavigate)
> ### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
>
> - [ ] Order Page CSS 반응형 수정
> - [ ] Order page 결제 기능 구현
> - [ ] 바로구매에서 order Page이동하였을때 전달해주는 Props를 받아서 Order page 렌더링