[ 살펴보기 ] - Babel

Series

[ 살펴보기 ] - Babel

Babel에 대해 살펴보자.

[ 살펴보기 ] Babel - Basics
Babel은 Modern ECMAScript syntax를 es5 syntax로 transpile하거나 target 환경에 따라 필요한 polyfill을 core-js와 같은 package를 통해 추가해주거나 JSX나 typescript를 일반 ECMAScript syntax로 변환해 주는 transpiler 역할을 한다. 우선 기본적인 사용법을 살펴보자. bable을 사용하기 위해 다음 package를 설치한다. npm install -D @...
Nov 13, 20245 min read5
[ 살펴보기 ] Babel - React, Typescript
Browser는 기본적으로 Javascript code를 이해하고 실행할 수 있다. 그렇기 때문에 Typesciprt나 React JSX로 작성된 프로젝트도 Browser에서 실행될 수 있는 Javascript로 transpile되어 최종 유저에게 제공되어야 한다. 우선 React JSX syntax를 bebel을 통해 Javascript로 변환하는 방법을 살펴보자. React React project를 처음부터 직접 구성할 때 보통은 webp...
Nov 13, 20248 min read10

[ 살펴보기 ] - Babel