Completed 🎉

• 리팩토링
  • 스타일, 타입 분리
  • 함수로 분리
• Next.js 13 업그레이드
  • 완벽한 마이그레이션은 아니였다. (아직 불필요하다고 생각한 부분이 많기 때문에)
  • pages에서 app 폴더 구조로 변경 (적용안함)
    • 굳이 아직 변경하지 않아도 될 것 같다. (beta이고 안정화 덜됨, pages계속 지원)
    • 다른 부분 업그레이드 된 부분 pages에서 동일하게 사용할 수 있다
    • 다른 업그레이드 된 부분들로 최적화 우선 적용
    • Image나 font를 현재 프로젝트에서 사용하지 않아서 최적화할 곳이 없음
  • 변경된 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 옵션으로 대신한다.

=> 프로젝트를 통해 새로 업그레이드 된 부분들을 공부

• 서버 express이용해서 초기 세팅

하루 회고 📔

일 하면서 배운 디렉터리 구조 정리나 타입, 스타일 정리를 적용시켰고,
애매했던 변수명이나 함수들을 리팩토링했다.
Next.js 13으로 마이그레이션을 하려고 했는데, 아직 불안정한 부분이 많은 것 같고 공식문서를 읽을때도 그것에 대한 설명이 있어서 내용을 공부한다는 생각으로 봤다.
서버는 오랜만에 구현해봤는데 초기 세팅도 너무 헷갈려서 generator를 사용해야되나 여러번 고민했다.
결국 generator없이 구현했고, 이전에 서버 구현했던 것을 참고를 많이 했다.
관련된 로직은 기존 api에 거의 구현해두어서 보완하고 전체 데이터를 가지고 데이터 수신을 못했을 경우, 내부 알고리즘으로 데이터를 보존하는 방향으로 고민해봐야겠다.

오늘의 PR

• Next.js 13으로 업그레이드 및 리팩토링