TIL #047

오늘 한 것

• 프로필 페이지 UI 구현
• 프로필 편집 페이지 구현

오늘 배운 것

next13 동적 라우팅

next13은 app 폴더 기반으로 페이지 라우팅이 구성된다.

브래킷으로 폴더 명을 감싸는 방식으로 페이지를 동적으로 라우팅할 수 있다.

app
  ㄴ[id] //폴더명을 브래킷[]으로 감싸면 동적 라우팅이 가능하다.
      ㄴpage.tsx

next13에서 환경변수를 로드할 때 undefined으로 로드되는 에러

환경변수를 불러올 때 반드시 NEXT_PUBLIC_ 접두사를 잊지 말자!
해당 에러와 관련된 자세한 내용은 여기를 통해 확인할 수 있다.

next_auth 404에러 (feat. next13)

\[...nextauth].ts 파일을 위치가 잘못되어 생긴 문제.
해당 에러와 해결 과정에 대한 자세한 내용은 여기를 통해 확인할 수 있다.

오늘 느낀 점

카카오 OAuth,, next auth 라이브러리로 우습게 봤다가, 오후 5시부터 지금 새벽 2시까지 큰 코 다치고 있는 중이다. 이건 말도 안돼!!!!!