Node.js

이 글은 udemy의 '한입 크기로 잘라 먹는 리액트(React.js)'를 수강하고 적는 글입니다.

---

📌 섹션 4: Node.js

4-1. React.js의 기본환경 Node.js

• 자바스크립트 코드는 브라우저 내장 자바스크립트 엔진(ex. Nitro, V8, Chakra, Presto, Spider Monkey)을 이용하여 실행
• 자바스크립트를 브라우저가 아닌 곳에서도 실행시켜보자
  -> Node.js : 자바스크립트의 실행환경 (Javascript's Runtime)
  -> JavaScript로 Web Server 개발 가능
  -> React application

4-2. Node.js & VsCode 설치 및 환경 설정

4-3. Node.js Helloworld & Common JS 모듈 시스템

• GUI : Graphic User Interface
• CLI : Command Line Interface

📁 index.js

//불러오기
const calc = require("./calc");

console.log(calc.add(1,2));
console.log(calc.sub(10,2));

📁 calc.js

//계산 기능을 하는 파일
const add = (a, b) => a+b;
const sub = (a, b) => a-b;

//내보내기
module.exports = {
    moduleName: "calc module",
    add: add,
    sub: sub,
};

4-4. Node.js 패키지 생성 & 외부 패키지 사용하기

• npm(Node Package Manager) : Node.js 패키지 관리 도구

  package.json
  main: 진입 파일
  scripts: 미리 명령어 만들어놓기
  dependencies: 어떤 외부 패키지를 설치했는가
  📁 package.json

  {
    "name": "package-example1",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1",
      "start": "node index.js"
    },
    "author": "",
    "license": "ISC",
    "dependencies": {
      "randomcolor": "^0.6.2"
    }
  }

실습
npm install randomcolor : 외부 패키지 설치
📁 index.js

const randomColor = require('randomcolor'); // import the script
console.log(randomColor());

npm start = npm index.js