바벨은 특정 버전의 ECMAScript 코드를 하위 버전의 ECMAScript로 변환해주는 자바스크립트 컴파일러다.
대부분의 브라우저가 ES6 문법을 완전히 지원해주지 않기 때문에 ES6문법의 자바스크립트를 사용할 수 없다.
그래서 Babel 을 이용해서 개발은 ES6로 하고 브라우저 트랜스 파일링된 ES5 문법의 JS 파일을 사용하게 하는 식의 구성을 가지게 해야한다.
프로젝트에 babel 설치
npm install --save-dev babel-core babel-cli babel-preset-es2015
babel-cli 설치 확인
babel version
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-core": "^6.26.3",
"babel-preset-es2015": "^6.24.1"
}
babel 문법
ECMAScript 6는 2015년 6월 승인을 목표로 작성되고 있는 새 ECMAScript 표준이다. Prototype 기반의 객체 지향 패턴을 쉽게 사용할 수 있도록 돕는 class의 추가, => 화살표 함수 표현, 템플릿 문자열, generator와 yield 등 다른 언어에서 편리하게 사용하던 많은 기능들이 추가될 예정이다.
'React' 카테고리의 다른 글
React + Nodejs 서버 연동하기 (초보용) (0) | 2019.08.13 |
---|---|
React material-ui 로 customizing 해보기 ! (0) | 2019.08.13 |
react-i18next 적용해보기 (다국어 처리) (0) | 2019.08.09 |
리액트로 웹에서 Hello world 보여주기 ! (0) | 2019.08.06 |
React 기초 설정 (0) | 2019.08.06 |