전체 글 (1) 썸네일형 리스트형 React에서 SVG를 사용하는 법 React에서 SVG를 사용하는 여러 방법을 비교해 보고 가장 좋은 방법을 찾았다. 이 글에서 에디터는 VSCode, 프로젝트는 Create React App TypeScript 템플릿을 사용했다. 바쁘신 분을 위해: 결론 SVG를 사용하는 4가지 방법 1. SVG 코드 복사, 붙여넣기 위와 같이 JSX에 SVG 코드를 그대로 복사해서 붙여넣는 방법이다. 가장 단순하고 쉽지만 유지보수에는 좋지 않다. 2. SVG 파일을 컴포넌트 파일로 변환 SVGR을 이용해서 모든 SVG 파일을 컴포넌트 파일로 변환하는 방법이다. 명령어: npx svgr --icon --no-svgo --out-dir --typescript 예시) npx svgr --icon --no-svgo ./src/assets/icons/*.sv.. 이전 1 다음