번들러를 사용하면 모듈 지원이 불가한 브라우저에서의 의존성 관리 문제를 해결할 수 있다. 최근 번들러들은 의존성 패키지들의 하나로 묶어 주는 것뿐만 아니라 개발 생산성 자체에 도움을 주는 다양한 기능을 제공한다. webpack은 가장 많이 사용되는 번들러 중 하나이다.

이미지를 추가하려던 도중에 에러가 발생했다.처음에는 webpack을 설정을 잘못 했나 해서 그쪽을 먼저 찾아봤었는데, 도무지 해결이 안 되어서 에러 내용을 구글링 해보니 결과적으로는 type을 지정을 해주지 않아서 였다.위의 에러 내용을 잘 읽어보면 친절하게

Github Commit 내역 입니다.npm init 을 하여 package.json 을 먼저 생성합니다.// .eslintrc{ "extends": "plugin:prettier/recommended", "react-app"}tsconfig.json 에 설정된 사항

이미지는 웹 페이지에서 많은 부분을 차지하는 리소스이다. 홈페이지의 로딩 속도의 가장 영향을 많이 주는 것이 바로 이미지, 사진 파일이다. 그래서 단순히 코드를 몇 줄 줄이는 것보다, 이미지의 용량을 줄이는 것이 웹페이지의 성능을 높이는 데에 더 효율적일 것이다. SV