[강의/실전 리액트 프로그래밍] 4. 지원되지 않는 JavaScript 함수처리

Polyfill 이란?

폴리필(polyfill)은 웹 개발에서 기능을 지원하지 않는 웹 브라우저 상의 기능을 구현하는 코드를 뜻합니다. 또한 브라우저 각 제조사 마다 제공하는 기능이 다른 파편화 이슈 해결에 도움을 줍니다.

 

---

Core JS 사용하기

아래의 링크에 접속하여 원하는 함수에 대한 모듈을 찾습니다.

github.com/zloirock/core-js

zloirock/core-js

 

위의 그림에서 저는 trim 함수에 대한 모듈을 찾았습니다.

core-js(-pure)/es|stable|features/string/trim

 

이제 아래의 코드를 index.js 파일 상단에 import 하여 사용해 주시면 됩니다.

원래는 core js 패키지를 설치한 다음 import를 해야 하지만 create-react-app 안에 내장되어 있기 때문에 바로 import가 가능합니다.

 

import 'core-js(-pure)/es|stable|features/string/trim';

/*
	index.js 내용
*/

 

 

 

 

---

출처 : 실전 리액트 프로그리맹 - 인프런 (추천합니다 !!)

실전 리액트 프로그래밍 - 인프런