star

#Ludens

#social #IT #web #iPad #fashion #psychology #responsive

PC์›น์—์„œ twemoji๋กœ ์ด๋ชจํ‹ฐ์ฝ˜ ์ด์˜๊ฒŒ ๋ณด๊ธฐ

2015.06.26 14:51 in Web/Coding

emoji
emoji by downloadsource.fr

์Šค๋งˆํŠธํฐ๐Ÿ“ฑ์— ๋‚ด์žฅ๋œ ๊ธฐ๋ณธ์ด๋ชจํ‹ฐ์ฝ˜ ๋งŽ์ด๋“ค ์“ฐ์‹œ๋‚˜์š”? ์ „ ์˜ˆ์ „์—๋Š” iOS๋ž‘ ์•ˆ๋“œ๋กœ์ด๋“œ๋ž‘ ํ˜ธํ™˜์ด ์•ˆ๋˜์„œ ๋งŽ์ด ์•ˆ์“ฐ๋‹ค๊ฐ€, ์ตœ๊ทผ์—๋Š” ํ˜ธํ™˜์ด ์ž˜ ๋˜๋Š” ๊ฒƒ ๊ฐ™์•„ ์ž์ฃผ ์“ฐ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๐Ÿ˜€๐Ÿ˜€

๊ทธ๋Ÿฐ๋ฐ ์ด ์ด๋ชจํ‹ฐ์ฝ˜๋“ค, PC๐Ÿ’ป์—์„œ๋„ ์“ธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ๋งฅOS: ํƒ€์ดํ•‘ ์ค‘, Command+Control+Space ํ‚ค[๊ฐ์ฃผ:1]
  • ์œˆ๋„์šฐ8: ํ„ฐ์น˜ํ‚ค๋ณด๋“œ์—์„œ ์ด๋ชจํ‹ฐ์ฝ˜ ์„ ํƒ[๊ฐ์ฃผ:2]
  • ๊ณตํ†ต: ์ด๋ชจํ‹ฐ์ฝ˜ ์‚ฌ์ดํŠธ(Get Emoji ๋“ฑ)์—์„œ ๋ณต์‚ฌ+๋ถ™์—ฌ๋„ฃ๊ธฐ

๋ฌธ์ œ๋Š” ์ด ์ด๋ชจํ‹ฐ์ฝ˜์ด ์ด์˜๊ฒŒ ์ ์šฉ๋˜์ง€ ์•Š๋Š” ๋ธŒ๋ผ์šฐ์ €๋“ค๋„ ์žˆ๋‹ค๋Š” ๊ฑฐ์ฃ .
(์—ฌ๊ธฐ์„œ๋Š” IE๋ฅผ ์˜ˆ๋กœ ๋“ค์—ˆ์ง€๋งŒ ํฌ๋กฌ์—์„œ๋„ ๋น„์Šทํ•ฉ๋‹ˆ๋‹ค..)

์ง€์› ์•ˆ๋˜๋Š” ๋ธŒ๋ผ์šฐ์ €๋“ค ์‹œ๋ฅด๋‹ค ๐Ÿ˜ญ๐Ÿ˜ญ

์ด ์ƒํ™ฉ์— ๋Œ€ํ•œ ํ•ด๊ฒฐ์ฑ…์ด ๋ฐ”๋กœ ํŠธ์œ„ํ„ฐ์—์„œ ๋งŒ๋“  twemoji์ธ ๊ฒƒ์ด์ฃ . ๐Ÿ˜†๐Ÿ˜†

10์ดˆ๋งŒ์— ์„ค์น˜ํ•˜๊ธฐ

twemoji๋Š” github์— ๊ณต๊ฐœ๋˜์–ด์žˆ๊ณ , CDN์—์„œ ๋Œ์–ด๋‹ค ์“ธ ์ˆ˜ ์žˆ์–ด์„œ ๋งค์šฐ ํŽธํ•ฉ๋‹ˆ๋‹ค.  ์ ์šฉํ•˜๊ณ  ์‹ถ์œผ์‹ ๋ถ„๋“ค์€ ์•„๋ž˜ ๋‘์ค„๋งŒ HTML์ฝ”๋“œ ์ค‘ </body> ์œ„์— ์ถ”๊ฐ€์‹œํ‚ค๋ฉด ๋์ž…๋‹ˆ๋‹ค.

๊ทธ๋Ÿฐ๋ฐ ๊ธฐ๋ณธํฌ๊ธฐ๊ฐ€ 36x36์œผ๋กœ ์ข€ ํฝ๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์ž‘๊ฒŒ ๋‚˜์˜ค๋„๋ก ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.

์‚ฌ์ด์ฆˆ๋Š” 16, 36, 72๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. 16๊ณผ 36์˜ ์ค‘๊ฐ„ํฌ๊ธฐ๊ฐ€ ์—†๋Š”๊ฒŒ ์•„์‰ฝ๋„ค์š”๐Ÿ˜ฅ๐Ÿ˜ฅ

์ฐธ ์‰ฝ์ฃ ? :)

  1. <a href="http://macnews.tistory.com/1723" target="_blank">OS X ๋งค๋ฒ„๋ฆญ์Šค์˜ ์ƒˆ๋กœ์šด ์ด๋ชจํ‹ฐ์ฝ˜โ€ขํŠน์ˆ˜๋ฌธ์ž ์ž…๋ ฅ ๋ฐฉ๋ฒ• ๋งˆ์Šคํ„ฐํ•˜๊ธฐ</a> [๋ณธ๋ฌธ์œผ๋กœ]
  2. <a href="http://blog.getemoji.com/emoji-keyboard-windows" target="_blank">How To Use Emoji On Windows 8</a> [๋ณธ๋ฌธ์œผ๋กœ]
์‹ ๊ณ 
tag, , , , , , , , , , , , , ,
๋ฐ›์€ ํŠธ๋ž™๋ฐฑ์ด ์—†๊ณ  , ๋Œ“๊ธ€์ด ์—†์Šต๋‹ˆ๋‹ค.

ํ‹ฐ์Šคํ† ๋ฆฌ ํˆด๋ฐ”