Next.js
-
[Next 13] next.js 입문하기Next.js 2023. 12. 4. 14:45
Client-Side Rendering 브라우저에서 html을 실시간으로 만듦 부드러운 페이지 전환 검색 노출 어려움 첫 페이지 로딩 속도 저하 react, vue ... Server-Side Rendering 서버에서 html을 미리 만들어 보내줌 가벼움 페이지 로딩 속도 빠름 원하는 곳에서는 CSR 가능 next, nuxt, sveltekit, remix ... 대표적인 SSR React Framework인 Next.js를 알아보자. 1. 설치 npx create-next-app@lastest 2. 파일 및 폴더 구조 경로의 각 폴더는 경로 세그먼트를 나타낸다. page.js 메인페이지 옆, 상위에 있는 모든 layout.js 합쳐서 보여줌 layout.js page.js를 감싸는 파일 모든 페이지에..