์์ ์์ ์ฌ์ฉํ๋ ํฌ๊ธฐ ( https://abs.twimg.com/emoji/v1/36x36/2764.png) ์กฐ์ฐจ๋ ๊นจ์ง ์ด๋ฏธ์ง๋ฅผ ์์ฑํฉ๋๋ค. ๊ทธ๋ฌ๋ https://abs.twimg.com/emoji/v1/72x72/2764.png ๋ ์๋ฒฝํ๊ฒ ์๋ํฉ๋๋ค.
์ด๊ฒ์ ๋ฌธ์ ๋ฒ๊ทธ์ ๋๋ค. http://twemoji.maxcdn.com/16x16/2764.png ๋ฐ http://twemoji.maxcdn.com/36x36/2764.png ๋ชจ๋์์ MaxCDN์์ ์ ๊ณตํ๋ ๋งํฌ๋ฅผ ์ฌ์ฉํด์๋ ์๋ฉ๋๋ค. http://twemoji.maxcdn.com/72x72/2764.png ์ ํจ๊ป ์ ์ ๊ณต๋ฉ๋๋ค.
ํด๋น ๋งํฌ๋ ์๊ณ ์์ด ๋ณ๊ฒฝ / ์ ๋ฐ์ดํธ๋๋ฏ๋ก abs.twimg์์๋ ์ฝ๋๋ฅผ ์ ๋ฐ์ดํธํ์ญ์์ค.
๊ทธ๋๋ ๋ฌธ์๋ฅผ ์ ๋ฐ์ดํธ ํ ๊ฒ์ด๋ฏ๋ก ๋ณด๊ณ ์์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
16x16 ๋ฐ 32x32 ํฌ๊ธฐ์ ํ๋๊ทธ ์ด๋ชจํฐ์ฝ์๋ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
/** Parse flag emojis for the country-list npm package */
const flag = twemoji.parse(countries[ISO].emoji, { size: '16x16'});
<!-- Resulting HTML -->
<img class="emoji" draggable="false" alt="๐ท๐ธ" src="https://twemoji.maxcdn.com/v/12.1.5/16x16/1f1f7-1f1f8.png"/>
https://twemoji.maxcdn.com/v/12.1.5/16x16/1f1f7-1f1f8.png๋ฅผ ํธ์ถํ๋ฉด 404๊ฐ ๋ฐ์ํฉ๋๋ค. ์์๋๋ ์ผ์ ๋๊น?
์ฌ๊ธฐ์ t1gor์ ๊ฐ์ ๋ฌธ์ ์ ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
16x16 ๋ฐ 32x32 ํฌ๊ธฐ์ ํ๋๊ทธ ์ด๋ชจํฐ์ฝ์๋ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
https://twemoji.maxcdn.com/v/12.1.5/16x16/1f1f7-1f1f8.png๋ฅผ ํธ์ถํ๋ฉด 404๊ฐ ๋ฐ์ํฉ๋๋ค. ์์๋๋ ์ผ์ ๋๊น?