제목은 SVGR 적용기로 하겠습니다. 그런데 Storybook을 곁들인...
사이드 프로젝트를 진행하면서 여러 아이콘들을 svg 파일들로 관리해야 했다.svg 파일들을 어떻게 해야 효율적으로 다룰 수 있을까 알아보았고, SVGR을 발견하게 되었다. 이번 포스팅을 통해서 SVGR을 적용하는 방법과 더불어 storybook에서까지 적용해보는 시간을 가져보려고 한다.🔥SVGR을 사용하는 이유SVGR은 SVG 파일을 React 컴포넌트로 변환하여 더욱 직관적이고 재사용 가능한 방식으로 SVG를 다룰 수 있게 한다.SVGR을 적용한 코드와 적용하지 않은 코드를 비교하면 SVGR의 장점을 알 수 있을 듯하다.1) img 태그를 이용해서 importfunction App() { return ;}기본 태그인 img를 이용하면 파일의 경로만 입력해주면 쉽게 렌더링 할 수 있다는 장점이 존재..
카테고리 없음
2024. 12. 9. 14:53
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크