react (1) 썸네일형 리스트형 [react-icons] bundle size 줄이기 react-icons 리액트 환경에서 브라우저에 다양한 아이콘을 제공하는 대표적인 라이브러리이다. 사용 이슈 사내에서 리액트 프로젝트를 담당하고 있었는데 lighthouse 측정 결과 성능이 매우 좋지 않았다. 측정 결과 react-icons 라이브러리가 chunk 사이즈의 대부분을 차지하고 있었다. 성능 이슈를 측정하기 위해 개발 환경 구축하기 1) 프로젝트 생성(create-react-app) npx create-react-app myapp 2) react-icons 라이브러리 npm i react-icons 3) 성능 측정을 위해 라이브러리 추가하기 npm i --save-dev webpack-bundle-analyzer cra-bundle-analyzer 4) react-icons 사용하기 성능 .. 이전 1 다음
