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

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

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

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

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

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

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

이를 웹에 코딩하게 되면

<p>😁</p>

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

😁

TOP