[Next.js] Introduction

☆ React는 라이브러리 Next.js는 프레임워크

 

라이브러리는 코드 내에서 사용하려고 설치하는 것이지만 사용의 주체는 우리

우리가 모든 결정을 내리고 필요할 때 사용할 수 있다

React는 UI 인터페이스를 빌드하는 데 사용하는 라이브러리

 

 

프레임워크에서는 우리의 주도권이 없다

프레임워크는 여러 결정을 우리 대신 해주고 자동화하도록 할 수 있다

Next.js에서 뭔가를 export하면 Next.js가 그걸 받아와서 모양, 이름이 맞다면 페이지의 title을 바꿔준다

 

 

설치 방법

수동설치방법

npm init -y

package.json 파일 생성

 

npm install react@latest next@latest react-dom@latest

 

 

app 폴더 안에 page 파일 생성

page.tsx 혹은 page.jsx

NextJS가 시작될 때 웹사이트를 빌드하려고 하는데 웹사이트의 첫 번째 페이지를 app 폴더 안 page 파일에서 찾으려 한다

 

npm run dev

next dev 실행 명령

 

layout.tsx 파일이 자동으로 생성