# ReactComponent

3개의 포스트
post-thumbnail

피그마로 svg 파일을 다운받으면서 생긴 문제점

깃허브 로고가 두 개가 나란하게 보인다.왜 똑같은거를 두개나 썼지..? 가 아니라코드를 보면 알겠지만 다른 것을 임포트했다.임포트 방식에는 문제가 없는데 어디에서 문제가 생긴 것인지 찾아봐야겠다.참고로 위의 방식은 svg 파일을 컴포넌트로 불러와서 props를 통해 s

2022년 9월 15일
·
0개의 댓글
·
post-thumbnail

svg 파일을 React 컴포넌트로 만드는 방법

CRA 공홈(https://create-react-app.dev/docs/adding-images-fonts-and-files/우리가 이미지 파일을 프로젝트에 사용할 때 svg 파일을 사용하는 경우가 많다.특히, 반응형 웹페이지를 구성하는 경우, 크기 변화에도

2022년 5월 17일
·
0개의 댓글
·

[알쓸신잡] 2. React에서 SVG 다루는 법

이전에 따로 svg 파일을 잘 다룬적이 없어서 react에서 material-ui와 함께 svg를 icon으로 녹임에 있어서 많은 고민과 시행착오가 있었다.svg 파일을 다 뜯어보는 것은 예사였고, 안의 path값만 가져오거나, 어떻게든 통일된 커스텀 컴포넌트를 만들어

2021년 1월 16일
·
0개의 댓글
·