| Demo |
[Demo] 댓글에 카카오 이모티콘 넣기
⇣
dd-stuff.tistory.com
| Installation |
스킨 편집창 - HTML 에서, Ctrl + F 를 눌러 다음 구문을 찾는다.
<s_permalink_article_rep>
두 곳의 구문 중, 보호글이 아닌 나머지 구문에 아래의 구문을 추가.
<div style="display:none" id="cmtChecker">
<s_rp_count><span>0</span></s_rp_count>
</div>
본문에 댓글 갯수를 나타내는 부분이 있는 스킨인 경우 이 단계는 건너뛰고,
해당 요소의 요소명을 스크립트의 사용자 설정에서 cmtNumPos 변수값으로 지정.
Poster 스킨 예시
마셜님 블로그의 글에서 첫번째 단락의 HTML 수정까지만 작업.
[티스토리] 댓글에 링크 및 이미지 추가하기
업데이트 2020.07.03 - innerHTML을 사용하지 않고 댓글 내용을 업데이트합니다. 단순히 텍스트밖에 적을 수 없는 티스토리 댓글에 링크, 이미지, 비디오, 유튜브 등을 추가해 화려하게 꾸미는 스크립
marshallku.com
#toastEmo { display:none; width:fit-content; height:fit-content; position:fixed; bottom:14px; left:50%; transform:translateX(-50%); padding:14px; text-align:center; background-color:#151515; color:#fff; z-index:9999; border-radius:6px }
#toastEmo.reveal { display:block }
.ktemobtn { display:none; width:fit-content; height:fit-content; border:1px solid #000; border-radius:4px; background-color:rgba(0, 0, 0, 0.1); position:fixed; right:20%; top:50%; transform:translateY(-55%); z-index:1000 }
.ktemobtn img { width:72px; height:auto }
.ktemobtn.reveal { display:block!important }
.ktemobtn:hover { cursor:pointer }
#emoticon { display:none; position:fixed; width:360px; height:700px; left:60px; top:50%; transform:translateY(-50%); overflow-y:auto; background-color:rgba(255,255,255,.7); border:1px solid #222; border-radius:3px }
#emoticon div.emohd, #emoticon div.emoft { background-color:#000; color:#fff; width:100%; text-align:center; line-height:20px }
#emoticon div.emohd { top:0px; left:0px; padding:12px 0 }
#emoticon div.emoft { bottom:0px; left:0px; padding:6px 0; cursor:pointer }
#emoticon div.emohd p:first-child { font-size: 18px }
#emoticon div.emohd p:last-child { font-size: 14px }
#emoticon p { text-align:center }
#emoticon p.section { margin-bottom:14px; padding:2px }
#emoticon P.section img { filter:grayscale(100%) }
#emoticon P.section a { cursor:pointer }
#emoticon P.section a.on > img { filter:grayscale(0%); border-bottom:4px solid crimson }
#emoticon img { width:64px; height:auto; margin:6px }
#emoticon p.list img:hover { cursor:pointer }
.comment-text.modded img { width:120px; height:auto }
@media screen and (max-width:1600px) {
.ktemobtn { display:none; width:fit-content; height:fit-content; position:fixed; padding:10px; right:10%; top:50%; transform:translateY(-50%) !important }
.ktemobtn img { width:60px; height:auto }
#emoticon { position:fixed; width:359px; height:98%; left:10px; top:50%; transform:translateY(-50%); overflow-y:auto; background-color:rgba(255,255,255,.7); border:1px solid #222; border-radius:3px }
}
@media screen and (max-width:480px) {
.ktemobtn { display:none; width:fit-content; height:fit-content; position:fixed; padding:6px; right:4px; top:50%; transform:translateY(-50%) !important }
.ktemobtn img { width:48px; height:auto }
.ktemobtn.reveal { display:block!important; z-index:1000 !important }
.ktemobtn:hover { cursor:pointer }
#emoticon { width:100%; height:100%; left:0px; top:50%; transform:translateY(-50%); background-color:rgba(255,255,255,.9); z-index:2000 !important }
#emoticon img { transform:scale(0.8) }
#emoticon p.section a { margin-left:-10px }
}
/* 마셜님의 AutoWrap 스크립트 포함 */
const cmtNumPos = '#cmtChecker'; // 댓글 갯수 나나태는 요소명 || id이면 # || class이면 .
const emoLbtn = '<img src="https://t1.daumcdn.net/keditor/emoticon/friends1/small/014.gif">'; // 이모티콘 런처 버튼에 사용할 텍스트나 이미지
const emoLbtn2 = '.comments'; // 댓글 영역의 요소명
const emoPopTitle = 'Kakao Emoticon'; // 이모티콘 레이어 상단의 제목
const emoPopDesc = 'Click emoticon and Paste at text area.'; // 이모티콘 레이어 상단의 제목 아래 설명글
const emoPopFootClose = 'c.l.o.s.e'; // 이모티콘 레이어 하단의 창닫기 링크의 문구
const emoCopyMsg = '이모티콘 주소가 클립보드에 복사되었습니다.'; // 이모티콘 복사 완료 메시지
const emoCopyMsgDur = 3000; // 이모티콘 복사 완료 메시지 지속시간 || 1sec = 1000
const _0x39be78=_0x2e29;(function(_0x2bd304,_0x5b65f1){const _0x1aa77d=_0x2e29,_0x578e3e=_0x2bd304();while(!![]){try{const _0x12b67e=parseInt(_0x1aa77d(0x109))/0x1+parseInt(_0x1aa77d(0x135))/0x2*(parseInt(_0x1aa77d(0x101))/0x3)+parseInt(_0x1aa77d(0x15d))/0x4+-parseInt(_0x1aa77d(0x170))/0x5*(-parseInt(_0x1aa77d(0x126))/0x6)+parseInt(_0x1aa77d(0x166))/0x7+-parseInt(_0x1aa77d(0x155))/0x8*(-parseInt(_0x1aa77d(0x171))/0x9)+-parseInt(_0x1aa77d(0x107))/0xa;if(_0x12b67e===_0x5b65f1)break;else _0x578e3e['push'](_0x578e3e['shift']());}catch(_0x4d60fc){_0x578e3e['push'](_0x578e3e['shift']());}}}(_0x4865,0x65678));let urlHost=location['host'];urlHost=urlHost[_0x39be78(0x13c)](_0x39be78(0x14f),'');function _0x2e29(_0x30c2d2,_0x39a26c){const _0x4865c5=_0x4865();return _0x2e29=function(_0x2e29aa,_0x1fe2e1){_0x2e29aa=_0x2e29aa-0xfb;let _0x357e39=_0x4865c5[_0x2e29aa];return _0x357e39;},_0x2e29(_0x30c2d2,_0x39a26c);}let urlChar=[...urlHost],tHost='',tChar;urlChar['forEach'](function(_0x53d81f){const _0x53783c=_0x39be78;tChar=_0x53d81f[_0x53783c(0x111)](),tHost=tHost+tChar;});let isHim=0x0;(tHost=='116111111108116105112'||tHost=='9810512299101108108')&&(isHim=0x1);function _0x4865(){const _0x208cef=['removeAttribute','contains','28640rAamvA','1548Sxogqt','.png\x27>','#emoticon','iframe','createElement','This\x20browser\x20is\x20not\x20supported.','click','mouseenter','3mlRUJN','https://www.youtube.com/embed/','.comment-text.modded','.png','innerHTML','getElementById','19214540YSFFen','</p></div><p\x20class=\x27section\x27><a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/friends1/small/002.png\x27></a> <a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/niniz/small/001.png\x27></a> <a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/friends2/small/007.png\x27></a> <a\x20class=\x27on\x27><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/face/small/008.png\x27></a></p><p\x20class=\x27list\x27></p><div\x20class=\x27emoft\x27>','430576UcFkSA','<div\x20class=\x27emohd\x27><p>','bind','insertBefore','style','allowFullscreen','_blank','!\x27>','charCodeAt','insertAdjacentHTML','</p></div><p\x20class=\x27section\x27><a\x20class=\x27on\x27><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/friends1/small/002.png\x27></a> <a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/niniz/small/001.png\x27></a> <a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/friends2/small/007.png\x27></a> <a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/face/small/008.png\x27></a></p><p\x20class=\x27list\x27></p><div\x20class=\x27emoft\x27>','querySelector','%cDesigned\x20by\x20Marshall\x20K\x20-\x20https://marshallku.com/web/tips/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EB%8C%93%EA%B8%80%EC%97%90-%EB%A7%81%ED%81%AC-%EB%B0%8F-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0','remove','</p><p>','https://t1.daumcdn.net/keditor/emoticon/friends1/small/','mail','</div>','%cInput\x20KakaoEmoticon\x20At\x20Comment','playsinline','youtubevid-wrapper','addEventListener','controls','tt-body-page','#emoticon\x20p.section\x20a','font-size:14px','</div></div>','<button\x20class=\x27ktemobtn\x27\x20title=\x27Show\x20me\x20the\x20','classList','90oQstWy','<div\x20id=\x27emoticon\x27\x20class=\x27g1\x27><div\x20class=\x27emohd\x27><p>','<img\x20src=\x27','DOMContentLoaded','%cDesigned\x20by\x20ddamddon\x20-\x20https://ddamddon.tistory.com/10228','offsetTop','split','then','writeText','append','getAttribute','afterend','%cComment\x20AutoWrap','childNodes','catch','612718Thwnbw','#emoticon\x20p.list\x20img','block','large','forEach','.comment-text','userContent','replace','setAttribute','observe','scrollY','comment-list','length','font-size:16px','log','className','<div\x20id=\x22toastEmo\x22></div>','createDocumentFragment','beforeend','</button>','autoplay','.comment-text.modded\x20img','audio','link','href','small','.tistory.com','class','modded','div','pathname','mouseover','32384yBOzAR','</p></div><p\x20class=\x27section\x27><a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/friends1/small/002.png\x27></a> <a\x20class=\x27on\x27><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/niniz/small/001.png\x27></a> <a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/friends2/small/007.png\x27></a> <a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/face/small/008.png\x27></a></p><p\x20class=\x27list\x27></p><div\x20class=\x27emoft\x27>','.ktemobtn','querySelectorAll','pages','.gif','</p></div><p\x20class=\x27section\x27><a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/friends1/small/002.png\x27></a> <a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/niniz/small/001.png\x27></a> <a\x20class=\x27on\x27><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/friends2/small/007.png\x27></a> <a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/face/small/008.png\x27></a></p><p\x20class=\x27list\x27></p><div\x20class=\x27emoft\x27>','#toastEmo','1815476jjTZah','body','mouseleave','none','display','indexOf','#emoticon\x20p.list','reveal','src','2546782xFwZNr','img','test','innerText','scroll','https://t1.daumcdn.net/keditor/emoticon/friends2/small/','?rel=0&playsinline=1','nodeType'];_0x4865=function(){return _0x208cef;};return _0x4865();}if(isHim!=0x1){const autoWrap=(_0xa8eb3e,_0xf4b109)=>{const _0x2fb827=_0x39be78,_0x530ff2=async()=>{const _0x5e706c=_0x2e29,_0x3cfb7c=/(\b(https?|ftp|file):\/\/[-A-Z0-9|ㄱ-ㅎ|ㅏ-ㅣ|가-힣|+&@#\/%?=~_|!:,.;]*[-A-Z0-9|ㄱ-ㅎ|ㅏ-ㅣ|가-힣|+&@#\/%=~_|])/gi,_0x24ea65=/((\S+.)@[a-z]+.[a-z]+)/gi,_0x72ec9a=/\.(?:jpe?g(:(large|orig))?|gif|png(:(large|orig))?|svg)$/i,_0x3a9115=/(?:\?original)$/i,_0x2ab0b2=/\.(?:mp4|webm)$/i,_0x153af8=/\.(?:mp3|ogg|wav)$/i,_0x3ba167=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?/g,_0x555222=(_0x5599f0,_0x9a7eb0='link')=>{const _0x3a8c13=_0x2e29,_0x32f306=document[_0x3a8c13(0xfd)]('a');return _0x32f306['href']=_0x9a7eb0==='link'?_0x5599f0:'mailto:'+_0x5599f0,_0x9a7eb0===_0x3a8c13(0x14c)&&(_0x32f306['target']=_0x3a8c13(0x10f),_0x32f306['setAttribute']('rel','noopener,\u00a0noreferrer')),_0x32f306[_0x3a8c13(0x169)]=_0x5599f0,_0x32f306;};document['querySelectorAll'](_0xf4b109)[_0x5e706c(0x139)](_0x5edb8c=>{const _0x203170=_0x5e706c;!_0x5edb8c[_0x203170(0x125)][_0x203170(0x16f)](_0x203170(0x151))&&_0x5edb8c['hasChildNodes']&&[..._0x5edb8c[_0x203170(0x133)]]['forEach'](_0x4ea96e=>{const _0x68d435=_0x203170;if(_0x4ea96e[_0x68d435(0x16d)]===0x3){let _0xf731d3=_0x4ea96e['textContent'][_0x68d435(0x12c)](_0x3cfb7c);if(_0xf731d3['length']===0x1)_0xf731d3=_0x4ea96e['textContent'][_0x68d435(0x12c)](_0x24ea65);if(_0xf731d3[_0x68d435(0x141)]===0x1)return;const _0x26cc6b=document[_0x68d435(0x146)]();for(let _0x14ca10=0x0,_0x4f8c6=_0xf731d3[_0x68d435(0x141)],_0x369973=0x1;_0x14ca10<_0x4f8c6;_0x14ca10++){if(_0x369973%0x3!==0x0){const _0x5352fd=_0xf731d3[_0x14ca10];if(_0x369973%0x2===0x0){if(_0x5352fd['includes']('http:')){const _0x1069aa=_0x555222(_0x5352fd);_0x26cc6b['append'](_0x1069aa);}else{if(_0x72ec9a[_0x68d435(0x168)](_0x5352fd)||_0x3a9115[_0x68d435(0x168)](_0x5352fd)){const _0x29a41b=document[_0x68d435(0xfd)](_0x68d435(0x167));_0x29a41b['src']=_0x5352fd,_0x29a41b['alt']=_0x68d435(0x13b),_0x26cc6b['append'](_0x29a41b);}else{if(_0x2ab0b2[_0x68d435(0x168)](_0x5352fd)){const _0x1a0d10=document[_0x68d435(0xfd)]('video');_0x1a0d10[_0x68d435(0x165)]=_0x5352fd,_0x1a0d10[_0x68d435(0x149)]=0x1,_0x1a0d10['muted']=0x1,_0x1a0d10['loop']=0x1,_0x1a0d10['setAttribute'](_0x68d435(0x11c),0x1),_0x26cc6b[_0x68d435(0x12f)](_0x1a0d10);}else{if(_0x153af8[_0x68d435(0x168)](_0x5352fd)){const _0x26f9c1=document[_0x68d435(0xfd)](_0x68d435(0x14b));_0x26f9c1[_0x68d435(0x165)]=_0x5352fd,_0x26f9c1[_0x68d435(0x11f)]=0x1,_0x26cc6b['append'](_0x26f9c1);}else{if(_0x3ba167['test'](_0x5352fd)){const _0x34db84=document['createElement'](_0x68d435(0x152)),_0x51f9e7=document[_0x68d435(0xfd)]('div'),_0x32aeee=document[_0x68d435(0xfd)](_0x68d435(0xfc));_0x34db84[_0x68d435(0x144)]=_0x68d435(0x11d),_0x51f9e7['className']='resvid',_0x32aeee['src']=_0x68d435(0x102)+_0x5352fd['replace'](_0x3ba167,'')+_0x68d435(0x16c),_0x32aeee[_0x68d435(0x10e)]=0x1,_0x32aeee['frameBorder']=0x0,_0x51f9e7['append'](_0x32aeee),_0x34db84[_0x68d435(0x12f)](_0x51f9e7),_0x26cc6b['append'](_0x34db84);}else{if(_0x24ea65[_0x68d435(0x168)](_0x5352fd)){const _0x3d00c5=_0x555222(_0x5352fd,_0x68d435(0x119));_0x26cc6b['append'](_0x3d00c5);}else{const _0x58447f=_0x555222(_0x5352fd);_0x26cc6b['append'](_0x58447f);}}}}}}}else{const _0x28fd77=document['createTextNode'](_0x5352fd);_0x26cc6b['append'](_0x28fd77);}_0x369973+=0x1;}else _0x369973=0x1;}_0x4ea96e['parentNode'][_0x68d435(0x10c)](_0x26cc6b,_0x4ea96e),_0x4ea96e[_0x68d435(0x116)]();}_0x5edb8c[_0x68d435(0x125)]['add'](_0x68d435(0x151));});});};document['addEventListener']('DOMContentLoaded',_0x530ff2()[_0x2fb827(0x12d)](()=>{const _0x2117a7=_0x2fb827,_0x220455=document[_0x2117a7(0x106)](_0xa8eb3e),_0x37f0ea=new MutationObserver(_0x530ff2);_0x220455&&_0x37f0ea[_0x2117a7(0x13e)](_0x220455,{'attributes':!![],'childList':!![],'subtree':!![],'characterData':!![]});}));};document['querySelector'](_0x39be78(0x15e))['id']==_0x39be78(0x120)&&document['addEventListener']('DOMContentLoaded',function(){const _0x418fa0=_0x39be78;document[_0x418fa0(0x114)](cmtNumPos)[_0x418fa0(0x11e)]('DOMSubtreeModified',function(_0x5cb50f){const _0x3b155e=_0x418fa0;autoWrap(_0x3b155e(0x140),'.comment-text');});}),autoWrap('comment-list',_0x39be78(0x13a)),window['addEventListener'](_0x39be78(0x129),function(){const _0x3a250e=_0x39be78;let _0x486837=document[_0x3a250e(0x114)]('body')['id'],_0x573121=location[_0x3a250e(0x14d)];document['querySelector']('body')['insertAdjacentHTML']('beforeend',_0x3a250e(0x145));_0x486837==_0x3a250e(0x120)&&location[_0x3a250e(0x153)][_0x3a250e(0x162)]('pages')==-0x1&&_0x573121['indexOf']('notice')==-0x1&&(document[_0x3a250e(0x114)]('#toastEmo')['insertAdjacentHTML'](_0x3a250e(0x131),_0x3a250e(0x124)+emoPopTitle+_0x3a250e(0x110)+emoLbtn+_0x3a250e(0x148)),document[_0x3a250e(0x11e)](_0x3a250e(0x16a),function(){const _0x5f303b=_0x3a250e;let _0x5d7b3f=document['querySelector'](emoLbtn2)[_0x5f303b(0x12b)];_0x5d7b3f=_0x5d7b3f-0x258,window[_0x5f303b(0x13f)]>=_0x5d7b3f?document[_0x5f303b(0x114)]('.ktemobtn')[_0x5f303b(0x125)]['add']('reveal'):document[_0x5f303b(0x114)](_0x5f303b(0x157))[_0x5f303b(0x125)][_0x5f303b(0x116)]('reveal');}));if(_0x486837=='tt-body-page'&&document[_0x3a250e(0x114)](_0x3a250e(0x157))){!document[_0x3a250e(0x114)]('#emoticon')&&(document['querySelector'](_0x3a250e(0x15c))['insertAdjacentHTML']('afterend',_0x3a250e(0x127)+emoPopTitle+'</p><p>'+emoPopDesc+_0x3a250e(0x113)+emoPopFootClose+_0x3a250e(0x123)),document[_0x3a250e(0x114)]('#emoticon\x20div.emoft')[_0x3a250e(0x11e)]('click',function(){const _0x380b07=_0x3a250e;document['querySelector']('#emoticon')['style']['display']=='block'?document['querySelector'](_0x380b07(0xfb))['style']['display']=_0x380b07(0x160):document['querySelector']('#emoticon')[_0x380b07(0x10d)][_0x380b07(0x161)]='block';}));let _0x526635=0x1,_0x1387fb,_0x3df0cd;for(_0x1387fb=0x1;_0x1387fb<0x31;_0x1387fb++){let _0x3b8729=_0x15e3c(_0x1387fb,0x3);document[_0x3a250e(0x114)](_0x3a250e(0x163))[_0x3a250e(0x112)]('beforeend','<img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/friends1/small/'+_0x3b8729+'.png\x27>');}function _0x15e3c(_0x1b0fcc,_0x2c85ed){const _0x2b50f8=_0x3a250e;return _0x1b0fcc=_0x1b0fcc+'',_0x1b0fcc[_0x2b50f8(0x141)]>=_0x2c85ed?_0x1b0fcc:new Array(_0x2c85ed-_0x1b0fcc[_0x2b50f8(0x141)]+0x1)['join']('0')+_0x1b0fcc;}let _0xee5ec;document[_0x3a250e(0x158)](_0x3a250e(0x121))[_0x3a250e(0x139)](function(_0x508472,_0x50cc1d){_0x508472['addEventListener']('click',function(){const _0x506c77=_0x2e29;_0xee5ec=_0x50cc1d+0x1;let _0x340410=_0x508472['getAttribute'](_0x506c77(0x150));_0x340410!='on'&&_0x3e54fa(_0xee5ec);});}),document[_0x3a250e(0x158)](_0x3a250e(0x136))['forEach'](function(_0x548fc3){const _0x561370=_0x3a250e;_0x548fc3[_0x561370(0x11e)](_0x561370(0x100),function(){const _0x455a5a=_0x561370;let _0x539518=_0x548fc3[_0x455a5a(0x130)](_0x455a5a(0x165)),_0xf158f=_0x539518['replace'](_0x455a5a(0x14e),_0x455a5a(0x138));_0xf158f=_0xf158f[_0x455a5a(0x13c)](_0x455a5a(0x104),'.gif'),_0x548fc3['setAttribute'](_0x455a5a(0x165),_0xf158f);}),_0x548fc3['addEventListener'](_0x561370(0x15f),function(){const _0x17d811=_0x561370;let _0x20ec95=_0x548fc3[_0x17d811(0x130)]('src'),_0x4ef164=_0x20ec95[_0x17d811(0x13c)]('large',_0x17d811(0x14e));_0x4ef164=_0x4ef164[_0x17d811(0x13c)](_0x17d811(0x15a),_0x17d811(0x104)),_0x548fc3['setAttribute']('src',_0x4ef164);});}),_0x486837=='tt-body-page'&&_0x573121[_0x3a250e(0x162)](_0x3a250e(0x159))==-0x1&&document['querySelectorAll'](_0x3a250e(0x136))[_0x3a250e(0x139)](function(_0x3a58c7){_0x3a58c7['addEventListener']('click',function(){const _0x48cfbe=_0x2e29;let _0x3a20ba=_0x3a58c7['getAttribute']('src');_0x3a20ba=_0x3a20ba[_0x48cfbe(0x13c)](_0x48cfbe(0x104),'.gif'),navigator['clipboard']['writeText'](_0x3a20ba)['then'](()=>{const _0x2d64ed=_0x48cfbe;document[_0x2d64ed(0x114)](_0x2d64ed(0x15c))['innerText']=emoCopyMsg,document[_0x2d64ed(0x114)]('#toastEmo')[_0x2d64ed(0x13d)]('class','reveal'),setTimeout(()=>{const _0x3cca85=_0x2d64ed;document[_0x3cca85(0x114)](_0x3cca85(0x15c))['removeAttribute']('class'),document['querySelector']('#toastEmo')[_0x3cca85(0x169)]='';},emoCopyMsgDur);})['catch'](_0x2a24a6=>{const _0x4b319a=_0x48cfbe;alert(_0x4b319a(0xfe));}),document['querySelector']('#emoticon')[_0x48cfbe(0x10d)][_0x48cfbe(0x161)]=_0x48cfbe(0x160);});}),document['querySelector']('.ktemobtn')['addEventListener'](_0x3a250e(0xff),function(){const _0x19e060=_0x3a250e;document['querySelector']('#emoticon')['style'][_0x19e060(0x161)]=='block'?document['querySelector'](_0x19e060(0xfb))['style']['display']=_0x19e060(0x160):document[_0x19e060(0x114)]('#emoticon')['style']['display']=_0x19e060(0x137);});}function _0x3e54fa(_0x36c739){const _0x51ca18=_0x3a250e;let _0x346896,_0x4c1bb7,_0x102bec;if(_0x36c739==0x1){document[_0x51ca18(0x114)]('#emoticon')['innerHTML']=_0x51ca18(0x10a)+emoPopTitle+_0x51ca18(0x117)+emoPopDesc+'</p></div><p\x20class=\x27section\x27><a\x20class=\x27on\x27><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/friends1/small/002.png\x27></a> <a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/niniz/small/001.png\x27></a> <a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/friends2/small/007.png\x27></a> <a><img\x20src=\x27https://t1.daumcdn.net/keditor/emoticon/face/small/008.png\x27></a></p><p\x20class=\x27list\x27></p><div\x20class=\x27emoft\x27>'+emoPopFootClose+'</div>',document[_0x51ca18(0x114)]('#emoticon')[_0x51ca18(0x13d)](_0x51ca18(0x150),'g1'),_0x346896=_0x51ca18(0x118);for(_0x4c1bb7=0x1;_0x4c1bb7<0x31;_0x4c1bb7++){_0x102bec=_0x12138(_0x4c1bb7,0x3),document['querySelector']('#emoticon\x20p.list')['insertAdjacentHTML'](_0x51ca18(0x147),_0x51ca18(0x128)+_0x346896+_0x102bec+_0x51ca18(0x172));}}else{if(_0x36c739==0x2){document[_0x51ca18(0x114)](_0x51ca18(0xfb))['innerHTML']='<p><div\x20class=\x27emohd\x27><p>'+emoPopTitle+'</p><p>'+emoPopDesc+_0x51ca18(0x156)+emoPopFootClose+_0x51ca18(0x11a),document['querySelector']('#emoticon')['setAttribute']('class','g2'),_0x346896='https://t1.daumcdn.net/keditor/emoticon/niniz/small/';for(_0x4c1bb7=0x1;_0x4c1bb7<0x31;_0x4c1bb7++){_0x102bec=_0x12138(_0x4c1bb7,0x3),document['querySelector']('#emoticon\x20p.list')['insertAdjacentHTML']('beforeend','<img\x20src=\x27'+_0x346896+_0x102bec+'.png\x27>');}}else{if(_0x36c739==0x3){document[_0x51ca18(0x114)]('#emoticon')[_0x51ca18(0x105)]=_0x51ca18(0x10a)+emoPopTitle+_0x51ca18(0x117)+emoPopDesc+_0x51ca18(0x15b)+emoPopFootClose+_0x51ca18(0x11a),document[_0x51ca18(0x114)](_0x51ca18(0xfb))[_0x51ca18(0x13d)](_0x51ca18(0x150),'g3'),_0x346896=_0x51ca18(0x16b);for(_0x4c1bb7=0x1;_0x4c1bb7<0x59;_0x4c1bb7++){_0x102bec=_0x12138(_0x4c1bb7,0x3),document[_0x51ca18(0x114)]('#emoticon\x20p.list')[_0x51ca18(0x112)](_0x51ca18(0x147),_0x51ca18(0x128)+_0x346896+_0x102bec+_0x51ca18(0x172));}}else{if(_0x36c739==0x4){document[_0x51ca18(0x114)](_0x51ca18(0xfb))[_0x51ca18(0x105)]='<div\x20class=\x27emohd\x27><p>'+emoPopTitle+_0x51ca18(0x117)+emoPopDesc+_0x51ca18(0x108)+emoPopFootClose+_0x51ca18(0x11a),document['querySelector'](_0x51ca18(0xfb))['setAttribute'](_0x51ca18(0x150),'g4'),_0x346896='https://t1.daumcdn.net/keditor/emoticon/face/small/';for(_0x4c1bb7=0x1;_0x4c1bb7<0x4b;_0x4c1bb7++){_0x102bec=_0x12138(_0x4c1bb7,0x3),document['querySelector'](_0x51ca18(0x163))['insertAdjacentHTML']('beforeend',_0x51ca18(0x128)+_0x346896+_0x102bec+_0x51ca18(0x172));}}}}}function _0x12138(_0x1a805f,_0xcc3563){return _0x1a805f=_0x1a805f+'',_0x1a805f['length']>=_0xcc3563?_0x1a805f:new Array(_0xcc3563-_0x1a805f['length']+0x1)['join']('0')+_0x1a805f;}document['querySelectorAll'](_0x51ca18(0x121))[_0x51ca18(0x139)](function(_0x20e691,_0x3930bb){const _0x574e3a=_0x51ca18;_0x20e691['addEventListener'](_0x574e3a(0xff),function(){const _0x2fa161=_0x574e3a;let _0x326486=_0x3930bb+0x1,_0x4a9c29=_0x20e691[_0x2fa161(0x130)]('class');_0x4a9c29!='on'&&_0x3e54fa(_0x326486);});}),document[_0x51ca18(0x158)]('#emoticon\x20p.list\x20img')[_0x51ca18(0x139)](function(_0x2cd9a7){const _0xd6a6f8=_0x51ca18;_0x36c739<0x3&&(_0x2cd9a7['addEventListener'](_0xd6a6f8(0x154),function(){const _0x48bb3e=_0xd6a6f8;let _0x29af81=_0x2cd9a7[_0x48bb3e(0x130)](_0x48bb3e(0x165)),_0x2ef42e=_0x29af81[_0x48bb3e(0x13c)](_0x48bb3e(0x14e),_0x48bb3e(0x138));_0x2ef42e=_0x2ef42e[_0x48bb3e(0x13c)](_0x48bb3e(0x104),_0x48bb3e(0x15a)),_0x2cd9a7[_0x48bb3e(0x13d)]('src',_0x2ef42e);}),_0x2cd9a7['addEventListener']('mouseout',function(){const _0x1a07f9=_0xd6a6f8;let _0x9cbefc=_0x2cd9a7[_0x1a07f9(0x130)](_0x1a07f9(0x165)),_0x245aaa=_0x9cbefc['replace'](_0x1a07f9(0x138),_0x1a07f9(0x14e));_0x245aaa=_0x245aaa[_0x1a07f9(0x13c)](_0x1a07f9(0x15a),_0x1a07f9(0x104)),_0x2cd9a7[_0x1a07f9(0x13d)](_0x1a07f9(0x165),_0x245aaa);}));}),_0x486837==_0x51ca18(0x120)&&_0x573121['indexOf']('pages')==-0x1&&document[_0x51ca18(0x158)](_0x51ca18(0x136))[_0x51ca18(0x139)](function(_0x169cc8){_0x169cc8['addEventListener']('click',function(){const _0x27d4ce=_0x2e29;let _0x25d52b=document[_0x27d4ce(0x114)](_0x27d4ce(0xfb))[_0x27d4ce(0x130)]('class'),_0x4d05ae;_0x25d52b=='g1'||_0x25d52b=='g2'?(_0x4d05ae=_0x169cc8[_0x27d4ce(0x130)](_0x27d4ce(0x165)),_0x4d05ae=_0x4d05ae['replace']('.png','.gif')):_0x4d05ae=_0x169cc8['getAttribute']('src'),navigator['clipboard'][_0x27d4ce(0x12e)](_0x4d05ae)[_0x27d4ce(0x12d)](()=>{const _0x200a4f=_0x27d4ce;document[_0x200a4f(0x114)](_0x200a4f(0x15c))['innerText']=emoCopyMsg,document['querySelector'](_0x200a4f(0x15c))[_0x200a4f(0x13d)]('class',_0x200a4f(0x164)),setTimeout(()=>{const _0x8acd39=_0x200a4f;document['querySelector'](_0x8acd39(0x15c))[_0x8acd39(0x16e)](_0x8acd39(0x150)),document[_0x8acd39(0x114)]('#toastEmo')[_0x8acd39(0x169)]='';},emoCopyMsgDur);})[_0x27d4ce(0x134)](_0x16b8cc=>{const _0x19571f=_0x27d4ce;alert(_0x19571f(0xfe));}),document['querySelector'](_0x27d4ce(0xfb))[_0x27d4ce(0x10d)][_0x27d4ce(0x161)]=_0x27d4ce(0x160);});}),document[_0x51ca18(0x114)]('#emoticon\x20div.emoft')[_0x51ca18(0x11e)]('click',function(){const _0x5d95c7=_0x51ca18;document['querySelector'](_0x5d95c7(0xfb))[_0x5d95c7(0x10d)]['display']=_0x5d95c7(0x160);});}_0x486837=='tt-body-page'&&document['querySelector'](_0x3a250e(0x103))&&_0x573121[_0x3a250e(0x162)]('pages')==-0x1&&document[_0x3a250e(0x158)](_0x3a250e(0x14a))['forEach'](function(_0x4c37e2){const _0x4ff327=_0x3a250e;let _0x51cd2c=_0x4c37e2['getAttribute']('src');_0x51cd2c[_0x4ff327(0x162)]('daumcdn.net')!=-0x1&&_0x51cd2c['slice'](-0x4,_0x51cd2c[_0x4ff327(0x141)])==_0x4ff327(0x15a)&&_0x4c37e2[_0x4ff327(0x125)]['add']('animated');});}),document[_0x39be78(0x114)]('body')['id']==_0x39be78(0x120)&&(setTimeout(console[_0x39be78(0x143)][_0x39be78(0x10b)](console,_0x39be78(0x132),_0x39be78(0x142)),0x6e),setTimeout(console['log']['bind'](console,_0x39be78(0x115),'font-size:14px'),0x78),setTimeout(console['log']['bind'](console,'%c','font-size:16px'),0x82),setTimeout(console['log']['bind'](console,_0x39be78(0x11b),_0x39be78(0x142)),0x8c),setTimeout(console['log'][_0x39be78(0x10b)](console,_0x39be78(0x12a),_0x39be78(0x122)),0x96));}
![[티스토리] 첫 접속 시, 인사말 출력하기](https://i1.daumcdn.net/thumb/C500x200/?fname=https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F7bo7u%2FbtsrClXGNtT%2F0CiWeRBaE6RkZGQp5gYZN0%2Fimg.jpg)
