왕미친놈의 왕미친세상

세종대왕 탄신 613주년

오늘은 스스의 날이 제정된 지 48년 째입니다. 또한 세종대왕 탄신 613주년이기도 합니다.

뭐, 그렇다는 말입니다.

저에게 한글날을 정하게 한다면 저는 5월 15일로 정하겠습니다. 뭐, 그래야만 제대로 기념이 이루어지지 않을까 생각합니다. 지금처럼 10월에 기념일이 많다는 이유로 휴일로 지정도 않는 일은 없어지지 않을까 생각합니다.

아, 어차피 5월도 만만치 않게 공휴일이 많으니 어차피 공휴일로는 지정되지 않는다고요?

흠, 그런 문제가 있겠군요.

티스토리로 가야 하나?

아직까지 정해진 바는 전혀 없지만... 옮겨야 한다면 티스토리로 옮깁니다.

그렇다고 주소가 바뀌는 일은 없습니다. 지금처럼  http://salm.pe.kr/ 입니다. 아, http://www.salm.pe.kr/은 아닙니다. 주의 바랍니다. 또한 http://blog.salm.pe.kr/ 주소는 자주 엉뚱한 곳으로 갑니다. 없는 주소라고도 나옵니다. 사용하지 말기 바랍니다.

어쨌든 오시는 분들은 전혀 걱정할 일이 없습니다. 도메인을 등록하고는 그 1만 원이 아까워서 며칠을 속이 쓰렸더랬죠. 그런데 지금은 다행이라는 생각이... ^^a

 

이 글은 스프링노트에서 작성되었습니다.

• 참고 : 소스 복사 버그가 고쳐졌다고 생각해서 글을 올렸는데, 오늘(3월 30일) 보니 다시 나타났습니다. 아마도 제가 무엇인가를 착각했나 봅니다. 죄송합니다.

