[React] React에서 SVG 파일 사용하기

프로젝트를 진행하면서 front를 React를 사용하기로 하였다. 또한 create-react-app을 사용하여 초기설정을 건너뛰도록 하였다. html 파일에서 태그를 사용하여 sgv 파일을 렌더링하였던 경험이 있어서 React에서도 JSX 문법을 이용하여 태그를 이용하였다. 그러나 이러한 방법은 React의 Component라는 개념과는 거리가 멀었다. 재사용할 수 없었기 때문이다. 재사용하려면 어떻게 해야할까? 1. SVG 파일을 만들어 img태그의 src로 경로를 넣어주기 import React from 'react'; import logo from './logo.png'; console.log(logo); // /logo.84287d09.png export function Header() { re..