[HTML] 이모지(emoji) 삽입하는 방법!
- front/publishing
- 2020. 12. 21.
SHORTCUT
방법 1. 그냥 붙여넣기
html-css-js.com/html/character-codes/icons/
Icons and Symbols - 𝗛𝗧𝗠𝗟 𝗖𝗛𝗔𝗥𝗔𝗖𝗧𝗘𝗥 𝗖𝗢𝗗𝗘 𝗣𝗜𝗖𝗞𝗘𝗥
Search: ➤Clickto copy Boy Baby Girl Man Woman Old Man Old Woman Alien Monster Man Health Worker Woman Health Worker Man Student Woman Student Man Judge Woman Judge Man Farmer Woman Farmer Man Cook Woman Cook Man Mechanic Woman Mechanic Man Factory W
html-css-js.com
<p>😛</p>위 사이트에선 그냥 하단에서 위 코드를 복사해서 넣으면 된다.
- 장점 : 그냥 붙여넣으면 되서 편하다
- 단점 : 없는 것도 몇개 인는 듯 하다?
방법 2. 유니코드 수정해서 넣기
apps.timwhitlock.info/emoji/tables/unicode
Emoji unicode characters for use on the web
Emoji code points and example glyphs using web fonts, sprites and native OS representation of Emoji characters
apps.timwhitlock.info
위 사이트에서 우측 유니코드에서 U+1F601 뒤에 코드만 사용하면 된다.
앞에는 &#x 를 붙인다.
최종 : 😁
<p>😁</p>
- 장점 : 디바이스별로 어떻게 보이는지 확인 가능하다, 왠만한거 다있다?
- 단점 : 살짝 변환해야 한다.. 보기 불편하다..