1. Node.js 프로젝트 생성

node js 설치

npm 설치

nvm 설치

 

 

 

 

 

 

프로젝트 할 곳에

 

npm init -y

-y는 yes

 

그러면

 

{

  "name": "parcel_project",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "keywords": [],

  "author": "",

  "license": "ISC"

}

 

이렇게 생성됨.

main이 index.html 같은 거임. 저기다 파일 이름 넣어주면 됨.

 

 

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

우리가 npm 관련해서 명령어 만들 수 있는 곳인듯?

 

저거 콘솔에서 npm run test 하면 실행 가능함.

"" : "" 이 형태로 json 형태로 만들 수 있음.

    "serve" : "parcel index.html",

    "build" : "parcel build index.html"

 

serve는 parcel로 실행.

이렇게 하면 Live Server처럼 동작한다.

 

npm i parcel-bundler -D

-D는 개발용 이라는 거임.

이걸로 설치 해야 함.

 

vscode 보다는 cmd로 하길..

뭔가 권한 차이가 있는지..

 

 

참고로 package.json에 의존성 관련 있으면 

그냥 그 폴더에서 npm i 하면 종속성 쫙 깔림

 

 

그러니까 새로운 곳에서 종속성 관련 같은 환경에서 개발하고 싶으면 

package.json 파일 가져다 npm i 하면 됨.

 

npm i 뭐 하는 건 다 플러그인 까는 거 인 듯.

 

 

 

이제 루트에 index.html

이라던지 만들고 하던데로 css, img,js 폴더 만들고 하면 됨.

 

 

 

 

마지막으로 

우리가 해놨던 npm run serve 하면 됨.

그럼 정의한 것에 따라 parcel로 우리가 지정한 index.html을 실행함.

 

localhost 나오는 데 거기 들어가면 됨.

 

 

왠지 모르겠지만, vscode에서 save 해도 반영 안될 때 있는데, 그 때 콘솔에서 ctrl + z 누르면 재연결 하는 느낌이다.

그 후 새로고침 하면 된다.