Flicker Bug

태터툴즈/티스토리 2007.03.06 01:19

테터툴즈 기반의 티스토리를 사용하면서 늘 고민이던 것이 있었다. 티스토리는 현재 나와있는 가입형 블로그들 중에서 회원 스스로가 꾸밀 수 있는 여지가 가장 크며, 트래픽 및 기타 다른 요소도 다 좋았지만 xhtml에 맞게 관리자 페이지를 설계해서인지 관리 화면에만 들어가면 다음 그림과 같은 오류가 생겼다.


티스토리 관리화면에서 이미지가 보이지 않는 현상

티스토리 관리화면에서 이미지가 보이지 않는 현상


첨부한 그림에서 처럼 일부 이미지가 보였다 안보였다 하는 현상과 웹페이지의 반응 속도가 현저하게 떨어져 버리는 문제였다. 그래서 도저히 Internet Explorer로는 사용할 수가 없어서 FireFox로 글을 작성하곤 했는데 블로들을 다니다보니 이런 현상을 겪고 있는 것이 나 혼자만이 아니라는 것을 알았다.

이것은 플리커 버그라고 한단다. 이 현상에 대해서는 태터엔 프랜즈 포럼에서 답이 나왔다는 포스트를 발견하였다.

다음은 TNF 포럼의 Peris님께서 시원스럽게 답변하신 내용이다.

Flicker Bug라는 이름의 IE의 버그입니다. "도구 - 인터넷 옵션 - 일반 - 임시 인터넷 파일 - 설정"에서 "페이지를 열 때마다"로 선택이 되어 있으시죠? "자동으로"로 수정하시면 해결됩니다.

http://www.fivesevensix.com/studies/ie6flicker/ (새 창으로 열기)
나는 IE기반의 Avant browser를 사용하는데, 웬일인지 가끔씩(아니 자주!) 임시 인터넷 파일의 설정이 "페이지를 열때마다"로 바뀌곤 했었다. 사실 이러거나 저러거나 별 차이가 없어서 신경 안쓰고 있었는데, 이러한 경우에는 아주 큰 차이를 보이고 있다. 그런데 내 컴퓨터 사용행태가 뭔가 잘못된게 있는지 "자동"으로 바꿔놓아도 종종 "페이지를 열때마다"로 바뀌곤 한다. 그건 왜 그럴까.

어쨌거나 태터/티스토리 관리자에서 이상한 현상이 일어날때 해결책은 알아내었다. 또 그 증상이 보이면 고쳐야지.

이 내용은 http://www.xcroz.com/60 의 포스트를 통해 알게되었다.

설정

트랙백

댓글

태터툴스용 Snap Preview Anywhere 코드 추가 플러그인 V1.0

태터툴즈/플러그인 2006.12.08 02:07
블로그들을 돌아다니다 보니 블로그에 걸린 링크에 대하여 프리뷰들을 제공하는 모습을 보게 되었다.

"어! 저런 걸 어떻게 하지?" 라고 하며, 그 링크들을 쫓아가 본 결과 에서 제공하는 기능이라는 것을 알게되었다. Snap.com에서는 자바스크립트 및 해당 키코드만을 배포하며, 그것을 Blog의 <HEAD>~</HEAD> 사이에 넣기만 하면 그 기능이 작동한다. 매우 쉬운 구조이다.

그런데 이것 역시 내용은 쉽지만 스킨이 바뀔때마다 스킨에 일일히 넣어주어야 하는 구조라서, 스킨을 바꾸거나 했을 경우에(특히 요즘은 태터툴즈가 업데이트 되는 시기라서 신기능을 적용한 새로운 스킨을 많이 적용해 보는 때이기도 하다.) 넣고 빼기 번거로와서 태터툴즈의 플러그인 형태로 만들어 보았다. 어차피 기존에 만들었던 플러그인을 그대로 응용하다시피 했으니, 짜는데 걸리는 시간은 거의 없다시피했다. ^^;

본문상에 외부 사이트로의 링크가 있고(href 링크) 그 링크 위에 마우스를 올리면 다음 그림처럼 해당 타겟에 대한 프리뷰가 보여진다.

Snap Preview로 보여지는 모습

Snap Preview로 보여지는 모습


이 기능을 설치하기 위해 Snap.com 등록메뉴에 가서 등록을 하게되면 키코드와 등록시에 사용한 URL이 포함된 스크립트를 받게된다.
그것을 잘 분해해 보면 Key와 등록시 등록한 URL을 뽑아낼 수 있는데, 이것을 플러그인 index.php 파일의 18, 19번째 줄의 $key와  $domain 값으로 변경시켜 주면 된다.

index.php $key, $domain 값 변경하기

index.php $key, $domain 값 변경하기


위와 같이 수정한 플러그인을 태터툴즈의 플러그인 디렉토리에 업로드하고 플러그인 상태를 사용함으로 변경시켜 주면 Snap PreView AnyWhere 플러그인을 사용할 수 있으며 설치 후에는 다음과 같이 HTML 코드가 사이트 HTML안에 나타나게 된다.

Preview를 위한 JavaScript가 HTML에 삽입된 모습

Preview를 위한 JavaScript가 HTML에 삽입된 모습


플러그인은 다음 링크에서 다운로드 받을 수 있다.


P.S) RSS에서 에러가 발생한다는 리포트가 있어서, 내용상 중요하지 않은 RSS 적용 삭제.

설정

트랙백

