Babel

바벨

7개 레벨

JavaScript 코드를 변환해주는 도구예요. 최신 문법을 구형 브라우저에서도 호환되게 만들어줘요. 플러그인과 설정으로 기능을 확장할 수 있어요.

공식 웹사이트

바벨 스킬 여정을 시작하세요

7개의 레벨을 통해 체계적으로 학습하고, 커리어 성장의 기반을 다지세요.

7 레벨 로드맵

단계별 역량 인증

학습 로드맵

7개 레벨

전체 7

Lv 1. Babel을 설치하고 기본 사용법을 알 수 있어요

1. Babel 개요
2. Babel 설치
3. Babel CLI 기본 사용법

연습 문제

1.
package.json에 Babel 스크립트(babel src -d lib) 추가해보기
2.
ES6 화살표 함수 예제 파일을 트랜스파일 해보기

Lv 2. preset-env 설정으로 환경별 코드 최적화를 할 수 있어요

Lv 3. 필요한 Babel 플러그인을 적용해 코드 변환을 커스터마이즈할 수 있어요

Lv 4. Webpack과 연동해 프로젝트 빌드를 자동화할 수 있어요

로그인하고 더 많은 레벨을 확인하세요

Lv 5. 커스텀 Babel 플러그인을 만들어 코드 변환을 확장할 수 있어요

Lv 6. TypeScript와 JSX를 Babel로 컴파일하고 멀티 타겟 빌드를 구성할 수 있어요

Lv 7. Babel 내부 구조와 파이프라인을 이해해 성능을 최적화할 수 있어요

이 스킬로 지원할 수 있는 채용공고

바벨 배우기 | 트리업