전체 글 (17) 썸네일형 리스트형 [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 사용하기 성능 .. Gradle이란 Gradle이란 Gradle은 오픈 소스 빌드 자동화 도구입니다. Gradle의 빌드 스크립트는 groovy 또는 Kotlin DSL(Domain Specific language, 도메인 특화 언어)을 사용하여 작성됩니다. Gradle의 장점 공식문서에서 정의되어있는 장점은 Highly customizable, Fast, Poweful 이 세 단어로 표현하고 있습니다. 사용자 정의가 가능하며 확장 가능합니다. 이전 실행의 출력을 재사용하고 변경된 입력만 처리하며, task를 병렬 처리하기 때문에 속도가 빠릅니다. Android용 공식 빌드도구이며, 많은 언어와 기술들을 지원합니다. Gradle Structure(Groovy) 공식 문서에 Gradle 프로젝트 생성 참고 ├── gradle │ └── wr.. 이전 1 ··· 3 4 5 6 다음