2022년 10월 Next.js는 13버전을 출시했다. 기존에 12버전과 사용 방법보다 어렵진 않지만 많이 변경 되었기에 미리 학습해보면 좋을거같다. 실무에서는 12버전으로 개발중인 기업도 많을것이다 그래서 12버전을 미리 학습하고 13버전을 배워보는것을 추천한다. 또한 13버전은 아직 베타버전이라 규모가 큰 프로젝트를 진행하는 기업이라면 12버전을 그대로 사용할 것으로 생각한다. 설치법 npm i next@latest react@latest react-dom@latest eslint-config-next@latest 업데이트 내용 | app 디렉토리 (베타) 12버전에서는 pages 라는 디렉토리가 존재했다. Next.js를 사용하면서 편한점 중 하나를 이야기하자면 react-router-dom과 라우..

에러 발생 🤢 Next 의 Image 는 웹의 최적화의 엄청난 도움을 준다. 내 작업폴더에 있는 이미지를 업로드 할때는 경로만 쉽게 넣어주면 정상적으로 작동했지만 JSON 의 이미지 경로들은 모두 https:// 로 시작하는 경로였다. 그래서 경로를 불러오면 hostname을 찾을수 없다는 결과가 나왔고 일단은 html의 기본 태그인 img 태그로 사용을 해왔다. 하지만 다른 텍스트는 불러오고 이미지는 2초 3초 뒤에 나오니 ui 부분에서 굉장히 불편했다. 해결 😃 정답은 next.config에 있었다. Next 는 웹팩을 기본 번들러로 사용한다. Next 를 조금 더 커스텀하게 사용하기 위해 next.config.js 에서 기본 설정을 할 수 있다. next 서버 빌드 단계에서 사용되며 브라우저 빌드에..