1. Node.js 설치 (있으면 최신화)
https://nodejs.org/ko/download
- 환경에 맞게 다운로드하여 설치하면 된다.
2. VSC 설치 (있으면 패스)
https://code.visualstudio.com/Download
- 좋은 무료 에디터
3. 작업공간(폴더) 생성
- 대충 윈도우 바탕화면에 이런식으로 만들어 봄
4. create-next-app 실행
npx create-next-app my-first-next-app --use-npm
- 버전 9.6.7인데 9.8.1로 올리라고 해서 우선 업데이트 후 다시 시도
npm install -g npm@9.8.1
- 이것저것 설치할거냐고 물어 본 후 자동설치 끝
5. VSC와 WEB에서 확인
- 파일 > 폴더열기 > 바탕화면 > next_js_ex > my-first-next-app 폴더선택
- 폴더 및 파일확인
- 상단의 터미널 > 새 터미널
npm run dev
- 웹브라우저에서 localhost:3000 접근하여 확인
준비는 끝
반응형
댓글