23.09
23.09.10(일)
- next13 앱 라우터에서 토큰 리프레시 전략 작성함
- 사이드 프로젝트 프론트엔드 페이지 라우터에서 다시 앱 라우터로..
23.09.03(일)
- 사이드 프로젝트에서 nextjs 앱 라우터를 페이지 라우터로 롤백
- 앱 라우터에서 기존에 하던 방식인 axios.interceptor를 활용하여 response status가 401일 경우 토큰을 갱신하고 이전 요청을 다시 보내는 방식의 동작이 안된다.
- 문제는 서버컴포넌트에서 api 요청을 하면, 서버측에서 보내는 api요청이기 때문에 쿠키 설정이 안된다. 경로 핸들러 또는 서버액션에서만 설정이 가능하다고 하는데, 결국 리다이렉트나 form submit과정이 필요하지 이전처럼 interceptor에서 동적으로 설정하는 방식은 불가능했다.
- 서버 컴포넌트를 써보니 편한점도 꽤 많았는데 이슈들을 하나하나 헤딩하다보니 시간이 너무 걸려서 일단 페이지 라우터 방식으로 롤백했다.
- 다크 모드 구현, 프로젝트 셋팅