그림문자인 이모지(emoji) 웹에 사용하기

요즘 아이폰, 안드로이드와 같은 스마트 기기에서 이모지(emoji, 원래는 일본 명칭 에모지이지만 영어 발음으로 전해지다 보니 이모지가 됨)를 종종 사용한다.

특히 인스타그램, 페이스북과 같은 소셜 미디어에서 종종 보았을 것이다.

이게 제공되는 유니코드가 있고 그 유니코드에 따라 스마트폰 OS나 소셜 미디어 마다 이미지로 노출하는 디자인이 조금씩 다른 것이지만 의미와 코드는 거의 같다.

이는 바로 이모지 유니코드 테이블을 보면 알수 있다.

http://apps.timwhitlock.info/emoji/tables/unicode

위 사이트를 접속해서 원하는 이모지의 유니코드를 복사해온다.

예를 들어 맨 위에 있는 스마일이면 유니코드가 U+1F601 라고 나온다.  여기서 가져올 코드는 U+ 는 날리고 1F601 만 사용한다.  그리고 이 1F601 코드 앞에는 &#x 를 붙이고 뒤에는 ; 를 붙여서 이모지 유니코드를 보여주는 것이라고 선언하면 된다.

이를 웹에 코딩하게 되면

<p>😁</p>

 이런 식으로 코딩을 하면 된다.

😁

Subscribe
Notify of
guest

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.

11 댓글
Oldest
Newest
Inline Feedbacks
View all comments
socurites
socurites
4 years ago

🤩

ssa
ssa
4 years ago

{ "manifest_version": 2, "name": "Whatever you want to call the plugin", "description": "A brief description of what the plugin does. I prefer the GNU philosophy of do one thing well", "version": "2.0", "content_scripts": [ { "matches": [ "*://*/*" ], "js": [ "content.js" ], "run_at": "document_end" } ] }

Sol Amy Lee
Sol Amy Lee
3 years ago

안녕하세요 웹 상에 이모지 입력 관련 상세한 블로그 글 감사합니다.
궁금한 것이 있어 문의 남깁니다. 이모지를 웹 상에 유니코드로 넣지 않고, 맥이나 윈도우에서 이모지로 바로 넣으면
때로 ? 로 노출되는 오류가 발생하던데, 웹 상의 이모지의 경우 꼭 지정된 유니코드로 넣어야 하는 것인가요?

naminsik
naminsik
1 year ago
Reply to  Sol Amy Lee

웹이 어떤 언어로 되어 있느냐에 따라 다를 것 같습니다. 어떤 상황인지 봐야 설명드릴 수 있을 듯 해요.

yssmi
yssmi
2 years ago

😍

naminsik
naminsik
1 year ago
Reply to  yssmi

>_ <

강창진
강창진
2 years ago

아래 스팸 두개는 접니다 ㅎㅎ; 한국 국기를 붙여넣을려 했는데 스팸으로 분류하네요

naminsik
naminsik
1 year ago
Reply to  강창진

네넹! ㅎ

wwoong00
wwoong00
1 year ago

😁

wwoong00
wwoong00
1 year ago

감사합니다 선생님 꽃길만 걸으십쇼!

TOP