104%

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'..

https://medium.com/hackernoon/the-100-correct-way-to-split-your-chunks-with-webpack-f8a9df5b7758 요약 번들 스플리팅 사람들은 코드 스플리팅이라고하면 런타임 코드 스플리팅만이 중요하다고 오해한다. 하지만 사실 더 중요한것은 빌드타임에 스플리팅하는것이다.(번들 스플리팅) 코드를 여러개의 번들로 잘 나누면 브라우저 캐시를 좀 더 잘 활용할 수 있게 된다. 하나의 큰 파일을 클라이언트로 내려주면 그 파일의 아주 일부분이라도 수정될 경우 브라우저 캐시를 활용하지 못하고 새로 파일을 서버에서 받아와야한다. 따라서, 최대한 작은 파일로 쪼개서 내려주어야 한다. 그렇게 되면 수정된 파일만 캐시 버스트 하면 되므로 훨씬 효율적으로 브라우저 캐시..