Next.js 프로젝트 생성_node.js, npm 설치 확인

 

 

1. Node.js 설치

 

https://nodejs.org/en

Node.js — Run JavaScript Everywhere

 

-> 다운로드 노드JS 

-> msi 파일을 눌러 설치를 해줍니다. 

 

다 next를 누르고 설치하면 finish가 나옵니다. 

 

node-v 명령어로 설치된 버젼을 확인할 수 있습니다! 

 

혹시 nodejs 버젼충돌 문제가 난다면 ? 

(TypeError: Class extends value undefined is not a constructor or null)

-> 참고 

https://velog.io/@keynene/ErrorNodejs-NPM-Node.js-Package-Manager-feat.-npm-Error-Class-extends-value-undefined-is-not-a-constructor-or-null-%EC%A0%95%EC%9D%98%EB%90%98%EC%A7%80-%EC%95%8A%EC%9D%80-%ED%81%B4%EB%9E%98%EC%8A%A4-%ED%99%95%EC%9E%A5-%EA%B0%92%EC%9D%B4-%EC%83%9D%EC%84%B1%EC%9E%90-%EB%98%90%EB%8A%94-null%EC%9D%B4-%EC%95%84%EB%8B%98

[Error/Nodejs] NPM (Node.js Package Manager) feat. npm Error: Class extends value undefined is not a constructor or null (정의

https://what-am-i.tistory.com/483

errno -4058 ENOENT: no such file or directory, lstat his is related to npm not being able to find a file.

 

 

---

 

2. Extension install

1) Auto Rename Tag

2) Auto Close Tag

3) ES7+ React/Redux/React-Native snippets

4) Tailwind Css 

5) Dot env

6) Auto Import 

7) Indent - Rainbow 

 

<필수가 아닌것들도 있음 > 

 

 

---

3. npx 명령어 - 프로젝트 생성 

npx create-next-app

 

 

 

4. 프로젝트 생성 완료 ! 

file -> open folder 로 열어줍니다.

 

 

 

필요한 파일들은 다 함께 설치되었습니다~ 

 

 

이제 프로젝트를 시작해봅시다. 

 

 

npm run dev 

 

 

-> localhost:3000으로 들어가면 확인할수있습니다!