[ Dev Log] 박지훈 / 2021-07-09

### 오늘은 어떻게 프로젝트에 기여했나요?

- 토큰 인증기반으로 리팩토링
- 에러 핸들링

### 토큰 인증기반으로 리팩토링

next js의 장점인 리렌더링을 위해
데이터를 미리 받아오려고 ../routine/[id].js 인 다이나믹 라우팅 페이지에 getStaticProps 메소드를 적용했다
문제는 다이나믹 라우팅 페이지에는 getServerSideProps를 써야된다는걸 알았고
클라이언트에서는 쿠키를 withCredentials 옵션으로 요청보낼때 자동으로 쿠키를 실어나르지만
서버에선 직접 담아줘야된다는걸 알았다

-쿠키를 JSON형태로 자동으로 반환해주는 편리한 next-cookies 설치
``` $ npm install next-cookies ```

나한테있는 쿠키에서 토큰값을 찾고
요청보낼때 헤더에 토큰을 쿠키에 직접 실어서 요청보내면 끝
이후 페이지 컴포넌트에서 props로 받아 데이터 핸들링

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?

- 직접 친 코드가 아닌이상 코드를 이해하고 문제해결을 생각하는 능력이 너무 약함
- 상태관리를 맡아봤는데 내가볼땐 상태때문에 에러가 이곳저곳 나타나는것같아 좋은 상태관리는 어떻게하는건지 찾아보려고함 .

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

- [ ] 데이터를 받아 동적으로 타이머 돌아가게하기
- [x] 에러핸들링