밤토리
728x90
article thumbnail
[NextJS] v13 정리 (12↔13 차이점)
Frontend/NextJS 2023. 7. 4. 13:25

NEXTJS 13 정리 13버전부터는 모든 React 컴포넌트는 서버사이드 컴포넌트입니다. app 디렉토리 v12 : pages 폴더 하위의 모든 파일들이 하나의 경로였습니다. v13 : app/ 이라는 디렉토리가 만들어졌습니다. 그리고 아래의 컴포넌트 들을 구성할 수 있습니다. 12버전의 pages 와 별 다를것 없어보이지만 app 디렉토리를 사용하면 디렉토리 구조도 깔끔해지고 layout, React 서버 컴포넌트, 스트리밍의 여러가지 기능이 존재합니다. layout.tsx 기존 pages 폴더 밑에 있던 _app.tsx 파일과 _document.tsx 파일의 역할을 합니다. app 폴더 밑에 이렇게 꼭 한 개의 layout.tsx 파일이 있어야 합니다. export default function R..

728x90