React | 2. 코드 이해하기

sojung·2021년 1월 31일
0

React

목록 보기
2/8
post-thumbnail

1. node_module

import React from 'react';

react 모듈을 import 구문을 통해 불러와서 사용한다.

2. 번들러(bundler)

대표적인 번들러로 웹팩이 있다.

번들러 도구를 사용하면 import로 모듈을 불러왔을 때 불러온 모듈을 모두 합쳐서 하나의 파일을 생성해 준다.

import logo from './logo.svg';
import './App.css';

웹팩을 사용하면 SVG 파일과 CSS 파일도 불러올 수 있다.

3. 바벨(babel)

자바스크립트 파일들을 불러오면서 최신 자바스크립트 문법으로 작성된 코드를 바벨이라는 도구를 사용하여 ES5 문법으로 변환해준다.

profile
걸음마코더

0개의 댓글