[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..
스터디/React
2023. 12. 2. 15:33
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- svgr
- DooPiano
- git restore
- git 공식문서
- 레퍼런스
- git공부
- 잘못없어
- 높이 지정 안함
- 매치컷
- 이미지 자동
- 미디어쿼리는
- 모션그래픽
- 독백
- 대학공부
- 가사없는
- 잘못은
- 애니메이션
- 이미지 조절
- Maya
- 마야
- 서브셋폰트
- 얼굴
- vite-plugin-svgr
- uv
- git 복원
- 애니
- 모델링
- 폰트경량화
- 튜토리얼
- git restore 옵션
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함