Twitter์์ ์ด๋ฏธ์ง ๊ฐ์๋ฅผ ์์ฑํ๊ณ ์ด๋ฏธ์ง๋ฅผ ๋ก๋ํ๋ ๋์ ์๋ฆฌ ํ์์๋ก ์ฌ์ฉํ๋ ์ด ์ ๋ง ๋ฉ์ง ๋ฐ๋ชจ๋ฅผ ๋ณด์์ต๋๋ค.
https://twitter.com/mikaelainalem/status/918213244954861569
์ด๊ฒ์ ์ด๋ฏธ์ง ์ฒ๋ฆฌ ํ์ดํ๋ผ์ธ์ ๊ตฌ์ถํ ์ ์๋ค๋ฉด ์ฌ๋ฏธ์์ ๊ฒ์ ๋๋ค.
potrace ๋ผ๋ ์ ๋์ค ๋๊ตฌ ์ฌ์ฉ์ ์ ์ํ ์ด ์ค๋ ๋ ๋ฅผ ๋ฐ๋ฆ ๋๋ค. potrace ์ ์ฝ๊ฐ ์ฌ์ฉ๋๋ JS ํฌํธ ๋ ์์ต๋๋ค.
๋๊ตฐ๊ฐ ์ด๊ฒ์ ์คํํด๋ณด๊ณ ์ถ๋ค๋ฉด Gatsby์ ์ ๋ง ๋ฉ์ง ์ถ๊ฐ ๊ธฐ๋ฅ์ด ๋ ๊ฒ์ ๋๋ค!
์ด๊ฑฐ ํฉ์ณ์ง๊ฑฐ ๊ฐ์๋ฐ ๋ง๋์? ๋ฌธ์ ๋ฅผ ๋ซ์ ์ ์์ต๋๊น?
๋ฌผ๋ก !
์ด๊ฒ์ ์ผ๊ด์ฑ์ ์ํด gatsby-remark-images์ ์ถ๊ฐ๋์ด์ผ ํฉ๋๋ค. ๊ทธ๋ ์ง ์์ผ๋ฉด ์ผ๋ถ ์ด๋ฏธ์ง๋ ํ๋ ค์ง๊ณ ๋ค๋ฅธ ์ด๋ฏธ์ง๋ svg๊ฐ ๋ฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ด๊ฒ์ ์ผ๊ด์ฑ์ ์ํด gatsby-remark-images์ ์ถ๊ฐ๋์ด์ผ ํฉ๋๋ค. ๊ทธ๋ ์ง ์์ผ๋ฉด ์ผ๋ถ ์ด๋ฏธ์ง๋ ํ๋ ค์ง๊ณ ๋ค๋ฅธ ์ด๋ฏธ์ง๋ svg๊ฐ ๋ฉ๋๋ค.