BBCode for TiStory 3.1 업데이트: 이모티콘 기능 추가

들어가기에 앞서...

여러분은 티스토리의 이모티콘을 어떻게 생각하시는가?
난 개인적으로 굉장히 불만이다.

이모티콘이 예쁘지 않은 것은 기본인데다, 버그까지 있다.

그냥 서버 쪽에서 이미지만 좀 업데이트해줘도 좋을 것 같지만, 티스토리는 그런 신경 따윈 쓰지 않는다.
그냥 배째라고 앉아있어도 사용자들은 떠나지 않을 것이라 믿는 것 같다.


BBCode는 3.x대에 와서 충분히 안정화되었다고 생각한다.
그래서 가급적이면 업데이트를 자제하려고 했는데, 이놈의 이모티콘은 도저히 용서가 안 된다.
못생기려면 안정적이기라도 해야할 텐데, 이건 그런 개념이 없다.

우선, 아래의 화면을 보자. 이건 이모티콘이 설정된 상태에서 javascript 코드 일부를 답글로 단 화면이다.

사용자 삽입 이미지

); 가 8개나 들어있는 듯한 javascript 코드


이모티콘과 충돌이 난 것 같은가? 아니다.
원래의 내용을 보자.

사용자 삽입 이미지

짜잔~ ); 는 단 하나도 없다!


그냥 "100"); 이라고 썼을 뿐인데, 이걸 "100"[이모티콘];라고 변형을 한 것이다.
위 내용은 정상적으로 변환되면 이모티콘으로 해석될 부분이 단 하나도 없다.

이따위 버그가 없는 이모티콘 기능을 BBCode에 포함했다.
더불어, 이모티콘을 좀 더 예쁜 놈으로 교체했다. 그리고, 3개를 더 추가했다.

사용자 삽입 이미지
:D

사용자 삽입 이미지
:O

사용자 삽입 이미지
:x


따라서 이 BBCode를 사용하시면 2가지를 염두에 두어야 한다.

1. 기본 플러그인 중에서 이모티콘 플러그인은 사용하지 않아야 함
2. 이모티콘은 자동적으로 적용됨


원래 이모티콘은 잘 사용되지 않는 문자 조합으로 만들어진 것이라 고의로 집어넣지 않으면 만날 일은 별로 없다.
(그런 의미에서 --;는 이모티콘으로는 넌센스다. a--;와 같은 형태로 C/C++ 등의 언어에서 쉽게 볼 수 있으니까.)
그래서, 자동으로 적용되는 것이 그렇게 큰 제약은 되지 않을 것이라 생각한다.

아래 파일을 다운받아 설치하면 되며, 설치법은 역시 BBCode for Tistory 2.1을 참고하기 바란다.


덧. 첨부파일엔 bbemo?.gif의 파일 9개가 있다. 이 파일들이 이모티콘이다.