댓글

  • 독트린 2007.01.12 20:16 ADDR 수정/삭제 답글

    궁금한게 있는데요.. 혹시 도메인주소 입력을 2개 이상으로 할수는 없나요? 이미지 포스팅때는 다른 곳을 링크해서 넣거든요.. 그 링크걸은 곳을 넣자니 본 블로그에 걸린 모든 링크가 다 보일테고...

    • Favicon of https://inbox.kr BlogIcon 단비 2007.04.26 12:49 신고 수정/삭제

      티스토리가 그런 경우의 대표적인 예 입니다만, 그에 대한 해결책은 없더군요. 감안해서 사용하세요.

  • Favicon of http://www.hybrid.pe.kr/tt BlogIcon Hybrid 2007.01.12 21:46 ADDR 수정/삭제 답글

    덕분에 잘 씁니다!!! ^^

  • Favicon of http://eldad11.cafe24.com BlogIcon Guju 2007.04.26 08:19 ADDR 수정/삭제 답글

    한참 잘 쓰고 있던 중에 문의 드립니다. 동영상 UCC 삽입시 snap과 겹쳐 보이는 현상이 일어납니다. 플러그인을 최상단에 보이게 할 순 없는지 궁금합니다.

    • Favicon of https://inbox.kr BlogIcon 단비 2007.04.26 12:51 신고 수정/삭제

      동영상과 같이 Snap Preview가 정상적으로 지원하지 못하는 것의 경우에는 차라리 Snap Preview가 생기지 않도록 조치하세요.
      그 방법은 Snap Preview 사이트의 FAQ에 잘 나와 있습니다.

엇, 스킨이 자바스크립트 에러라니.

단비의 일상/IT Episode 2006.08.03 23:33
내 블로그는 원래 EXAKO.net-JH월드에서 배포하는 bko스킨을 내 태터툴즈 블로그에 사용하고 있었다. 그것도 아주 오랫동안.

그런데 이것이 오래전에 배포된 것이다보니 태터툴즈 1.0.6.1 버전에서 자바스크립트 에러를 내고 말았다. 바로 고쳤어야 했건만 내가 Avant Browser - MDI 형식으로 다중 창 관리가 되는 웹브라우저다 - 를 쓰다보니 자바스크립트 에러를 레포팅 하여주지 않아 모르고 있다가, 다른 곳에서 인터넷 익스플로러로 접속 할 일이 있어서 들어가 보니 자바스크립트 에러를 내고 있는 것이었다.

블로그에서 발생한 자바스크립트 에러


나도 개발자 족속의 일원인데, 이렇게 망신살 뻗치는 일이. 쩝.

그 범인은 바로 자바스크립트들을 모아 놓은 common.js 파일이었는데, 직접 소스보기에서 보여지는 부분이 아니라서 에러난 부분을 찾는데 애를 조금, 아주 조~금 먹었다.

블로그의 전체 소스를 PC로 다운받아놓고 Total Commander로 문자열을 검색하여 어떤 파일에서 문제가 있었는지를 찾아내는 넌센스를 벌이고 말았으니... 흐.

사실, 쉘 상에서 다음과 같이 명령만 실행해도 되는 것이었다. 그런데, 호스팅 환경이다보니 일체의 리눅스 명령어를 사용할 수 없게 막아놓은 것이다. 그러니 그것을 하기 위해 그 난리를 치지.

$egrep -i "top.hiddenFrame" `find . -type f -print`
저 명령만 실행할 수 있었어도 금방 고치는 것이었는데.

어쨌거나, 어떤 파일이 문제인지 알았으니 실제 코드 수정에 들어가 보자. 아마 태터툴즈의 버전이 올라가면서 히든프레임을 쓰는 뭔가가 생겼나보다.
그래서 실제 코드를 찾아가 보니 다음과 같았다.

수정전에 문제가 되었던 코드

음, 노래를 재생하는 것과 관련된 코드네. 하지만 난 홈페이지 혹은 블로그가 시끄러운 것은 싫어하니 저 코드를 수정하면 가볍게 해결되겠다는 생각을 하고 작업에 들어갔다. 하지만 내가 나중에 혹시라도 음악을 포스팅 할 일이 있을 지 모르니 코멘트 기호(//)로 기능을 아예 막아버릴 수는 없었다.

어차피 저 코드가 기능을 하려면 어떤 방식으로건 프레임이 생성이 되어야 하니... 이렇게 고치면 되겠네. 거기다 현재 스킨은 통짜니까 저 코드가 작동할 일은 없을 테구.

그래서 고친 코드는 다음과 같다.

에러가 안나도록 수정한 코드

깔끔하구 좋찮아~~~~~~~~~~~

그래서 동작시켜 보니, 와우! 에러 안난다. 해결!

설정

트랙백

댓글

태터툴즈용 파일 다운로드 플러그인(20060707 업데이트)

태터툴즈/플러그인 2006.07.07 14:55
이번에 만든 플러그인은 이미 기존에 태터툴즈에 있는 기능을 찾아내지 못하여 플러그인을 만드는 삽질을 한 것이 아닌가 하는 불안감이 드는 플러그인이다.
절실히 필요한 기능일텐데, 그것이 기능으로 뽑혀있지 않다는 것이 이해가 가지 않았다. 그것이 이 플러그인을 만들게 된 계기가 되었다.

태터툴즈용 파일 다운로드 플러그인은,

태터툴즈에서 이미지 파일이 아닌 다른 파일을 링크할 때, 그것을 첨부파일로 처리하여 테터툴즈 데이터베이스에 넣어 관리하고자 한다면 파일 업로드 시에 파일 이름이 숫자의 조합 + 확장자로 바뀌는 것을 감수해야 했었다.

자기가 개발한 플러그인이나 기타 조그마한 파일들을 블로그에 업로드 해 두었다가 다른 사람이 다운받으려 한다면 원래 파일 이름에서 바뀐 이름으로 다운로드 받게 할 수 밖에 없었는데, 이것을 개선하여 원래 업로드 할 당시의 파일 이름으로 받을 수 있게 하는 기능의 플러그인을 만들었다.

플러그인의 설계 및 구성은 단일 사용자 모드 및 멀티 사용자 용 모두를 고려해서 구성하였으나 실제 테스트는 단일 사용자용에서만 이루어졌기에 다른 멀티 사용자용 테터툴스를 운영하는 곳에서 테스트가 이루어지기를 바란다.

태터툴즈용 파일 다운로드 플러그인의 사용법 및 설치법은 다음과 같다.

테터툴즈의 플러그인 디렉토리에 플러그인을 설치하고 관리페이지에서 사용함으로 설정하면 관리자의 글 작성 메뉴에 다음 그림과 같이 아이콘이 추가된다.

글 작성 에디터에 플러그인이 적용된 모습

블로그에 글을 작성하다가 다운로드 할 파일을 링크하고 싶은 위치에 커서를 위치하고 다운로드 시킬 파일을 파일 목록에서 선택한 후   아이콘을 클릭하면 에디터 상에 과 같은 문자열이 나타나는데, 그 중 닫는 대괄호와 여는 대괄호 사이에 다운로드 받을 파일에 대한 설명을 입력해 주면 된다.

사용 예는 다음과 같다.

ex)

