개발을 하다보니 이런 에러가 생겨서 원인을 찾다가 폴리필 문제라는걸 깨닫고 정리합니다. Core.js 2019년 3월 공개된 폴리필 라이브러리이다. 바벨 7.4 이상 버전과 core-js@3를 같이 사용해야 동작한다. 기존의 폴리필 라이브러리들 @babel/polyfill 이 폴리필은 제너레이터 폴리필인 regenerator-runtime과 core-js를 합쳐서 만든 폴리필임. 전역공간에 폴리필을 채워 넣는 방식이기 때문에 전역공간이 오염되어 폴리필 충돌 가능성이 있다는 단점이 있음. 브라우저에서 이미 구현된 필요하지 않은 폴리필까지 전부 번들에 포함되어 번들 크기가 커지는 단점이 있음. 번들 크기는 커지지만, 실행될때는 브라우저에서 구현되지 않은 문법만 실행하기 때문에 빠르다는 장점이 있음. (최신 ..
현재나는 my-app 패키지에서 개발을 하고 있고, some-dep 패키지를 yarn add 커맨드를 통해서 설치했다고 해보자. 근데, 이 some-dep에서 버그가 발생했다. 이런 상황에서 node_modules에 있는 some-dep에 직접 들어가서 버그를 고친다음에 테스트를 하면 일시적으로 잘 되긴 할 것 이다. 근데 저 some-dep 패키지를 다시 설치하게 되면 내가 수정한부분이 삭제되기 때문에 버그를 고치고 커밋을 한 뒤, some-dep git repository에 push를 해야한다.(내 패키지가 아니라면 PR을 날려야한다.) 이런 과정들이 매우 귀찮기 때문에 우리는 다른 방법을 찾아야한다. 바로 npm link이다. Symbolic Link(심볼릭 링크, 바로가기 파일) 줄여서 Symli..
- Total
- Today
- Yesterday
- Polyfill
- return type
- useEffect
- typescript
- Action
- async
- Babel
- type alias
- react
- state
- hydrate
- react hooks
- reflow
- atomic design
- promise
- computed
- javascript
- Next.js
- reactdom
- rendering scope
- useRef
- await
- props
- es6
- reducer
- mobx
- server side rendering
- design system
- webpack
- storybook
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |