83강 Next.js

리액트: : 사용자인터페이스를 잘 다루기 위한 툴

Next.js는 자바의 Spring 같은거다. 

 

 

 

✅ 클라이언트사이드 렌더링

클라이언트사이드 렌더링에서는 브라우저에서 업데이트가 일어나게되면
 데이터만 fetching을 받아서 클라이언트에서 다시 그리는 로직들을 제공을 한다.

매번 html파일을 불러오지않고 처음에만 html 파일을 불러온다.

 

 

✅https://nextjs.org/docs

Docs | Next.js

 

 

SSR은 매 번 HTML파일을 불러온다. 

 

 

 

✅pages/api

 

TypeScript는 필수인데, Next.js는 Optional 

 

 

 

넥스트js에 집중하려고 next.js 사용안한다고 함 이번에

 

 

 

 

next.js는 13버전부터는 page 경로가 아니라 page.js로 감. 

 

package.json에 dev는 설치하는 부분임. 

 

npm install 먼저하면 package.json생김
그거 dev보고
npm run dev
그러면 이런 페이지가 생김