플러그인을 통해 다운로드를 받게 되면 다음 그림과 같이 업로드 당시의 파일 이름으로 다운로드 받을 수 있다.

플러그인을 통해서 파일을 다운로드 받는 모습

플러그인 다운로드 : 파일 다운로드 플러그인 내려받기

P.S [각주:1] [각주:2] [각주:3] [각주:4]
  1. 어째 플러그인 만드는 데 들었던 시간보다 그걸 설명하기 위한 포스트를 쓰는데 드는 시간이 더 많고, 어려웠던 것 같은 느낌이 드는 것은 왜일까. 역시 개발자는 글쓰기가 어렵다는 한계에 부딛치는 것인가. [본문으로]
  2. 임의로 만든 다운로드 모듈은 태터툴즈의 여러 기능을 제약하는 것 같아서 다운로드 모듈 부분은 태터툴즈가 제공하는 것으로 변경하였다.(2006. 06. 05.) 단, 이 기능 변경으로 인하여 이미지의 다운로드 기능은 삭제하였다. [본문으로]
  3. 웹루트에 바로 설치하지 않고 서브디렉토리를 만들어 태터를 설치한 경우 로그인 여부에 따라서 링크가 걸리지 않는다는 버그리포트가 있어서 HTML로 단순 링크를 거는 것에서스크립트의 위치에서 경로를 만들어내도록 수정하였으며, Feed Burner와 같은 외부 RSS Feeding 사이트를 거쳐 Feeding 받더라도 다운로드가 동작하도록 수정하였다.(2006. 06. 21.) [본문으로]
  4. 서브디렉토리에 태터를 설치한 경우의 다운로드 링크에 버그가 발견되어 동작하도록 다시 수정하고 테스트 하였다.(2006.07.07.) 2006년 7월 7일 18시에 다시 한번  더 파일을 수정하였다. [본문으로]

설정

트랙백

