패스트캠퍼스 챌린지 17일차

🧚‍♀️

17일차

 

Part 3. JavaScript Essentials

Ch 1. Node.js

 

---

 

Ch 1. Node.js

 

 

주제

 

• Node.js
• npm

 

 

주요 내용

 

• JS는 컴퓨터 환경(Node.js)에서도 동작하고, 브라우저(Chrome)에서도 동작한다.

 

 🔗 npm (Node Package Manager) 

• node_modules: npm 설치 패키지들이 담겨 있는 곳
• package-lock.json: 자동으로 패키지 관리
• package.json: 우리가 직접적으로 패키지 관리

 

 

"devDependencies": {
    "parcel-bundler": "^1.12.5"
  },
  "dependencies": {
    "lodash": "^4.17.21"
  }

 

 

# 개발용 의존성 패키지 설치 (개발할 때만 필요하고, 실제로 동작할 때는 필요하지 않는 패키지)
$ npm install -D XXX

$ npm install parcel-bundler -D

 

// package.json

"scripts": {
    "dev": "parcel index.html",
    "build": "parcel build index.html"
  },

 

# 개발용 서버 실행
$ npm run dev

# 사용자들이 보는 용도의 결과 출력 (난독화)
$ npm run build

 

 

# 일반 의존성 설치 (실제로 동작할 때도 필요한 패키지)
$ npm install XXX

$ npm install lodash

 

import _ from "lodash";

console.log("hello world");
console.log(_.camelCase("hello world"));

 

_.camelCase()

 

 🔗 유의적 버전 (SemVer) 

^Major.Minor.Patch

• Major: 기존 버전과 호환되지 않는 새로운 버전
• Minor: 기존 버전과 호환되는 새로운 기능이 추가된 버전
• Patch: 기존 버전과 호환되는 버그 및 오타 등이 수정된 버전
• ^: Major 버전 안에서 가장 최신 버전으로 업데이트 가능

 

 🔗 .gitignore : NPM 프로젝트의 버전 관리

 

.cache/
dist/
node_modules/

 

 

 

새롭게 알게 된 내용

 

 🔗 NVM (Node Version Manager) 

https://github.com/coreybutler/nvm-windows

GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go.

 

 

느낀점

 

 드디어 JS!!! 꺄르륵🧚‍♀️ 평소에 프로젝트할 때 $ npm i 로 그냥 설치해서 사용했었는데... package.json과 package-lock.json의 차이, 개발자용과 사용자용 서버의 차이까지.. 무심코 지나갔던 것들에 대해 자세히 배울 수 있었던 강의였다. 그리고 버전의 중요성에 대해서도 알 수 있는 시간이었다.

 

---

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

 

#패스트캠퍼스

#패캠챌린지

#직장인인강

#직장인자기계발

#패스트캠퍼스후기

#한_번에_끝내는_프론트엔드_개발_초격차_패키지_Online

 

https://bit.ly/37BpXiC

패스트캠퍼스 [직장인 실무교육]