`한입 크기로 잘라 먹는 리액트 (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());
'FE > React' 카테고리의 다른 글
[React] S6 : React 기본 - 일기장 만들어보기 (1) (0) | 2023.11.21 |
---|---|
[React] S5 : React 입문 - State, Props (1) | 2023.11.14 |
[React] S3: Javascript 응용 (2) (0) | 2023.11.07 |
[React] S3 : Javascript 응용 (1) (0) | 2023.11.04 |
[React] S1 : Javascript 기본 (0) | 2023.10.03 |