JavaScript (2)

JavaScript (2)

1. 개발 서버 실행과 빌드

parcel 명령어

• 터미널에서 바로 동작하지 않음
• package.json

1) run

scripts 안에 명령 추가

"dev": "parcel index.html"
npm run dev

local host
프로젝트 열림

lodash 일반 의존성 패키지 사용

main.js

import _ from 'lodash'
console.log(_.camelCase('hello world)); // 메소드

2) build

scripts 안에 명령 추가

"bulld": "parcel build index.html"

dist 폴더 생성 -> 난독화 (웹브라우저 동작용도)

2. 유의적 버전(Semantic Versioning / SemVer)

12.14.1
Major / Minor / Patch

Major : 기존 버전과 호환되지 않는 새로운 버전
Minor : 기존 버전과 호환되는 새로운 기능이 추가된 버전
Patch : 기존 버전과 호환되는 버그 및 오타 등이 수정된 버전

^12.14.1 : 캐럿 / Major 버전 안에서 가장 최신 버전으로 업데이트 가능 (minor, patch가 업데이트가능)

npm info lodash     // 모듈 정보 확인가능

실제 설치된 버전(lodash의 package.json)과 package.json 명시된 버전이 다를 수도 있음

npm install lodash@4.17.20    // 예전 버전으로 바꾸기
npm update lodash             // 버전 업데이트

캐럿 빼면 마이너~패치 버전 유지됨 (npm update 안먹힘)

3. NPM 프로젝트의 버전 관리 (.gitignore)

버전관리할 필요 없는 파일도 있음

npm i                // nodemodules 동일한 버전으로 설치가능
npm run dev, build   // cache, dist 생성 가능

node_modules 무겁기 때문에 git 버전관리 필요 X
node_modules, cache, dist 마찬가지

.gitignore 폴더 생성

.cache/
dist/
node_modules/