작업 환경 설정

• Node.js
• NPM/Yarn
• vs code
• git
• create-react-app, 프로젝트 생성
• 끗!..

코드 이해

import 구문

Node.js에서 NPM을 통해 설치된 모듈을 불러오기

var fs = require('fs');

2015년 공식적으로 업데이트한 자바스크립트 문법 ES6(EcmaScript 6)에서는 모듈을 다음과 같이 import 키워드로 불러온다.

import fs from 'fs';

이렇게 파일을 모듈화해서 사용하는 방식은 Node.js의 기능이지 웹 브라우저의 기능은 아니다.

따라서 웹 브라우저가 이러한 문법에도 동작할 수 있도록 하는 것이 번들링(bunding)이다.

번들링 도구의 대표주자는 웹팩(webpack, 갓팩).

웹팩은 여러가지 로더들을 제공해주며 이 로더를 실행할 수 있도록 한다.

• 린팅(lint)