TIL - git, node.js

node.js는 서버를 만드는 환경만은 아니다, 프론트 엔드 영역에서는 node.js는 npm생태계를 활용한다.

npm(Node Package Manager)이란 node.js환경에서 외부 라이브러리를 다운로드 받기 위한 대표적인 방법으로, 필요한 모듈이 모여있는 일종의 모듈스토어이다.

package.json에는 해당 프로그램이 실행시키기 위해 필요한 모듈들이 무엇인지, 실행하는 방법, 테스트하는 방법 등 정보가 명시되어 있다.

package.json 덕분에, 프로젝트를 코드를 전달할 때, 모듈을 다 전달하지 않아도 된다. 전달받는 사용자는 npm install명령어를 사용해 package.json이 필요하다고 하는 모듈을 받아올 수 있다

package.json

dependency

dependency란, 의존성 모듈이다. 특별히 개발이나 실행에 해당 모듈을 "의존"한다고해서 의존성(dependency)이라고 부른다

1"dependencies": {
2    "@codestates-cc/submission-npm": "^1.1.3",
3    "range": "0.0.3"
4  },
5  "devDependencies": {
6    "@mochajs/json-file-reporter": "^1.3.0",
7    "chai": "^4.3.4",
8    "mocha": "^8.3.2"
9  }

devDependencies 에는 이 프로젝트를 개발하는 환경에서 필요한 모듈로, 실제 프로젝트 동작에 직접적으로 영향을 주지 않는 모듈들을 명시한다. (mocha같은 테스트 모듈)

dependencies 와 devDependencies의 차이점은 실제 상품에서 사용할 모듈과, 개발용 모듈의 차이이다. dependencies에는 기술 스펙으로 사용되어야 할 라이브러리를 명시한다.

1$ npm install mocha --save-dev
2$ npm install --save react

npm install을 하면 명시된 dependency를 바탕으로 모듈을 설치한다

scripts

1"scripts": {
2    "start": "node index.js",
3    "test": "mocha getListMultiplesOfTwo.test.js",
4    "report": "mocha getListMultiplesOfTwo.test.js --sort --reporter @mochajs/json-file-reporter",
5    "submit": "codestates-submission"
6  },

모듈

npm install로 모듈을 다운로드 받아왔다면, 다음과 같이 불러올 수 있다.

1const 모듈이_담긴_변수 = require('모듈이름')

다른 스크립트를 불러오기 위해서는 require구문을 사용할 수 있다. 모듈도 다른 스크립트이다

1// script1.js
2const module2 = require('./script2.js')
3console.log(module2) // => 'this is module 2'

1// script2.js
2module.exports = 'this is module 2'

CommonJs

자바스크립트를 범용적인 목적으로 사용하기 위해 필요한 선결 조건은 모듈화이다. CommonsJS는 자바스크립트를 범용 언어로 사용하려고 조직한 자발적 워킹 그룹으로, 그에 필요한 명세(Specification)를 만드는 일을 한다. CommonJs에서 정의한 명세로는 모듈 명세가 있고, node.js의 모듈 또한 이 명세를 따르고있다.

class

1class Car {
2    constructor(brand, name, color) {
3        this.brand = brand;
4        this.name = name;
5        this.color = color;
6    }
7
8    refuel() {
9        console.log(`${this.name}에 연료를 공급합니다`)
10    }
11
12    drive() {
13        console.log(`${this.name}가 운전을 시작합니다`)
14    }
15}
16
17let avante = new Car('hyundai', 'avante', 'black');
18let mini= new Car('bmw', 'mini', 'white');
19let beetles = new Car('volkswagen', 'beetles', 'red');
20
21avante.drive(); // => avante가 운전을 시작합니다
22mini.refuel(); // => mini에 연료를 공급합니다

constructor : 인스턴스가 초기화될 때 실행하는 생성자 함수

this

1function foo() {
2  return 'bar'
3}
4
5foo()
6foo.call()
7foo.apply()