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

본문 바로가기
사이트 내 전체검색

기술자료

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

페이지 정보

댓글 0건 조회 1,560회 작성일 17-09-18 23:09

본문

일본의 휴대전화 문자 메시지에서 시작되어 지금은 대부분의 스마트폰에 사용되는 그림 문자입니다.
일반적인 서사 체계에서 사용되는 문자들을 조합해 사용하는 이모티콘과는 달리, 그림 형태의 문자를 사용하는 것이 특징입니다. 
'이모지'라는 말의 어원은 일본어 絵文字えもじ이고 이것을 한글로 표기하면 '에모지'가 되겠으나, 한국어에서는 emoji의 영어식 발음을 한글로 옮긴 '이모지'가 더 보편적으로 사용됩니다.
이모지의 '이'나 '이모'가 emoticon에서 왔다고 생각하는 사람도 있습니다(참고로 emoticon의 일본어식 발음이 エモティコン(에모티콘))

특히 인스타그램, 페이스북과 같은 소셜 미디어에서 종종 보았을 것입니다.
이게 제공되는 유니코드가 있고 그 유니코드에 따라 스마트폰 OS나 소셜 미디어 마다 이미지로 노출하는 디자인이 조금씩 다른 것이지만 의미와 코드는 거의 같습니다.
이는 바로 이모지 유니코드 테이블을 보면 알수 있습니다.

http://apps.timwhitlock.info/emoji/tables/unicode
위 사이트를 접속해서 원하는 이모지의 유니코드를 복사합니다.

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

이를 웹에 코딩하게 되면
<p>&#x1F601;</p>
이런 식으로 코딩을 하면 됩니다.

웹에서 사용하려면 디비가 utf8mb4 로 세팅된 경우에만 사용해야 합니다.
utf8 (한글자가 3byte) 이 아니라 utf8mb4 (한글자가 4byte) 입니다.


참고자료
http://apps.timwhitlock.info/emoji/tables/unicode
http://naminsik.com/blog/3149
https://namu.wiki/w/이모지
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.


Total 2,248건 1 페이지
기술자료 목록
번호 제목
공지 일반
온라인 강좌를 소개합니다. ( update. 2017-12-05 16:33 ) Hit.16081
2247 PHP
2246 그누보드
[G5] scroll 상단으로 / 가운데로 / 하단으로 이동하기 ( update. 2018-07-20 21:01 ) 댓글+ 1 Hit.28
2245 JSP
2244 JSP
2243 HTML
2242 일반
2241 그누보드
2240 Linux
2239 제로보드
[XpressEngine] files 폴더의 비밀 ( update. 2018-07-13 21:51 ) Hit.48
2238 MySQL
2237 JavaScript
[jQuery] Magnific Popup ( write. 2018-07-12 ) Hit.58
2236 일반
전자책 읽기에 최적화된 무료 EPUB 뷰어 ( update. 2018-07-11 17:27 ) Hit.71
2235 HTML
2234 HTML
2233 그누보드
ZeroBoard 4를 그누보드 5 로 변경 ( update. 2018-07-02 21:40 ) Hit.93
2232 Search
Bing (빙) 웹마스터도구 사이트 등록하기 ( update. 2018-07-01 02:41 ) Hit.120
2231 일반
IU 노래 181곡을 Youtube에서 연속듣기 ( update. 2018-07-04 23:09 ) Hit.130
2230 그누보드
2229 그누보드
XE -> 그누보드5 변경 v7 ( update. 2018-06-12 13:13 ) Hit.250
2228 제로보드
2227 호스팅
무료 호스팅을 제공하는 업체 ( update. 2018-06-12 03:53 ) Hit.195
2226 제로보드
[XpressEngine] 버전 확인하기 ( write. 2018-06-11 ) Hit.160
2225 제로보드
2224 호스팅
let's encrypt 지원하는 호스팅 ( write. 2018-06-07 ) Hit.176
게시물 검색

회원로그인

계좌이체 or 신용카드 결제하기
해피정닷컴으로 대금결제를 할 수 있습니다

접속자집계

오늘
159
어제
1,410
최대
3,174
전체
4,135,595

회사명: 해피정닷컴   사업자번호: 119-05-36414   전화: 070-7600-3500   팩스: 02-865-3528   주소: 08394 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
대표: 정창용   개인정보보호책임자: 정창용   통신판매업신고번호: 2014-서울구로-0074 [사업자등록정보확인]   건강기능식품영업신고번호 제2018-0080452호
Copyright 2001~2018 해피정닷컴. All Rights Reserved.