설치
1. Node.js 설치
LTS버전으로 설치
18.0.x 버전이상으로 설치
chocolatey 어쩌구는 설치하지말자
2. VScode설치
3. 터미널로 next.js설치
터미널 열고 cd로 다운로드하고 싶은 파일로 가서 아래 코드 입력해서 설치
npx create-next-app@latestproject name 적어주고
여러가지 쓸건지 물어볼건데 자기 맘대로 선택하면 됨 App router는 꼭 선택하자
그럼 설치 완료 ☆★
브라우저로 미리보기 띄우고 싶다면
Terminal - New Terminal에서 npm run dev입력하고 엔터치면 localhost:3000 어쩌구 나오는데 브라우저에 입력하면 실시간 미리보기 뜬다.
프로젝트 파일들 설명
app 폴더 : 님들이 코드짤 폴더
page.js : 메인페이지
layout.js : 메인페이지 감싸는 용도의 페이지
public 폴더 : 이미지나 static 파일 보관용
api 폴더 : 서버기능 만드는 곳
next.config.js : nextjs 설정 파일
node_modules 폴더 : 설치한 라이브러리 보관용 폴더
package.json : 설치한 라이브러리 버전 기록용 파일
댓글