최근 텍스트큐브닷컴(http://www.textcube.com/)에서 소리소문 없이 패치된 기능이 있다. 문법 강조 기능의 버튼 중에 "copy to clipboard"가 있는데, 처음에는  가 잔뜩 달라붙는 문제(텍큐닷컴은 Syntax Highlighter을 개선하라! by BLUEnLIVE)가 있었으나 최근 고쳐졌다. 그 버그가 고쳐졌음을 확인하는 과정에서 스킨의 images 디렉터리를 나타내는 주소에 대해 생각해 볼 기회를 갖게 되었습니다.

[code html]<p>예제</p> <p>오른쪽에는 공백이 있습니다.→               .</p> <p>.                  ←왼쪽에는 공백이 있습니다.</p>[/code]

그런데 버전은 v2.0.320 그대로입니다. 그래서 공지를 안 했나?

BLUEnLIVE 님의 패치

물론 느려터진 텍스트큐브닷컴 개발자 분들이 패치하기 전에 BLUEnLIVE 님이 패치를 멋지게 해주셨다(텍큐닷컴 용 Syntax Highlighter 2.0 버그 패치 by BLUEnLIVE 참조). 사실 이번에 티스토리에서 옮겨온 뒤로 문법강조가 적용된 부분이 있어서 BLUEnLIVE 님의 패치를 적용하려고 했는데, 벌써 패치가 되었더라고요.

태터툴즈의 스킨 이미지 주소

한편 BLUEnLIVE 님의 패치에 대한 글과 다른 글을 보았습니다.

• 텍큐닷컴 용 Syntax Highlighter 2.0 버그 패치
• BBCode for 텍큐닷컴 3.2 대공개
• BBCode for 텍큐닷컴 3.3 업데이트

그런데 텍스트큐브닷컴의 스킨 이미지 주소를 아주 정확하게 나타내려고 노력하셨습니다. 그러나 그것은 결론만 말하자면, 엄청난 삽질임을 깨닫게 되었습니다. 왜? 스킨이기 때문입니다. 무슨 뜻인지 이해가 안 된다고요?

스킨(skin)은 컴퓨팅에서 저마다 다른 사용자의 취향에 맞추기 위해 어떠한 소프트웨어와 웹사이트에 적용할 수 있는 사용자 그래픽 배색 (GUI)으로서의 테마와 연결된다. from 위키백과 :: 스킨 (컴퓨터)

스킨이란 기본적으로 테마 기능을 갖게 됩니다. 다시 말해 태터툴즈 시스템을 사용한 블로그에서 사용하는 스킨은 다른 블로그에 그대로 적용 가능하다는 점입니다. 물론 텍스트큐브닷컴에서 사용하는 스킨은 티스토리에서 그대로 사용할 수 없는 경우도 있지만, 적어도 스킨 이미지 주소 또는 스킨 이미지 디렉터리 주소는 동일하게 적용된다는 뜻입니다.

티스토리 스킨 이미지 주소 표현

티스토리 스킨에서 이미지 주소를 어떻게 표현했는지를 알아보겠습니다. 이것은 제 테스트 블로그를 이용했습니다. 태터툴즈 시스템에 거의 대부분 공통으로 존재하는 rss.gif 파일의 경로를 찾겠습니다.

위에서 보면 스킨 이미지 주소는 "./images/rss.gif"라고 표현했습니다. 이때 중요한 부분은 맨 앞에 보이는 점( . )과 images 라는 디렉터리 이름입니다. 이때 점( . )은 현재 디렉터리를 가리키는 축약 표현입니다. 도스/윈도/유닉스 공통입니다. 매킨토시의 OS X 에서도 적용 가능합니다.

위의 티스토리 테스트 블로그의 rss.gif 파일의 실제 위치 그림에서 보듯이 스킨에서 "./images/rss.gif"라고 나타난 부분이 "http://cfs.tistory.com/custom/blog/48/488983/skin/images/rss.gif"라고 바뀌어 있습니다.

이 파일은 제 티스토리 블로그인 왕미친놈의 왕미친세상에도 있습니다. 거기에서는 "http://cfs.tistory.com/custom/blog/35/354861/skin/images/rss.gif"라고 나타나 있네요.

맨 끝에 나타나는 /images/rss.gif 부분이 공통으로 보입니다.

텍스트큐브닷컴 스킨 이미지 주소 표현

한편 rss.gif 파일은 텍스트큐브닷컴의 스킨에도 존재합니다.

위에서 보면 스킨 이미지 주소는 "./images/rss.gif"라고 티스토리의 경우와 똑같이 표현했습니다.

위의 텍스트큐브닷컴 블로그의 rss.gif 파일의 실제 위치 그림에서 보듯이 스킨에서 "./images/rss.gif"라고 나타난 부분이 "http://fs.textcube.com/blog/0/6512/skin/1/images/rss.gif"라고 바뀌어 있습니다.

이 파일은 아무리 스킨을 바꾸더라도 항상 "./images/rss.gif"라는 꼴을 유지하게 됩니다. 결국 BLUEnLIVE 님이 찾아내신 다음과 같은 표현은 모두 삽질이 되어 버립니다. 정말 애써 작성하셨을 텐데 뭐라 위로의 말을 드려야 할지... T,T

[code html]<script type="text/javascript" src="http://(블로그 이미지 주소)/j_shCore.gif"></script> <script type="text/javascript" src="http://(블로그 이미지 주소)/j_shBrushMsx.gif"></script> </body>[/code]

위의 코드에서 굳이 "http://(블로그 이미지 주소)/j_shCore.gif"라고 표현할 필요가 없습니다. (텍큐닷컴 용 Syntax Highlighter 2.0 버그 패치 by BLUEnLIVE 참조) 앞서 밝힌 코드를 응용하여 "./images/j_shCore.gif"라고 바꾸면 됩니다.

BBCode for 텍큐닷컴 3.2 대공개 문서와 BBCode for 텍큐닷컴 3.3 업데이트 문서에 보이는 그림도 별로 쓸모는 없습니다. 오히려 스킨이 가진 장점, 곧 어디에도 그대로 적용할 수 있다는 점을 없애 버리는 삽질이 됩니다.

관련 문서

내부 문서

• [벌레와 팁/팁] - 티스토리에서 치환자 출력하기
• [일기] - 문법 강조 적용했다

외부 문서

• 텍스트큐브닷컴 홈페이지 - http://www.textcube.com/
• 티스토리 홈페이지 - http://www.tistory.com/
• BLUEnLIVE 님 블로그 - http://zoc.kr/
  • 텍큐닷컴은 Syntax Highlighter을 개선하라!
  • 텍큐닷컴 용 Syntax Highlighter 2.0 버그 패치
  • BBCode for 텍큐닷컴 3.2 대공개
  • BBCode for 텍큐닷컴 3.3 업데이트

이 글은 스프링노트에서 작성되었습니다.