FE개발자의 성장 스토리 02 : Babel7과 corejs3 설정으로 전역 오염 없는 폴리필 사용하기

이 글은 FE 플랫폼팀의 jeff님이 카카오톡 웹톡 서비스 개발 중 겪었던 전역 오염 이슈와 이를 해결하기 위한 Babel 7과 core-js 3 설정 방법을 공유합니다. 웹톡 서비스는 고객 사이트에 삽입되므로, 고객 사이트의 전역 스코프를 오염시키지 않는 것이 중요합니다.

기존에는 Babel polyfill이 전역 스코프에 삽입되어 이름 충돌 및 예측 불가능한 오류를 유발하는 문제가 있었습니다. 이를 해결하기 위해 Babel 7과 core-js 3를 사용하여 전역 오염 없이 필요한 폴리필만 선택적으로 적용하는 방법을 상세히 설명합니다.

이를 통해 IE11과 같은 구형 브라우저에서도 안정적인 서비스 제공이 가능해집니다.