[JSInfo] 트랜스파일, 폴리필

cptkuk91·2021년 10월 2일
0

JSInfo

목록 보기
8/26

바벨

비교적 최근 추가 된 기능으로 코드가 특정 엔진에서 지원하지 않는 경우 모든 기능을 구 표준으로 바꿔줍니다.

트랜스파일 (Transpiler)

바벨은 코드를 재작성해주는 트랜스파일러 프로그램입니다. 기존 코드를 구 표준으로 변경해줍니다. 변경된 코드는 웹 사이트 사용자들에게 전달해줍니다. 코드가 수정될 때 마다 자동으로 트랜스파일러를 작동시켜줍니다.

❤️ ES6 소스코드를 ES5 소스 코드로 변환하여 거의 모든 자바스크립트 엔진에서 사용할 수 있게 해줍니다.
❤️ 폴리필과 비슷하지만 폴리필은 파일 단위 / 기능 단위로 할 수 있고 트랜스파일은 통째로 해준다.
❤️ ES6 모든 기능을 지원하는 것은 아닙니다.

폴리필 (Polyfill)

전체적인 수정이 필요 없는 경우 사용됩니다.
개발자는 새로운 함수를 추가하거나 수정할 때 사용합니다. (새롭게 구현한 함수)
사용자들을 위해 트랜스파일러와 폴리필 사용은 필수라고 얘기 할 만큼 중요합니다.

❤️ 엔진에 없는 코드 기능을 지원하기 위해 사용
❤️ ES6에서 작동하지만 ES5에서 작동을 안하는 경우 사용 (호환성 문제 해결)

profile
메일은 매일 확인하고 있습니다. 궁금하신 부분이나 틀린 부분에 대한 지적사항이 있으시다면 언제든 편하게 연락 부탁드려요 :)

0개의 댓글