FE/React

[React] S4 : Node.js

ajeong7038 2023. 11. 8. 13:02

 

`한입 크기로 잘라 먹는 리액트 (React.js)` 강의를 듣고 정리한 자료입니다.

 

✨ Node.js

- 자바스크립트 코드는 브라우저 내장 자바스크립트 엔진을 이용하여 실행

- 크롬은 V8 자바스크립트 엔진 사용

- Node.js : V8 엔진을 사용해 자바스크립트를 브라우저가 아닌 어디에서도 사용할 수 있도록 만듦

    -> 자바스크립트의 실행 환경

모듈 내보내기

- 모듈 : 어떤 기능을 담당하는 분리된 파일

- 다른 파일에서 함수를 불러와 쓰고 싶다면 `함수 내보내기`를 이용할 것

module.exports = {
  moduleName: "calc module",
  add: add,
  sub: sub,
};

 

모듈 사용하기

const calc = require("./calc");
// 객체 출력
console.log(calc);

 

모듈 내 함수 사용

const calc = require("./calc");

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

✨ npm

- Node.js의 패키지 관리 도구

package.json

- spritps : 명령어들을 사전에 정의해두는 곳

- dependencies : 어떤 외부 패키지를 사용했는지 보여준다

- package-lock.json : 실제로 어떤 버전인지 등 정확한 정보 제공


✨ randomColor 실습

// 외부 패키지 실습 : randomColor

const randomColor = require("randomcolor"); // 외부 모듈은 경로를 명시할 필요가 없다

console.log(randomColor());