[React] vite + ts에서 vite-plugin-svgr로 svg 사용 설정
사용해보게 된 동기 더보기 여태껏 svg 사용시 아래 두가지 방법으로 썼었다. 1. svg를 파일로 img 태그로 사용하기 (컬러 변경이 필요없을때) 2. svg를 메모장에다 넣어가지구 ... 코드 복사해서 컴포넌트에 직접 복붙하기(컬러 변경 필요시) export default function UserIcon() { return ( ) } 팀프로젝트 중에 svg를 다른 방법으로 컴포넌트화 해서 쓸 수 있는 방법이 있는데, 우리 프로젝트가 vite에 ts를 사용하다보니 설정이 잘안된다고 나에게도 한 번 시도 해보라고 알려주셨는데 찾아보니 매우 괜찮아 보였다..! 이런것도 모르고 svg를 사용하고 있었다니.. 기존 사용하던 방법 중 1번 방법은 svg 컬러 수정 등이 불편하고 2번 방법은 svg마다 컴포넌트..
카테고리 없음
2023. 12. 2. 15:33
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- DooPiano
- git 복원
- 마야
- 잘못없어
- 서브셋폰트
- git공부
- 모션그래픽
- git restore
- git 공식문서
- 튜토리얼
- 애니메이션
- 얼굴
- Maya
- 대학공부
- 폰트경량화
- 높이 지정 안함
- git restore 옵션
- 독백
- 이미지 자동
- 잘못은
- 매치컷
- 가사없는
- 애니
- vite-plugin-svgr
- 레퍼런스
- 이미지 조절
- svgr
- uv
- 모델링
- 미디어쿼리는
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
글 보관함