by Kyojin Hwang
LTS(Long Term Support)란? 말 그대로 장기 지원되는 버전
을 의미하며 안정적이며 신뢰도
를 보장한다
NPM ( Node Package Manager) 은 전세계의 개발자들이 만든 다양한 기능(패키지, 모듈)들을 관리.
npm install parcel
노드 버젼 및 사용방법
// 현재 적용중인 노드 버젼을 확인할 수 있다.
node --version || node -v
// 현재 적용중인 npm의 버젼을 확인할 수 있다.
npm --version || npm -v
// 다운로드된 노드버젼 확인
nvm list
// 노드를 적용할때 는 powershell || git bash || terminal 등을
// 관리자모드로 하여 사용한다
nvm use 16.18.0
// 터미널 Clean 하게 지우는 법
macOS => Cmd + k
Windows => clear
NPM 본격적으로 사용해보기
// init (초기화) 맨처음에 프로젝트 시작할때 사용한다.
npm init
npm init -y
여러 가지 질문에 답하면서(옵션을 추가하면) package.json
파일을 작성한다.
각 질문을 넘어가면 기본값을 사용한다.
질문 없이 바로 시작하고 싶다면 -f(--force)
, -y(--yes)
중 하나의 플래그를 추가하는 것을 추천
만약 package.json
파일을 가지고 있다면, 먼저 그 파일을 읽고 난 후 옵션을 기본값으로 사용한다.
NPM Install
// npm i || npm install
// package.json , lock.json 에 있는 모듈을 다운받는다
npm i
npm i lodash
node_modules
와 package-lock.json
이 생긴다
npm i lodash 설치한 lodash
는 node_modules
안에 들어 가 있다.
번들러 (Bundler) ?
- 여러 가지 패키지들을 실제 웹사이트에 올라갈 수 있도록 묶어주는 역할
- Webpack, Borserify, Parcel 대표적으로 이렇게 있다.
- 웹사이트에서 직접적으로 동작하지 않는다. 그래서
—save -dev
라는 플래그를 붙여준다
예제로 Parcel 설치해보기
// --save-dev 앞 뒤 위치상관없음
npm i parcel --save-dev
npm i --save-dev parcel
.gitignore
// 깃이그노어 생성
touch.gitignore
이그노어가 필요한 이유
토큰
, API키
)Parcel, 개발 서버 실행과 빌드
실행방법
첫번째 Error 발생
<!-- parcel 이 ts 를 포함하여 main.ts로 수정 -->
<script type="module" src="./main.ts"></script>
빌드방법