댓글

  • Favicon of http://www.ideakiss.com BlogIcon 김형균 2006.06.03 15:16 ADDR 수정/삭제 답글

    태터 프렌즈에도 적어두었지만
    exe파일 과 zip 파일의 경우는 그냥 업로드 시키고. 이미지 붙여넣는 것 처럼 "선택한 파일을 글 xx에 정렬합니다" 누르면 다운로드 받을 수 있게 되던데요...;; 파일 명도 바뀌지 않고 그대로 받을 수 있구요..;;
    다른 파일도 이상없이 동일한 형태로 작동할것이라 생각합니다만...

    무엇이 다른건가요...;;? 다른점을 구체적으로 알려주시면 사용하는데 도움이 될것 같습니다.

    • Favicon of http://blog.mydevs.com BlogIcon 단비 2006.06.03 21:59 수정/삭제

      역시나, 유사한 기능이 있었네요. 올린 파일 이름 그대로 받기. 그런데 그 방법으로는 하이퍼 링크를 걸 때 처럼 파일이름이 아닌 다른 문자열에는 다운로드 링크를 걸 수가 없네요.
      이 플러그인에서는 그것이 자유롭습니다. 또한 이미지도 다운로드 됩니다.
      정확한 사용 예는 링크 페이지에 보시면 됩니다.

  • Favicon of http://ikgb76.new21.net BlogIcon 버미 2006.06.04 13:43 ADDR 수정/삭제 답글

    플러그인을 사용으로 하고 테스트를 했는데요..
    링크를 클릭하면 아래와 같은 오류메세지가 뜹니다.
    "You have an error in your SQL syntax. Check the manual that corresponds to your MySQL server version for the right syntax to use near 'AND name LIKE '1204707872.dll'' at line 1"

    문제가 무엇일까요????

    • Favicon of http://blog.mydevs.com BlogIcon 단비 2006.06.04 14:46 수정/삭제

      블로그를 방문해 보니 URL이 특이하게 되어 있는 구조네요.
      테터툴즈가 멀티형으로 설치된 것 인지요... 싱글형인지요.
      멀티형에서 subdomain ID를 취득하는 과정에서 발생한 에러로 생각됩니다.

    • Favicon of http://ikgb76.new21.net BlogIcon 버미 2006.06.04 16:27 수정/삭제

      네.. 멀티형인데요.. 훔..

      거기서 문제가 되는건가요? 훔...

    • Favicon of http://blog.mydevs.com BlogIcon 단비 2006.06.05 01:59 수정/삭제

      임의로 만든 다운로드 모듈은 태터툴즈의 여러 기능을 제약하고 멀티 및 여러 브라우저에서의 기능에 문제가 있는 것 같아서 다운로드 부분은 태터툴즈가 제공하는 기능으로 변경하였습니다. 설치해 보시면 동작 할 것입니다.

    • Favicon of http://ikgb76.new21.net BlogIcon 버미 2006.06.05 15:59 수정/삭제

      감사합니다.

      잘쓸께요.. ^^

  • Favicon of http://romo.skynet.co.kr/tt BlogIcon romo 2006.06.20 16:57 ADDR 수정/삭제 답글

    설치 폴더가 최상위가 아닌 /tt ,처럼 아래 폴더에 설치 되었을경우
    다운로드 주소가 /tt를 포함하지 않아서 경로 에러가 납니다. 수정 부탁 드립니다.
    로그인 상태에서는 정상적으로 다운로드 경로가 설정되지만
    로그아웃상태에서는 /tt 가 사라져 버리더군요. ㅋㅋ

    • Favicon of http://blog.mydevs.com BlogIcon 단비 2006.06.21 00:37 수정/삭제

      이 플러그인은 로그인 여부에 따라서 동작이 달라지지는 않습니다. 그러나 버그 리포트가 있는 바, 스태틱 HTML 링크에서 스크립트의 위치로부터 다운로드 경로를 계산하도록 플러그인을 수정하였습니다.
      그러나 개발환경이 되는 태터툴즈가 웹루트에 설치되었는 바, 서브디렉토리에 설치되어 있는 테터툴즈에서 테스트를 부탁드립니다.

  • Favicon of http://albeig.net BlogIcon 리즈 2006.07.07 00:09 ADDR 수정/삭제 답글

    이 플러그인을 적용해 보았는데요…
    뭔가 이상하다고 해야 하나 (..

    사용환경 : 루트에 tt 서브 폴더를 만들어 거기에 테터 설치.

    이 플러그인으로 올려 놓은 파일을 확인하기 위해 로그인 안 한
    방문자 상태에서 링크 위에 마우스를 올려 놓으니
    "http://albeig.net/attachment/084372.mp3"

    위와 같은 식으로 표시가 됩니다.
    그래서 파일 없다면서 에러가 나는데…

    관리자로 로그인 후에 다시 보면
    "http://albeig.net/tt/attachment/084372.mp3"

    사이에 tt 가 갑자기 끼어든단 말이죠 :D
    방문자 상태에서는 tt 가 링크에 없는데, 관리자로 로그인 후에
    글을 보면 tt 가 링크에 끼어들어 다운로드가 가능하게 됩니다.


    아마 P.S 3번에 달린 게 잘 작동하지 않는 듯도 싶은데…
    확인 좀 부탁드려요 ~*


    그리고…
    링크 걸린 거 파란 글씨가 조금 그런데…
    링크 글씨 색깔은 어떻게 바꾸나요? ^^;

    • Favicon of http://blog.mydevs.com BlogIcon 단비 2006.07.07 14:59 수정/삭제

      그런 질문이 종종 있어서 제가 다른 계정에 직접 서브 디렉토리를 만들고 태터를 설치한 후 테스트 해 보았더니 버그를 확인하였습니다.

      업데이트 버전을 제 블로그에 올렸습니다. 다시 설치해 보십시오.

      그리고 링크 색깔 바꾸는 것은 index.php에 보면 링크 거는 부분이 있습니다. 그곳에서 스타일을 조정해 주면 됩니다. 그런데 이 링크가 파랗게 보이신다면 다른 모든 링크도 파랗게 보이는 설정입니다.(일반 링크와 같게 보이는 설정이니까요)

      제 경우는 툴팁 플러그인을 적용했기 때문에 두개가 충돌하여 무지개빛 링크가 적용 안된 케이스입니다.

    • Favicon of http://albeig.net BlogIcon 리즈 2006.07.07 15:49 수정/삭제

      감사합니다 ^^

      그런데 버그를 하나 더 발견한 듯… ;

      블로그에 접속해서 메인 페이지의 글에 담긴 파일을
      다운받는데는 문제가 없는데, 카테고리나 밑에 있는
      번호를 클릭해서 넘어가면 링크 주소도 바뀌어서
      다운이 안 되더라구요 ^^;

      http://albeig.net/tt/attachment/파일명

      으로 고정이 안 되는 (..

      http://albeig.net/tt/entry/FateStay-Night-Animation-OST/attachment/1085630142.mp3

      이런 식으로 이동한 상태의 경로가 들어가서 다운이 :D

    • Favicon of http://albeig.net BlogIcon 리즈 2006.07.07 19:07 수정/삭제

      정말 잘 작동하네요.
      감사합니다 /ㅁ/

    • Favicon of http://blog.mydevs.com BlogIcon 단비 2006.07.07 23:31 수정/삭제

      방금 지적하신 버그를 수정하여 다시 업로드 하였습니다.
      제가 서브디렉토리에 설치한 태터에서는 잘 동작합니다.

  • BlogIcon 9gle 2006.07.08 16:27 ADDR 수정/삭제 답글

    좋은 프러그인이네요.
    나중에 쓰게되면 트랙백 날려드릴께요..

  • Favicon of http://hackishboy.skynet.co.kr BlogIcon 김주현 2006.07.11 19:56 ADDR 수정/삭제 답글

    님 그래도 플러그인이 안되요,,, ㅜㅜ
    플러그인 다시받아업해도,,,, 안된다는.....
    저는 루트폴더에다가 ta 라고 테터폴더를 만들엇거든요,,,,,
    어떻게적용해야하는지 ,,,,
    여기좀 오셔서 (http://orz.co.co.kr/) 가장최근게시물에 걸려있는
    음악다운로드링크 눌러보시고 해결책을 알려주시면 감사하겠습니다...
    수고하세요

    • Favicon of http://blog.mydevs.com BlogIcon 단비 2006.07.11 23:48 수정/삭제

      김주현님 서버를 살펴보면 일반 이미지의 경우 http://hackishboy.skynet.co.kr/ta/attach/1/1298523109.jpg 와 같이 루트 밑에 ta 디렉토리를 만든 것으로 되어 있습니다.

      그런데 사이트를 방문해 보니 http://hackishboy.skynet.co.kr/ta/hackishboy 와 같이 한뎁스가 인위적으로 내려와 있네요.

      파일다운플러그인이 만들어 낸 다운로드 URL도 정상적으로 표시하여야 할 위치인 http://hackishboy.skynet.co.kr/ta/attachment/1265477322.mp3 와 같은 경로를 보내주므로 경로상으로 이상이 없습니다. 플러그인을 어디에 몇 뎁스로 설치하셨는지요.

      웹브라우저가 접근했을 때, .htaccess 파일에 설정된 attachment 항목에 따라 URL-Redirect 모듈을 사용하여 다운로드 받게되는데, 서버 설정의 영향으로 비정상적으로 동작하는 것 같습니다.

      TnF 포럼( http://forum.tattertools.com/ko/viewtopic.php?id=460 )에서도 서버 설정에 따라 다르게 동작할 수 있음이 논의 되었습니다. 서버 관리자에게 문의해 보십시오.

      그리고 플러그인 사용 없이 파일을 이미지 붙여넣는 것 처럼 붙였을 때도 동작하는 지 확인해 보시기 바랍니다.(압축 파일로 테스트 해 보세요.)

  • Favicon of http://hackishboy.skynet.co.kr BlogIcon 김주현 2006.07.12 15:28 ADDR 수정/삭제 답글

    감사합니다... 시도해보겠습니다,

  • 잔별 2007.05.28 22:56 ADDR 수정/삭제 답글

    플러그인 다운로드 안되나요...

    • Favicon of https://inbox.kr BlogIcon 단비 2007.05.31 23:19 신고 수정/삭제

      블로그를 티스토리로 이전해서 태터시절에 플러그인으로 동작하는 포스트가 풀린 것을 몰랐네요. (이 포스트는 거의 1년 전 것이로군요.)
      그래서 내용을 수정하여 플러그인을 다운로드 받을 수 있도록 해 두었습니다.

  • Favicon of http://cooljun.dyndns.org/ttt/cj2 BlogIcon CoolJun 2007.10.16 16:21 ADDR 수정/삭제 답글

    안녕하세요~ TT에서 단비님이 올려주신 플러그인을 잘 사용하던 유저입니다.
    TC로 넘어오면서..정상적으로 동작을 안하네요.
    혹시 TC용으로 수정작업 계획은 없으신지 조심스럽게 문의 드려봅니다.

티스토리, 개인도메인 활성화

태터툴즈/티스토리 2006.06.28 00:07
드디어, 티스토리에서 개인도메인을 쓸 수 있게되었다.
그렇게 바라던 기능이었는데 어째 시원섭섭하다.

왜 그런고 하니... 지금 현재 쓰고 있는 환경보다 월등히 좋은 인프라 환경인 티스토리이기는 하지만, 원래 가입형 블로그에 만족을 못하고 예전부터 설치형 환경을 써와서 그런지 티스토리가 아무리 훌륭한 환경을 만들어 줘도 뭔가 아쉽다.

포탈의 도메인을 쓰는 것에 아쉬움을 가지고 있다가 개인 도메인을 사용할 수 있게 되었지만 하나가 해결되니 또 다른 것이 아쉽다. 태터툴즈의 스킨이야 어떻게든 해결이 될테니 시간이 해결해 줄 테고, 그것 쯤은 어떻게든 기다릴 수도 있다. 그런데!

플러그인이 아쉬운거다.

애당초에 티스토리 측에서도 스킨까지는 지원을 하겠으나(개별 스킨이 지원되면 할 일이 많다. Google Analytics 및 Trace Watch 스크립트를 집어넣어야 한다.) 플러그인의 경우 최근 추가된 주석(Footnote) 플러그인만 해도 플러그인이 동작하여 주석이 만들어졌을 때의 컬러가 마음에 들지 않는다. 원래 디자인은 박스가 쳐져 있는 것이었는데, 티스토리에 추가된 것은 박스가 거의 보이지 않는 디자인이다. 그런 부분이 바로 2% 부족한 뭔가로 다가온다.

트래픽 제한도 없고 사이트 속도도 빠르고(그에 비하면 지금 사이트는.... 너무 느리다.) 그런데 나 자신도 플러그인을 직접 만들어 쓰기까지 하는 형편인데 플러그인 쪽은 손을 댈 수 없다니, 마치 한쪽 팔을 묶고 달리기를 하는 느낌이다.

그렇다고 티스토리가 있는데, 다른데 계정을 사용하기에는 티스토리 계정이 아깝고...

아직 베타이니 좋아지기를 바래야지. 제발, 부디 플러그인에 대한 제한은 어떻게든 풀어질 수 있었으면.(하지만 이건 티스토리 측이 말한 공약사항이 아니라서... 사실 좀 부정적이긴 하다.)
티스토리에 개인 도메인을 설정할 수 있게되었다.
더 자세한, 앞으로의 방향 및 이번 기능 개선으로 인한 효과 및 피드백에 관한 것은 TnF 포럼에 가 보면 자세한 이야기를 알 수 있겠지. 가끔은 그런 곳이 더 재미있단 말이야.

글을 쓰고나서 올블의 관련 게시물들을 보니 각주 플러그인(FootNote)의 디자인을 변경하는 법을 알아냈다.[각주:1]
이 블로그에서 보이는 것과 같은 효과를 얻기 위해서는 다음과 같은 CSS를 삽입해 주면 된다.
/*FootNote 관련*/
div.footnotes {
border:1px solid silver;
padding-right:10px;
background:IVORY;
}
ol.footnotes {
border:0px solid silver;
padding-right:10px;
background:IVORY;
}
  1. 각주 플러그인의 디자인을 변경하기 위해서는 플러그인을 수정하는 것이 아니라 CSS 파일에 div.footnotesol.footnotes의 스타일을 정의해 주면 된다. div.footnotes 에는 외곽선을 solid로, ol.div에는 외곽선의 폭을 0으로 해 주면 보기 좋은 모양이 나온다. [본문으로]

설정

트랙백

댓글

블로그와 스팸 차단

많은 분들이 블로그에 몰리는 스팸 때문에 골치를 썩고 계십니다. 저도 예외는 아니어서, 하루 1G 트래픽의 계정을 사용했었지만 반나절이면 트래픽이 모자라곤 했었습니다. 그리고 방문객의 수를 보면 하루에 200 명 이상... 내가 그렇게 인기 블로거였나.. ;;;
하지만, 이것은 다 허수입니다. 스팸 및 검색엔진에서 날리는 봇들 때문이지요. 웬만한 저가형 웹호스팅에서는 저가로 서비스를 제공해 주는 대신, 로그분석 등의 서비스는 일체 제공하지 않습니다. 그러다보니 트래픽이 모자란 것이 스팸 봇에 의한 것인지 이미지 및 다른 파일의 외부 링크에 의한 것인지 판단할 방법이 없지요.
그래서 순차적으로 제가 적용한 방법은 이렇습니다.

1. 이미지 및 다른 파일의 외부 링크 방지
#계정 웹루트의 .htaccess 파일에 설정합니다.
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} .*jpg$|.*gif$|.*png$ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !mydevs\.com [NC]
RewriteCond %{HTTP_REFERER} !google\. [NC]
RewriteCond %{HTTP_REFERER} !search\?q=cache [NC]
#WaterMark
#RewriteRule (.*) image.php?image=$1
#Cut External Link
RewriteRule (.*) noimage.php?image=$1

2. 들이대기가 심한 야후 봇의 거절(하루에 몇백 건 이상의 히트수를 기록합니다!)
#계정 웹루트의 robots.txt 파일에 설정합니다.
User-agent: Slurp
Disallow: /

3. 태터툴즈 최신 버전(1.0.6) 설치

4. 태터툴즈에 스팸 키워드 등록(Online, Casino, href 등)
본문 필터링 : href
이름 필터링 : buy와 online

5. Referer가 스팸키워드일 때, 접근 금지 설정
#계정 웹루트의 .htaccess 파일 최 상단에 설정(내용은 단 두줄입니다. 그러나 내용이 길어서 여러 줄로 보일 수 있습니다.)
[DN=cfile27.uf@262BAD3D58776F7F0BF69D.txt].htaccess 파일 설정[/DN]

위와 같은 작업을 해 놓은 지금은 트래픽이 아주 약소합니다. 혹시 선의의 피해자가 생기기는 하나 제가 모르는 것일 수도 있겠습니다만, trace watch 및 Google Analytics로 분석해 볼때 실 유저만 접근하는 것으로 판단됩니다.

설정

트랙백

댓글

Feed Burner, 잘 못 쓰면 독이 된다.

단비의 일상/IT Episode 2006.06.22 16:03
바로 어제 Feed Burner 인코딩 오류 사태가 있은 이후, 올블 등 메타블로그 사이트에 피드 버너 관련 포스팅이 많이 등장하였다. 그래서 예전에 태터툴즈 피드버너 플러그인으로 태터툴즈 사용자에게 소개된 피드버너를 유행에 맞춰 내 블로그에 달았었던 피드버너로의 피딩을 다시 행각 하게 되었는데... 바로 이것에서 문제가 발생하고 있었다.

Feed Item Link가 체크 되어 있다.
피드버너는 RSS 피딩을 중계해 주는 사이트로서 나처럼 독립 도메인으로 블로그를 운영한다면 어찌 보면 필요 없는 서비스이기도 하다. 하지만, 그넘의 호기심이라는 게 뭔지.... 플러그인을 사용해서 블로그에는 설정하고 블로그 메타 사이트에는 이전 주소 그대로인 http://blog.mydevs.com/index.xml로 RSS 피딩 위치를 설정해 두었었다. (어차피 RSS 리다이렉션 시켜놓는 설정을 했으므로 저 위치로 피딩을 하더라도 실제로는 피드버너에서 생산된 피드를 받아보게 된다.)

문제는 무엇인고 하니, 피드버너를 사용하면서 부터 이상하게 올블에서 같은 태그의 포스트들을 관계 글로 설정하여 보여주는 Allblet 플러그인이 작동하지 않아서 왜 그럴까.... 하고 있었는데, 위쯔님의 올블 툴바보다심각한. 피드버너의 메타정보 파괴 현상.
포스팅을 보고 원인을 알 수 있었다.

Allblet 플러그인은 포스팅의 고유 주소를 참조하여 비교하는데, 내가 여지껏 포스팅한 글들은 아래 그림처럼 피드버너 사이트로 링크가 변해있었던 것이다!

피드버너가 외국 사이트이기도 하고 사용법이 영 복잡한데다가, 사이트가 느리기도 해서 메뉴얼을 잘 보지 않았더니 이렇게 망할 현상이 일어날 줄이야.

그런데 이상한 것은, 나는 피드버너의 설정값을 건드릴 줄을 몰라서 변경한 일이 없는데, 설정값 중 "Feed Item Link" 항목에 체크가 되어 있었던 것이다. 우크라치치님의 피드버너의 고유주소 왜곡, 오해입니다 포스트에  따르면 초기값은 체크가 안되어 있는 것이라던데, 내 피드버너 설정에서는 왜 체크가 되어 있었는지...

<link>기준이 피드버너 사이트이다.

"Feed Item Link" 항목에 체크되어 있는 경우, 링크 항목은 피드버너 사이트를 기준으로 링크 URL이 작성되어 피딩되게 된다.

이러한 현상은 태터 툴즈 플러그인을 작성할 때도 영향을 미치는데, 일반적으로 플러그인이 독립적으로 사용하는 이미지 등을 본문에 표현하기 위해서는 이미지를 플러그인과 같이 배포하고 그 위치를 정하기 위해 $pluginURL 이라는 변수를 사용하는데, 이와 같은 경우 호스트 정보가 없이 URL 정보만을 주는 $pluginURL 변수 만으로는 피드에서 정확한 정보를 표현할 수 없다.

정확한 정보를 표현하기 위해서는
$_SERVER[HTTP_HOST].$pluginURL
과 같이 표현해야 정확한 플러그인의 위치를 표현 할 수 있다.

설정

트랙백

댓글

  • Favicon of http://kebie.linuxstudy.pe.kr/blog.html BlogIcon kebie 2006.06.22 01:26 ADDR 수정/삭제 답글

    음... 올블로그에 RSS피드주소 등록을 피드버너 주소로 하신건가보군요...

    • Favicon of http://blog.mydevs.com BlogIcon 단비 2006.06.22 10:27 수정/삭제

      그 반대죠. 올블에 등록하기를 http://blog.mydevs.com/index.xml 로 제 소유 도메인으로 한거죠.
      올블릿 플러그인도 당연히 그렇게 검색하도록 프로그램 되어 있구요.

    • Favicon of http://kebie.linuxstudy.pe.kr/blog.html BlogIcon kebie 2006.06.22 11:14 수정/삭제

      엇... 이상하네요... 단비님 소유의 도메인의 RSS피드주소를 등록하셨다면... 피드버너와 올블릿 플러그인은 별로 관계가 없을 것 같은데...

      덧.
      아하! 피드버너 구독자의 경우에 저 주소로 들어와서 문제가 된다는 말씀이셨군요... 요즘 야근 몇번 했더니 이해력에 문제가... -_-;;

  • Favicon of http://heygom.com BlogIcon 2006.06.22 12:34 ADDR 수정/삭제 답글

    저는 예전에 가입했을 때도 [Feed Item Link]가 설정되어 있지 않았고, 링크하신 글을 쓰기 위해 새로 피드를 만들었을 때도 설정이 되어 있지 않았는데, 새로 가입한 사람은 기본으로 활성화가 되는 것인지 저도 정확히는 모르겠습니다.

  • Favicon of http://wiz.pe.kr/ BlogIcon wiz 2006.06.22 20:33 ADDR 수정/삭제 답글

    피드버너 잘활용하면 약이지만..잘못 하면 독이 될 수도 있는 서비스인것 같습니다.^^

태터툴스용 Google Analytics 코드 추가 플러그인.(TatterTools 1.0.6 Update)

태터툴즈/플러그인 2006.06.16 01:36
나도 개발자라는 족속이다 보니, 내가 운영하는 블로그 - 태터툴즈 - 에 사용하는 플러그인 프로그램을 만들었다.

아니, 만들었다는 말이 부끄러울 정도로 발.로.짰.다.

어떤걸 짰는고 하니, Google에서 제공하는 통계 프로그램을 블로그에 설치했을 때, 그 통계 수집 코드를 사용하는 스킨의 skin.html에 넣어주어야 하는데, 스킨을 여러번 바꿔보니 스킨을 바꿀 때 마다 그 변경사항을 일일히 스킨에 반영하는 것이 귀찮아서 플러그인 형태로 뽑아냈다.

(누군가 그랬다. 개발자는 가장 귀찮은 것을 참을 줄 모르는 사람이라고.)

Tatter Tools 1.0.5 버전까지는 스킨 관련 치환자의 부재로 플러그인을 설치하기 위해서는 skin.html 파일을 수정하여야 했으나, 업데이트된 1.0.6 버전에서는 플러그인 설치만으로 완료된다. 단, 태터 1.0.5 버전 이하 사용자는 이 포스트에 첨부되어 있는 1.0.5 버전용 플러그인을 사용하여야 하며, 스킨 파일에 치환 문자열을 넣어야 한다.

설치 방법은 다음과 같다.
Google Analytics 사이트에 접속하여 Analytics Settings > Tracking Status 로 들어가 보면 다음과 같은 코드를 홈페이지에 추가하도록 제시하고 있다.
그 중, _uacct 변수에 할당되는 문자열(그림 참조)을 플러그인의 $account_str 변수에 할당한다.

Google에서 제공하는 Google Analytics 설치코드

[CODE type=php]
function GoogleAnalytics($target, $mother) { [br]
$account_str = "??-??????-?" <- 바로 이 부분의 문자열을 변경한다.
[/HTML][/CODE]
1.0.6 업데이트 사항 : Tatter Tools 1.0.6 부터 추가된 스킨 관련 치환자 사용으로 스킨에 직접 치환 문자열을 넣지 않고 플러그인 설치만으로도 동작되게 하였습니다.

설치 방법 :
[Tatter Tools 1.0.6 이상]
스킨의 수정 없이 플러그인 설치후 플러그인을 활성화 시켜주는 것만으로 모든 것이 완료된다.
[Tatter Tools 1.0.5 이하]
skin.html 의 원하는 곳(</BODY> 직전의 아무곳이나 좋다.)에 [##_GoogleAnalytics_##] 문자열을 넣고 플러그인 관리 메뉴에서 플러그인을 활성화 시켜주면  홈페이지 출력시에 Google Analytics 코드가 출력된다.

마지막으로 반영된 것의 확인은 태터툴즈를 웹브라우저로 접속하여 소스보기로 확인하면 된다.

플러그인 다운로드 :
[Tatter Tools 1.0.6 이상]  Google Analytics 플러그인 다운로드 For Tatter Tools 1.0.6
[Tatter Tools 1.0.5 이하] Google Analytics 플러그인 다운로드 For Tatter Tools 1.0.5

단, TextCube에서는 동작이 확인되지 않았으니 사용에 주의하기 바란다.

설정

트랙백

댓글

  • Favicon of http://wisone.tistory.com/ BlogIcon 위즈원 2006.05.27 15:25 ADDR 수정/삭제 답글

    아직 사용해보지는 못했지만, 편리하게 사용할 수 있게 만들어주신 것으로 생각됩니다. 티스토리에서도 스킨의 수정이나 플러그인의 추가가 자유로워진다면 꼭 사용해보고자 합니다.

  • Favicon of http://pannella.idomz.net BlogIcon 항아 2006.06.03 11:50 ADDR 수정/삭제 답글

    설치 끝냈습니다. 앞으로는 스킨 바꿀때마다 일일히 코드를 넣지 않아도 되겠네요. 잘 쓸게요^.^

  • Favicon of http://lunamoth.biz BlogIcon lunamoth 2006.06.26 15:25 ADDR 수정/삭제 답글

    플러그인 감사드립니다. / 적용시 자바스크립트 오류가 발생하는것은 어떤문제일런지요. 기본 스킨으로 해놓고 적용시켜도 오류가 발생하는군요. Google Analytics 플러그인만 활성화 했을시에도 오류가 발생하는 것으로 볼때 다른 플러그인과의 충돌은 아닌것 같습니다. 태터 1.0.6, 1.0.6 용 플러그인 사용중입니다.

    • Favicon of http://blog.mydevs.com BlogIcon 단비 2006.06.26 23:56 수정/삭제

      lunamoth 님 블로그에서 스팸관련 포스트를 보고 트랙백 포스팅을 작성중이었는데 방문하셨네요.
      작성 다 되면 트랙백하겠습니다.
      그런데, lunamoth 님의 블로그로 방문해 보았습니다만 제가 스크립트 검사 옵션을 꺼놓거나 해서인지는 잘 모르겠습니만 제 브라우저(IE6.0)에서는 스크립트 에러가 발생하지 않습니다.

    • Favicon of http://lunamoth.biz BlogIcon lunamoth 2006.06.27 00:25 수정/삭제

      답변 감사드립니다. 익스 설정을 조정해봐야 겠군요.

  • Favicon of http://jmare.com BlogIcon 정상훈 2006.07.02 15:00 ADDR 수정/삭제 답글

    단비님 덕분에 스킨 변경 시 매번 Google Analytics 코드를 추가하는 번거로움 없이 잘 사용하고 있습니다^^
    제가 태터를 다중 사용자 모드로 사용하고 있는데요.
    꽁수로... 플러그인 폴더를 하나 더 만들어서 tag name만 변경시켜서 사용하고 있습니다. ^^:
    혹, 다중 사용자모드를 위한 플러그인 업데이트 계획은 없으세요?

    • Favicon of http://blog.mydevs.com BlogIcon 단비 2006.07.02 17:45 수정/삭제

      Google Analytics 플러그인과 같이 사용자 개별로 데이터가 필요한 플러그인의 경우 그 정보를 DB에 저장해야 하는데, 그렇게 되면 보안상 위험을 비롯한 많은 문제점을 내포하게 됩니다. 그래서 기본적으로 그것은 생각하지 않고 있습니다.
      다중 사용자 모드에서 플러그인을 자유롭게 다루실 수 있다면 서버 관리자이실 듯 싶습니다. 따로 태터 하나를 더 설치해도 상관 없을 것 같습니다.

  • Favicon of http://ssabu.wowdns.com BlogIcon 이영주 2006.08.25 21:09 ADDR 수정/삭제 답글

    덕분에 Google Analytics 를 설치했습니다. Gmail 아이디가 있었는데. 바로 신청이 가능하네요...현재 실시간 적용된 통계를 볼 수는 없지만 지달려볼랍니다..ㅎㅎㅎ...단비님 감사.감사.감사

  • Favicon of http://daker.pe.kr BlogIcon 다꺼 2006.09.04 18:40 ADDR 수정/삭제 답글

    아주 간단하면서도 머찐 플러그인 잘 쓰고 있습니다. 블로그가 너무 멋집니다!!!

  • Favicon of http://www.xcroz.com BlogIcon xcroz 2007.09.14 18:07 ADDR 수정/삭제 답글

    다운받을려고 왔는데 주소가 깨졌있네요 ^_^

    • Favicon of https://inbox.kr BlogIcon 단비 2007.09.15 14:00 신고 수정/삭제

      워낙 예전에 작성한 글이고, 테터툴즈로 이동하면서 모두 고치지 못했었습니다.
      링크 주소 수정하였습니다.