6. 개념과 구조 - 폴리필

폴리필이란 브라우저가 지원하지 않는 자바스크립트 코드를 지원 가능하도록 변환한 코드를 뜻한다.

하위 브라우저가 지원하는 자바스크립트 코드를 사용해 자바스크립트의 최신 기능을 똑같이 구현하는 방식이다.

즉, 기존의 하위 자바스크립트 코드로 상위의 자바스크립트 코드의 기능을 대신 구현하는 것

→ 마치 상위 코드 문법을 똑같이 구현하는 것처럼

우리는 지금 Babel 혹은 TypeScript를 이용한 트랜스 파일러 를 이용해서 개발한다.

<aside> 💡 브라우저가 지원하지 않는 자바스크립트 기능을 지원할 수 있는 코드로 변환하는 일을 하는 Babel

상위 문법인 TypeScript 문법을 하위 문법인 JavaScript 문법으로 변환하는 TypeScript 컴파일러

</aside>

core-js

폴리필을 위한 트랜스 파일러에는 Babel이 있다. Babel 내부에는 core-js 라는 라이브러리가 탑재되어 ES6 이후의 문법들을 폴리필 처리할 수 있다.

즉, core-js 가 Babel 내부에 탑재되어 최신 버전의 자바스크립트 기능이 하위 버전에서도 동작될 수 있는 코드들을 주입할 수 있다.

ref: https://db2dev.tistory.com/entry/폴리필Polyfill이란

7. 개념과 구조 - 순회

연산은 재활용을 하기 위해선 작게 유지하는 게 중요하고, 작게 유지된 연산 함수들은 재활용할 수 있는 가능성이 훨씬 더 커지게 됩니다.