SVG를 React에서 사용하는 다양한 방법: Sprite & SVGR
프론트엔드 개발에서 SVG(Scalable Vector Graphics)는 해상도 독립적인 아이콘이나 그래픽을 표현하는 데 필수적입니다. 하지만 프로젝트 규모가 커지고 아이콘의 수가 늘어날수록, SVG를 효율적으로 관리하고 성능을 최적화하는 것은 중요한 과제가 됩니다. 이 글에서는 React
CSS
Mobile resolution issue 대응 solution
(GPT 생성 결과물을 기반으로 정밀하게 편집하였으며, 등장하는 모든 컨텐츠는 필자가 과거 소속되었거나 관련한 조직의 디자인 시안을 바탕으로 직접 만들었습니다.)
Frontend 개발자라면 누구나 한 번쯤은 겪었을 mobile resolution 문제. 특히 다양한 device 환경에서 발생하는
How to troubleshoot inlining SVG on vite 5
vite 4 에서 수개월간 멀쩡히 잘 사용하던 SVG import가 갑자기 안된다는 오류 보고를 받고 분석 시작..
해당 프로젝트는 6개월 전 vite module build + storybook 7로 셋업되었는데, 최근 vite 5 와 vite-plugin-svgr 4 로