at 메서드 이슈와 react-app-polyfill

Bora Im·2023년 2월 13일
0

발단: Chrome 브라우저 90.x 버전에서 at() 메서드 오류 발생


🔼 JavaScript built-in: at | Can I use


🔼 at() | MDN

❗ Chrome 92.x (Released Jul 20, 2021) 버전부터 가능한 스펙이라고 함



🔼 ECMAScript 2022 살펴보기
JavaScript와 ECMAScript는 무슨 차이점이 있을까? | 재그지그
ECMAScript 2022 introduces at() method in Array, String, TypedArray | Saeloun


하위 호환성을 고려한 React 프로젝트 세팅


🔼 Polyfill을 이용하여 IE에서도 동작되게 하기

babelpolyfill의 차이
babel은 크로스브라우징을 위해 es6 구문들을 es5 구문으로 이해할 수 있도록 해주고,
polyfill은 최신 ECMAScript 환경을 만들기 위해 코드가 실행되는 환경에 존재하지 않는 빌트인, 메서드(Map, Set, Promise)등을 사용 가능하게 하는 역할을 한다.

🔼 react 프로젝트, 크로스브라우징 대응하기


리액트에서 제안한 Cross Browsing 해결법 react-app-polyfill | velog
react-app-polyfill | npmjs

react-app-polyfill 가 어느 버전의 ECMAScript 까지 지원하는지?
react-app-polyfill 을 설치 했을 때 at() 이슈가 해결되는지?

0개의 댓글

관련 채용 정보