ch49-해설.md

Chapter49

📌문제1

다음과 같이 @babel/polyfill을 설치하는 이유를 설명하세요.

$ npm i @babel/polyfill

정답 및 해설

IE 같은 구형 브라우저에서도 Promise, Object.assign, Array.from 등과 같은 객체나 메서드를 사용하기 위함입니다.

📌문제2

babel이 무엇이고, 왜 사용하는지 서술하시오.

정답 및 해설

트렌스파일러로, IE 11등 ES6 이상의 버전을 지원하지 않는 브라우저들에서 최신 사양으로 
작성된 코드를 문제없이 동작하기 위해 사용한다. Babel을 사용하면 ES6 이상의 코드를 ES5사양의 소스코드로 변환한다. 

📌문제3

다음 보기의 true, false를 판단하시오.

(1) : polyfill이란 브라우저가 지원하지 않는 자바스크립트 코드를 지원 가능하도록 변환한 코드이다.
(2) : Babel은 의존 관계에 있는 JS, CSS 등의 리소스를 하나의 파일로 묶는다.
(3) : Webpack은 최신 사양의 소스코드를 구형 브라우저에서도 동작하도록 트랜스파일링한다.

정답 및 해설

(1) : true
(2) : false
(3) : false

Babel과 Webpack의 설명이 바뀌었다.

babel-polyfill의 역할에대해 설명하세요.

답안 작성

바벨을 사용하여 es6사양의 소스코드를 es5사양의 소스코드로 트랜스파일링해도 브라우저가 지원하지 않는 코드가 남아 있을 수 있다. 
예를들어 es6에 추가된 Promise,Object.assign,Array.from 등은 트랜스파일링과정을 거쳐도 es5로 대체할 기능이 없기때문에 이를 지원해주는 역할을 한다.