SVG Gobbler - Chrome ํ์ฅ ํ๋ก๊ทธ๋จ
๋์์ด๋์ ๊ฐ๋ฐ์๊ฐ ์ ๋ขฐํ๋ ๋ชจ๋ ์น์ฌ์ดํธ์์ SVG๋ฅผ ์ฐพ๊ณ , ์ต์ ํํ๊ณ , ํธ์งํ๊ณ , ๋ด๋ณด๋ผ ์ ์๋ ๋ฌด๋ฃ ๋ธ๋ผ์ฐ์ ํ์ฅ์ ๋๋ค.
๊ฐ์
SVG Gobbler์ด๋?
SVG Gobbler๋ ์ฌ์ฉ์๊ฐ ๋ชจ๋ ์น์ฌ์ดํธ์์ SVG๋ฅผ ์ฝ๊ฒ ์ฐพ๊ณ , ๊ตฌ์ฑํ๊ณ , ์ต์ ํํ๊ณ , ํธ์งํ๊ณ , ๋ด๋ณด๋ผ ์ ์๋ ๋ธ๋ผ์ฐ์ ํ์ฅ์ ๋๋ค. ์ต์ ํ ๋ฐ ํ์ ๋ณํ์ ์ํ ๋๊ตฌ๋ฅผ ์ ๊ณตํ์ฌ SVG ์์ฐ์ ๊ด๋ฆฌํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค.
SVG Gobbler์ ๋ฌด์์ ์ฌ์ฉ๋๋์?
์ฌ์ฉ์ ๊ทธ๋ฃน

์ฃผ์ ๊ธฐ๋ฅ
- ๋ชจ๋ ์ฌ์ดํธ์์ SVG ์ฐพ๊ธฐ
- SVG๋ฅผ ์ปฌ๋ ์ ์ผ๋ก ๊ตฌ์ฑ
- SVGO๋ก SVG ์ต์ ํ ๋ฐ ์ถ์
- ๋ค์ํ ํ์(SVG, PNG, WEBP, JPEG)์ผ๋ก ๋ด๋ณด๋ด๊ธฐ
- SVG๋ฅผ ๋ฐ์ดํฐ URI ๋๋ โโReact ๊ตฌ์ฑ ์์๋ก ๋ณํ
SVG Gobbler ์ฌ์ฉ ๋ฐฉ๋ฒ์?
๋ธ๋ผ์ฐ์ ์ ํ์ฅ ํ๋ก๊ทธ๋จ์ ์ค์นํ๊ณ ์น์ฌ์ดํธ๋ก ์ด๋ํ ํ ๋๊ตฌ๋ฅผ ์ฌ์ฉํ์ฌ SVG, PNG์ ๊ฐ์ ๋ค์ํ ํ์ ๋๋ React ๊ตฌ์ฑ ์์๋ก SVG๋ฅผ ๊ฐ์ง, ์์ง, ์ต์ ํ ๋ฐ ๋ด๋ณด๋ผ ์ ์์ต๋๋ค.
๋์ ๋๊ตฌ
์ฅ์ & ๋จ์
์ฅ์
- ๋ฌด๋ฃ๋ก ์ฌ์ฉ ๊ฐ๋ฅ
- ์ค์น ๋ฐ ์ฌ์ฉ์ด ์ฝ์ต๋๋ค.
- ์ฌ๋ฌ ๋ธ๋ผ์ฐ์ ์ง์
- ์ปค๋ฎค๋ํฐ ๊ธฐ์ฌ๊ฐ ํฌํจ๋ ์คํ ์์ค
- ๊ณ์ ์ด ํ์ํ์ง ์์ต๋๋ค
๋จ์
- ๋ชจ๋ฐ์ผ ๋ธ๋ผ์ฐ์ ์ ํธํ๋์ง ์์
- ๋์ ์ฝํ ์ธ ์ ์ ํ๋ ๊ธฐ๋ฅ
- ๋ธ๋ผ์ฐ์ ๊ถํ์ด ํ์ํฉ๋๋ค
์ฌ์ฉ ์ฌ๋ก
- ์์ด์ฝ์ ์ถ์ถํ๋ ์น ๋์์ด๋
- ์ฌ์ดํธ ์ฑ๋ฅ์ ์ต์ ํํ๋ ๊ฐ๋ฐ์
- ๋์์ธ ์์ฐ์ ๊ด๋ฆฌํ๋ ํ๋ฆฌ๋์
SVG Gobbler ๊ฐ๊ฒฉ
์ฌ์ฉ์ ๋ฆฌ๋ทฐ
์์ง ๋ฆฌ๋ทฐ๊ฐ ์์ต๋๋ค
์ด ๋๊ตฌ์ ์ฒซ ๋ฒ์งธ ๋ฆฌ๋ทฐ์ด๊ฐ ๋์ธ์!