nextjs는 react로 만드는 서버사이드 렌더링 프레임 워크입니다.
npx create-next-app project-name --typescript
C:\Users\User\자기자신파일이름
설치를 하시면 기본적으로 파일이 이쪽으로 들어가기 때문에 vscode를 열어서 이 경로로 파일을 열면 됩니다.
vscode를 열어서 파일구조를 보시면 이렇게 나와있습니다.
src 폴더가 익숙하게 만져야 될 폴더입니다.!
_app은 서버로 요청이 들어왔을 때 가장 먼저 실행되는 컴포넌트로, 페이지에 적용할 공통 레이아웃의 역할을 합니다.
_document는 _app 다음에 실행되며, 공통적으로 활용할 <head> (Ex. 메타 태그)나 <body> 태그 안에 들어갈 내용들을 커스텀할때 활용합니다.
npm run dev
로 실행하여 localhost:3000 포트로 들어가줍니다.
기본 세팅 끝.
댓글