javascript 트랜스파일러

컴파일 타임

: 개발자가 작성한 코드가 컴파일 과정을 통해 컴퓨터가 인식할 수 있는 코드로 변환되어 실행 가능한 프로그램이 되는 과정

컴파일 에러 : 컴파일되는 과정 중에 Syntax error, 파일 참조 오류 등의 문제로 컴파일이 방해되어 발생하는 에러

컴파일 에러의 종류 :

• Syntax error
• Type check error

 

런타임 : 컴파일 과정을 마친 응용프로그램이 사용자에 의해서 실행되어지는 때

런타임 에러 : 이미 컴파일이 완료되어 프로그램이 실행중임에도 불구하고, 의도치 않은 예외상황으로 인해 프로그램 실행 중에 발생하는 오류

 

런타임 에러의 종류 : 

• 0 나누기 오류
• NULL 참조 오류
• 메모리 부족 오류

 

폴리필(Polyfill)이란?)

런타임에 필요한 기능을 주입하는 것이다. 다시 말해 브라우저에서 실행되는 시점에 필요한 기능을 주입한다는 말이다.

 

바벨(Babel)이란?)

구 브라우저에서 최신자바스크립트 코드가 작동하도록 변환해주는 트랜스파일러다.

컴파일타임에 구브라우저에서 코드가 사용가능하도록 변환한다.

하지만 ES6 이상에서 새롭게 추가된 Promise, map, set 같은 전역객체들이나 String.padStart 등 전역 객체에 추가된 메소드 등

컴파일타임의 코드변환으로는 해결하기 어렵다.

이에 폴리필을 사용한다.

 

 

velog.io/@kwonh/Babel-%ED%8F%B4%EB%A6%AC%ED%95%84polyfill-babelpreset-env