1. Node.js 설치 하기.
2. VS Code 를 사용 해도 좋고, IntelliJ 도 괜찮음.
3. JavaScript 등이 기본 개발 언어 이기 때문에, WebStorm 도 괜찮.
4. 설치가 잘되었는지를 확인 하기. cmd 창에,
>> node --version 또는 node -v 를 작성 하여 설치한 Node.js 버전 확인.
>> npm --version 또는 npm -v 를 작성 하여 설치된 NPM 버전 확인.
5. 프로젝트 패키지를 원하는 위치에 생성 하고, cmd 창에,
>> npm init 을 작성 하여 package.json 파일의 기본 설정을 진행 가능.
또는,
>> npm init -y 을 작성 하여 package.json 파일의 디폴트 설정을 직접 하지 않고 생성 가능.
6. cmd 창에,
>> npm install parcel --save-dev 또는 npm install --save-dev parcel 을 작성 하여 parcel 모듈 설치.
또는,
>> npm install parcel -D 또는 npm install -D parcel
7. package.json 설정 파일 수정 하기 1
>> scripts 영역에 개발용 서버를 의미하는 키의 이름을 설정, 키의 값으로 "parcel ./파일명.파일 확장자명" 입력.
8. package.json 설정 파일 수정 하기 2
>> scripts 영역에 배포용 서버를 의미하는 키의 이름을 설정, 키의 값으로 "parcel build ./파일명.파일 확장자명" 입력.
9. package.json 설정 파일 수정 하기 3
>> 배포용 서버는 scripts 영역에 main 이라는 이름의 키와 값 그에 대한 값에 대한 부분에 영향을 받으므로, 일단 삭제.
10. 사용할 모듈을 cmd 창에서 설치 하기.
>> npm install '패키지명' 입력.
11. 사용할 모듈을 Xxx.js 파일 내부에 import 하기.
>> Xxx.js 파일 내부에 import _ from '패키지명' 을 작성 하여, 필요한 모듈 (패키지 == 라이브러리) 을 설정.
12. 모듈화가 된 Xxx.js 파일을 사용하는 Xxx.html 파일에 설정 하기.
>> <head> 태그 영역 내부에, <script type = "module" defer src = "Xxx.js"></script> 작성.
13. 서버 실행 하기
>> cmd 창에, npm run "서버 키값" 을 작성.
예시 1) npm run dev
예시 2) npm run build
