개발을 하다보니 이런 에러가 생겨서 원인을 찾다가 폴리필 문제라는걸 깨닫고 정리합니다. Core.js 2019년 3월 공개된 폴리필 라이브러리이다. 바벨 7.4 이상 버전과 core-js@3를 같이 사용해야 동작한다. 기존의 폴리필 라이브러리들 @babel/polyfill 이 폴리필은 제너레이터 폴리필인 regenerator-runtime과 core-js를 합쳐서 만든 폴리필임. 전역공간에 폴리필을 채워 넣는 방식이기 때문에 전역공간이 오염되어 폴리필 충돌 가능성이 있다는 단점이 있음. 브라우저에서 이미 구현된 필요하지 않은 폴리필까지 전부 번들에 포함되어 번들 크기가 커지는 단점이 있음. 번들 크기는 커지지만, 실행될때는 브라우저에서 구현되지 않은 문법만 실행하기 때문에 빠르다는 장점이 있음. (최신 ..
https://medium.com/@harryhedger/quick-how-to-use-the-emotion-css-prop-with-create-react-app-5f6aa0f0c5c5 Quick How-to: Use the emotion `css` prop with create-react-app I’ve heard a few people have had trouble getting emotion’scss prop to work with create-react-app, so here’s how to do it: medium.com 이모션을 사용할때 @emotion/core의 css prop을 활성화 시키려고 할때 /** @jsx */ import {jsx, css} from '@emotion/core'..
- Total
- Today
- Yesterday
- mobx
- Babel
- javascript
- server side rendering
- promise
- typescript
- reactdom
- Polyfill
- es6
- useRef
- design system
- async
- Action
- Next.js
- storybook
- hydrate
- react hooks
- reducer
- computed
- props
- rendering scope
- atomic design
- webpack
- useEffect
- type alias
- reflow
- await
- return type
- react
- state
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |