Twemoji: 16x16 ๋ฐ 36x36 ํฌ๊ธฐ ์‚ฌ์šฉ ๋ถˆ๊ฐ€

์— ๋งŒ๋“  2014๋…„ 11์›” 19์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: twitter/twemoji

์˜ˆ์ œ์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํฌ๊ธฐ ( https://abs.twimg.com/emoji/v1/36x36/2764.png) ์กฐ์ฐจ๋„ ๊นจ์ง„ ์ด๋ฏธ์ง€๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ https://abs.twimg.com/emoji/v1/72x72/2764.png ๋Š” ์™„๋ฒฝํ•˜๊ฒŒ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

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๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ์ƒ๋˜๋Š” ์ผ์ž…๋‹ˆ๊นŒ?

๋ชจ๋“  3 ๋Œ“๊ธ€

์ด๊ฒƒ์€ ๋ฌธ์„œ ๋ฒ„๊ทธ์ž…๋‹ˆ๋‹ค. 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์™€ ๊ฐ™์€ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