Trackback 4 Comment 22
  1. Favicon of http://coreanboi.tistory.com BlogIcon 꾼이­ 2009.06.12 00:29 address edit & delete reply

    와! 업데이트 감사합니다.
    그땐 그냥 그러려니 쓰고있었는데 막상 바꿔보니
    확실히 이 이모티콘들이 티스토리꺼보다 훨씬 이쁘네요.

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.06.12 00:35 address edit & delete

      잘 쓰시기 바랍니다. ;)

  2. Favicon of http://oneniner.net BlogIcon oneniner 2009.06.12 08:50 address edit & delete reply

    근디 요 이모티콘~ 네이트온꺼 아닌감?
    걍 쓰면 걸리지 않을라나? ;)

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.06.12 09:33 address edit & delete

      아뉘... 네이트 거 아니얌.
      QAOS에서 사용하는 건데, 여쭤보니, 이미지를 업어온 사이트 자체가 사라졌다고 하시네...
      아래 글 참조...

      http://qaos.com/viewtopic.php?topic=12070&forum=8

  3. Favicon of http://miru.tistory.com BlogIcon miru 2009.06.13 06:00 address edit & delete reply

    BBCode for TiStory 3.1 로 업데이트 되었네요!
    수고하셨습니다~:) 매번 오늘도 따라하는 재미를 안겨주셔서 감사합니다~;)

    BBCode 삽입도우미의 이모티콘도 바꿔주는 노가다가 필요하겠네요~!
    마우스오버시 이모티콘 이미지는 파일명만 바꿔서 올리면 되는데, 삽입도우미의 기본 그레이색 이모티콘 이미지는 티스토리 플러그인에 있는 이모티콘 이미지라서 경로까지 수정해줘야겠어요~!! --; 요건 시간날 때 차근차근 업데이트 할께요~!

    절대 [ur=http://zockr.tistory.com/493]BBCode 삽입도우미만들기[/ur] 포스트 업데이트 하시라는 압력 아닙니다~! :D

    • Favicon of http://coreanboi.tistory.com BlogIcon 꾼이­ 2009.06.13 08:11 address edit & delete

      저같은 경우에는 블루님 홈피 소스에서 복사해서
      절대경로의 앞부분을 지워서 상대경로로 바꿔준 다음에
      댓글 주소를 치환자로 바꿔줘서 썼습니다.

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.06.14 19:20 address edit & delete

      잘 쓰세요... 홍홍

  4. Favicon of http://starfield.tistory.com BlogIcon starfield 2009.06.17 11:48 address edit & delete reply

    적용해 보려고 했는데,
    기존의 관리자 모드에서는 파일업로드 버튼이 안 먹히고,
    새관리에서는 js 파일이 이미지 폴더로 들어가네요..
    일루 올라가는거 맞죠?
    그런데 적용이........
    적용한 곳은 http://buelwoori1.tistory.com

    • Favicon of http://starfield.tistory.com BlogIcon starfield 2009.06.17 13:00 address edit & delete

      아 코드는 먹네요.
      아이콘으로 되는건 따로 만들어야 되는가보죠?

    • Favicon of http://starfield.tistory.com BlogIcon starfield 2009.06.17 15:34 address edit & delete

      으아 해결했어요~
      덕분에 댓글에 이미지도 넣을 수 있겠네요.
      좀 더 수정해 보고 제 블로그에 적용해야겠어요.
      좋은 글 감사요~~

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.06.17 22:10 address edit & delete

      정말로 자문자답하셨군요. ^^;

    • Favicon of http://starfield.tistory.com BlogIcon starfield 2009.06.17 22:40 address edit & delete

      헐~
      혼자서도 잘 놀아요~ ^^;;;

  5. Favicon of http://redmedusa.net BlogIcon ColorFilter 2009.08.17 16:58 address edit & delete reply

    안녕하세요~ 좋은 플러그인 정말 감사합니다 =) 최고네요 하앜
    혹시 설치형 블로그 텍스트큐브에선 어떻게 적용해야하나요?
    bbcode31.js 이 경로를 수정해줘야 하는거 같은데, BBcode helper.exe 이 아이로 BBcode 적용한 상태에서
    bbocde31 경로가 나와있지 않아서;; 답변부탁드립니당 OTL

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.09.20 16:29 address edit & delete

      설치형 텍스트큐브용 BBCode 플러그인은 이미 만들어져 있습니다.
      이건 기능이 상대적으로 떨어질 수밖에 없는 가입형 티스토리를 위한 것입니다.

  6. Favicon of http://comgoon.com BlogIcon 해맑은탱쟈 2009.09.19 02:37 address edit & delete reply

    감사합니다~ 잘 쓸게요~;)

  7. Favicon of http://koc2000.tistory.com/ BlogIcon koc/SALM 2009.11.27 17:04 address edit & delete reply

    벌레 하나요. 구글링을 한 뒤에 그 주소를 붙여넣었더니 벌레가 한 마디 튀어 나오네요.
    [ur=http://www.google.co.kr/search?hl=ko&newwindow=1&q=%22%EC%9D%91%EC%9A%A9+%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8%EC%9D%B4+%EA%B8%B0%EB%B3%B8%EC%A0%81%EC%9C%BC%EB%A1%9C+%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%A5%BC+%EC%A0%80%EC%9E%A5%ED%95%98%EB%8A%94+%EC%9C%84%EC%B9%98%22&btnG=%EA%B2%80%EC%83%89&lr=lang_ko&aq=f&oq=]구글링 결과[/ur]

    올바르게 표현된 것은 다음과 같습니다.
    [ur=http://www.google.co.kr/]구글링 결과[/ur]

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.11.29 23:16 address edit & delete

      아... 또 디버깅의 세계에 푹 빠져야 되는 것인가효... ㅠ.ㅠ

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2009.11.30 19:25 address edit & delete

      까이꺼 뭐 대충~ 캬캬캬
      (포스팅은 나중에 하겠습니다)

    • Favicon of http://koc2000.tistory.com/ BlogIcon koc/SALM 2009.12.01 00:05 address edit & delete

      오호, 고치셨군요. 수고하셨습니다. ^^b [emo=091]

  8. Favicon of http://rebas.tistory.com BlogIcon 레바스 2010.04.14 10:08 address edit & delete reply

    제 블로그에 적용해봤습니다.
    너무 좋네요! :)

  9. 최고 2010.12.24 08:57 address edit & delete reply

    [emo=117]메리크리스마스!
    행복한 성탄절 맞이하세요.
    이모티콘 설치하니까 다 좋은데...
    사이드바의 최근 댓글창에 이모티콘 번호가 노출 되는것이
    영 보기가 안좋네요. 이모티콘 번호가 노출이 안 되도록
    할 수는 없을까요? 답변이 궁금합니다.

    • Favicon of http://zockr.tistory.com BlogIcon BLUEnLIVE 2010.12.24 13:22 address edit & delete

      방법 없습니다.