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

> ### 오늘은 어떻게 프로젝트에 기여했나요?
> - Order Page
> - 유저의 직전 주문내역 정보(토큰), 작품 정보(props) 서버 요청
> - 서버에서 전달받은 결제 금액 랜더링, 서버에서 전달 받은 결제 금액 클라이언트 자체 상태 저장
> - 로컬스토리지 'userInfo' 데이터로 주문자 정보(주문자명, 이메일) 채우기
> - 인풋 입력값 상태 관리
>
> ### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
>
> - 항목별로 적어주세요.
> - 결제 페이지이다보니 상태관리를 많이 해야 되는 부분이 어려운 부분, 서버에서 유저의 직전 거래 정보, 작품 목록을 받아서 상태에 저장해야 하기 때문에
> - useEffect를 5개 이상써야 되는 부분이 어려움
> - TypeScript에서 reducer로 상태를 관리하려고 할때 초기값을 주지않으면 타입 추론을 하지 못하는 부분
```js
useEffect(() => {
setClientPrice(
productState.reduce((acc, cur) => {
return acc + cur.price;
}, 0), <-- 여기 초기값을 주지않으면 상태값 추론을 못함
);
}, [productState]);
```
>
> ### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
>
> - [ ] 카트 페이지 상품목록 CSS 작업
> - [ ] 카트페이지에서 결제 버튼 누를 시 결제 페이지로 이동
> - [ ] 결제 API 적용