Feat/next: Next.js 13으로 업그레이드 및 리팩토링

[younchong]

Next.js 13으로 업그레이드

• pages에서 app 폴더 구조로 변경
  • 굳이 아직 변경하지 않아도 될 것 같다. (beta이고 안정화 덜됨, pages아직 지원)
  • 다른 부분 업그레이드 된 부분 pages에서 동일하게 사용할 수 있다
  • 다른 업그레이드 된 부분들로 최적화 우선 적용
• 변경된 fetch방식
  • 이또한 아직 stable하지 않다.
  • While you can try it out, it is not yet stable. We'll keep these docs updated to reflect the latest developments.
  • app 파일 구조 내부에서 사용해야되고, use를 사용해서 fetch를 한다.
  • 기존에 getServerSideProps, getStaticProps, getInitialProps는 support안되고 fetch의 cache 옵션으로 대신한다.
• 13에 변경된 방식으로 수정하려고 했지만, 아직 불안정한 것과 Image와 Font를 많이 사용하지 않아서 리팩토링을 우선 진행했다.
• 리팩토링
  • 한 파일안에 style과 type들이 모두 들어있어서 파일을 구분했다.
  • util함수로 생성해서 가독성이 떨어지는 코드들을 수정

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
walk	✅ Ready (Inspect)	Visit Preview	Jan 23, 2023 at 9:27AM (UTC)