Webpack

‘import’ 구문을 bundling 작업을 통해 묶어주는 역할을 한다. 특정 경로의 특정 이름으로 저장한다. 자바스크립트 파일들을 한 파일로 만들어준다.

Babel

자바 스크립트 변환 도구이다. 문법이 계속 달라지고 있는데, 이걸 모두 변환할 수 있게 해준다.

실습은 아래에 있는 링크를 활용할 것이다.

https://codesandbox.io/s/4r6lqrlvj9

import React, {Component} from 'react';

class App extends Component{
  render(){
    return{
      //여기 안에는 꼭 js 형태의 코드를 넣어야 한다.
    }
  }
}