1
⎯⎯⎯⎯⎯⎯⎯⎯ NPM ⎯⎯⎯⎯⎯⎯⎯⎯⎯
2
⎸    레지스트리 모듈들이 저장되어있는 곳   ⎸
3
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
4
        ▲
5
        ⎸ npm install  ⎸
6
        ⎸              ⎸
7
        ⎸              ⎸
8
        ⎸              ⎸ 2. 모듈 내려 받기
9
                      ▼
10
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
11
⎸             앱                  ⎸
12
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

1
$ npm init -y # package.json 파일 생성
2
$ npm install axios # axios package 설치

1
const axios = require('axios')
2

3
axios
4
  .get('https://naver.com')
5
  .then(response => {
6
    console.log(response)
7
  })
8
  .catch(error => {
9
    console.log(error)
10
  })

1
// axios 모듈의 pacakge.json
2
"dependencies": {
3
  "follow-redirects": "^1.15.0",
4
  "form-data": "^4.0.0",
5
  "proxy-from-env": "^1.1.0"
6
}

1
// axios 모듈의 pacakge.json
2
"dependencies": {
3
  "follow-redirects": "^1.15.0",
4
  "form-data": "^4.0.0",
5
  "proxy-from-env": "^1.1.0"
6
}

1
// package.json
2
  "dependencies": {
3
    "axios": "^1.6.2"
4
  }

1
// package-lock.json
2
"node_modules/axios": {
3
  "version": "1.6.2",
4
  "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.2.tgz",
5
  "integrity": "sha512-7i24Ri4pmDRfJTR7LDBhsOTtcm+9kjX5WiY1X3wIisx6G9So3pfMkEiU7emUBe46oceVImccTEM3k6C5dbVW8A==",
6
  "dependencies": {
7
    "follow-redirects": "^1.15.0",
8
    "form-data": "^4.0.0",
9
    "proxy-from-env": "^1.1.0"
10
  }
11
},

1
// package.json
2
"dependencies": {
3
  "axios": "^1.6.2",
4
  "lodash": "^1.1.3" // 버전의 범위
5
}

1
// package-lock.json
2
"node_modules/lodash": {
3
  "version": "1.3.1", // 버전의 범위 안에서 설치된 결과
4
  "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
5
  "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
6
},

1
// package-lock.json
2
"node_modules/lodash": {
3
  "version": "1.3.1",
4
  "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
5
  "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
6
},

1
"dependencies": {
2
  "axios": "^0.20.0",
3
  "lodash": "^1.1.0"
4
}

1
$ npm audit # 가지고 있는 Dependencies들의 취약성을 발견해주는 명령어
2
# npm audit report
3

4
axios  <=1.5.1
5
Severity: high
6
Axios vulnerable to Server-Side Request Forgery - https://github.com/advisories/GHSA-4w2v-q235-vp99
7
Axios Cross-Site Request Forgery Vulnerability - https://github.com/advisories/GHSA-wf5p-g6vw-rhxx
8
axios Inefficient Regular Expression Complexity vulnerability - https://github.com/advisories/GHSA-cph5-m8f7-6c5x
9
fix available via `npm audit fix --force`
10
Will install axios@1.6.2, which is a breaking change
11
node_modules/axios
12

13
lodash  <=4.17.20
14
Severity: critical
15
Regular Expression Denial of Service (ReDoS) in lodash - https://github.com/advisories/GHSA-x5rq-j2xg-h7qm
16
Prototype Pollution in lodash - https://github.com/advisories/GHSA-fvqr-27wr-82fm
17
Prototype Pollution in lodash - https://github.com/advisories/GHSA-jf85-cpcp-j695
18
Command Injection in lodash - https://github.com/advisories/GHSA-35jh-r3h4-6jhm
19
Prototype Pollution in lodash - https://github.com/advisories/GHSA-4xc9-xhrj-v574
20
Regular Expression Denial of Service (ReDoS) in lodash - https://github.com/advisories/GHSA-29mw-wpgm-hmr9
21
fix available via `npm audit fix --force`
22
Will install lodash@4.17.21, which is a breaking change
23
node_modules/lodash
24

25
2 vulnerabilities (1 high, 1 critical)
26

27
To address all issues (including breaking changes), run:
28
  npm audit fix --force
29
$ npm audit fix --force

1
$ npm audit fix --force # 잘못된 모듈 버전 정보를 교정
2
npm WARN using --force Recommended protections disabled.
3
npm WARN audit Updating axios to 1.6.2, which is a SemVer major change.
4
npm WARN audit Updating lodash to 4.17.21, which is a SemVer major change.
5

6
added 7 packages, changed 2 packages, and audited 11 packages in 1s
7

8
1 package is looking for funding
9
  run `npm fund` for details
10

11
found 0 vulnerabilities

1
$ npm install -g

1
npm install nodemon --save-dev

1
"scripts": {
2
  "start": "node request.js",
3
  "dev": "nodemon request.js",
4
  "test": "echo \"Error: no test specified\" && exit 1"
5
},

1
npm run dev

1
npm install -g nodemon # nodemon 전역으로 설치
2
nodemon request.js # nodemon으로 실행

1
npm install -g yarn

1
# (1) yarn init 명령어를 이용해서 package.json 파일을 생성
2
$ yarn init
3

4
# (2) yarn 혹은 yarn install로 package.json 파일에 명시된 모든 dependencies를 설치
5
$ yarn install
6

7
# (3) --force 플래그를 이용해서 강제로 모든 패키지를 추가
8
$ yarn install --force
9

10
# (4) add 명령으로 패키지를 설치
11
$ yarn add
12
# - yarn add [package]
13
# - yarn add [package]@[version]
14
# - yarn add [package]@[tag]
15

16
# (5) --dev 플래그를 사용해서 devDependencies에 패키지를 추가
17
$ yarn add --dev
18

19
# (6) 전역으로 패키지를 설치해서 다른 프로젝트에서도 해당 패키지를 이용하려면 global을 이용
20
yarn global add (yarn global remove)
21
# - yarn global add nodemon
22

23
# (7) 모든 의존 패키지(dependencies)를 package.json에 정의한 버전의 범위에서 업데이트
24
$ yarn upgrade
25
# 그렇지만 모든 패키지를 일괄적으로 업그레이드시키면 호환성이 문제로 conflict가 발생할 수 있다.
26
# 그래서 아래처럼 하나씩 해주실 수 있다.
27
$ yarn upgrade axios@^1.1.2
28

29
# (8) yarn remove를 이용해서 특정 패키지를 제거
30
# 이렇게 해서 package.json 과 yarn.lock 에서 동시에 제거
31
$ yarn remove
32

33
# (9) script에 지정해준 명령어를 이용해서 실행
34
$ yarn run [script]
35
# "scripts": {
36
#   "start": "react-scripts start",
37
#   "build": "react-scripts build",
38
#   "test": "react-scripts test",
39
#   "eject": "react-scripts eject"
40
# },