profile
꾸준히 새로운 것을 알아가는 것을 좋아합니다.
post-thumbnail

[TypeScript] Motion 프로젝트 - webpack 설정하기

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

2022년 6월 10일
·
0개의 댓글
·

Cannot find module '@src/images/avatar.png' or its corresponding type declarations.

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

2022년 3월 30일
·
0개의 댓글
·

CRA 없이 React 환경설정하기

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

2022년 3월 28일
·
0개의 댓글
·

[React] SVG 활용법

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

2022년 2월 14일
·
0개의 댓글
·