노무현 대통령 배너
BLOG main image
왕미친놈의 왕미친세상입니다. 미친 소리는 써도 되지만, 근거 없는 소리는 쓰면 안 됩니다.


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

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

[code html]<p>예제</p> <p>오른쪽에는 공백이 있습니다.→               .</p> <p>.                  ←왼쪽에는 공백이 있습니다.</p>[/code]
더 이상 &nbsp;를 볼 수 없다.

더 이상 &nbsp;를 볼 수 없다.

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

BLUEnLIVE 님의 패치

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

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

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

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

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

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

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

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

티스토리 테스트 블로그 스킨 편집 화면

티스토리 테스트 블로그 스킨 편집 화면

티스토리 테스트 블로그 스킨 rss.gif 파일 나타내기

티스토리 테스트 블로그 스킨 rss.gif 파일 나타내기

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

티스토리 테스트 블로그의 rss.gif 파일의 실제 위치

티스토리 테스트 블로그의 rss.gif 파일의 실제 위치

위의 티스토리 테스트 블로그의 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 파일텍스트큐브닷컴의 스킨에도 존재합니다.

텍스트큐브닷컴 블로그 스킨 편집 화면

텍스트큐브닷컴 블로그 스킨 편집 화면 (아랫부분 생략)

텍스트큐브닷컴 블로그 스킨 rss.gif 파일 나타내기

텍스트큐브닷컴 블로그 스킨 rss.gif 파일 나타내기

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

텍스트큐브닷컴 블로그의 rss.gif 파일의 실제 위치

텍스트큐브닷컴 블로그의 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 업데이트 문서에 보이는 그림도 별로 쓸모는 없습니다. 오히려 스킨이 가진 장점, 곧 어디에도 그대로 적용할 수 있다는 점을 없애 버리는 삽질이 됩니다.

BBCode for 텍큐닷컴 3.2 대공개 문서의 그림 일부

BBCode for 텍큐닷컴 3.2 대공개 문서의 그림 일부

BBCode for 텍큐닷컴 3.3 업데이트문서의 그림 일부

BBCode for 텍큐닷컴 3.3 업데이트문서의 그림 일부

관련 문서

내부 문서

외부 문서

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

글쓴이는 koc/SALM입니다.
본문에 저작권에 대한 사항이 나타나지 않거나, 저작권이 BY-SA로 표기되어 있다면,
이 글은 GFDL로 공개한 글입니다.

댓글을 달아주세요:: 왕미친놈 욕은 해도 되지만, 근거없는 소리는 쓰지 말아 주세요.
BBCode 사용할 수 있습니다.

  1. 2010.03.25 18:18
    아하! 누구신지 깜짝놀랐는데

    왕미친세상님이셨군요!.

    근데 텍스트큐브...작은것도 패치정보에 넣어줬으면 하는 바람이있어요.
  2. 2010.03.25 19:32
    어? 절대/상대 경로 문제가 해결되었나보군요.
    원래 티스톨과 달리 텍큐에선 ./images/로 경로를 지정하면 정신을 못 차리는 문제가 있어 저런 삽질을 했더랍니다.

    이제 정말 삽질이 되었군요. ㅎㅎ
    • 2010.03.25 22:51
      댓글 주소 수정/삭제
      지금도 마찬가지예요. 근데 그 정신 못차리는 버그는 티스토리도 마찬가지인데요. ㅡㅡ;; 텍스트큐브는 조금 심하고, 티스토리는 조금 덜하다는 차이가 있지만요.
      제가 보기에는 태터툴즈 문제로 보이는데요. 뭐, 최신 버전은 안 그러겠지만요.
      그게 아니라면, 캐시 처리를 제대로 못해서 그럴 수도 있지요. 캐시 지우기 단추를 다시 달아야 하나 고민 중입니다. 내친 김에 rss.gif를 바꾸려고 했는데, 이게 당최 그래픽 파일을 바꿔 줘도 적용이 안 되네요.
  3. 2010.07.11 22:19
    여전히 텍큐닷컴에선 이 문제가 해결되지 않았네요. 헐~

영문 윈도7 RC 7100(32비트) 원본에 한글 언어팩을 적용하여 설치했다는 기사를 썼습니다. 그런데 어제 그것을 지우고 다시 설치했죠. 왜? 몇 가지 실험을 하기 위해서 입니다.

실험 목표

  1. 한글 언어팩이 적용된 윈도PE 2.0 확인하기
    윈도 비스타부터는 윈도PE 2.0으로 부팅하여 운영체제를 설치하게 됩니다. 이때 윈도7에 한글 언어팩을 적용해도 윈도PE 및 운영체제 설치 프로그램은 한글이 적용되지 않습니다. 이를 위해서는 윈도PE 2.0에 직접 한글 언어팩을 적용해 줘야 합니다. 이 파일은 AIK7에서 구할 수 있습니다. 이미 설치했다면 %ProgramFiles%\Windows AIK\Tools\PETools\%PROCESSOR_ARCHITECTURE%\WinPE_FPs 폴더에 있는 winpe-fontsupport-ko-kr.cab 파일을 통합하면 됩니다(자줏빛으로 나타낸 부분은 환경변수입니다.).[각주:1]
  2. 이미 파티션이 2개로 나뉜 하드디스크에 설치하기
    앞서 하나의 하드디스트에 운영체제를 설치하면 그것을 둘로 나누어 설치하였다. 그렇다면 두 개의 파티션을 가진 하드디스크의 첫 번째 파티션에 운영체제를 설치하면 어찌되는지 알아보자.
  3. 한글 언어팩이 적용된 윈도7 확인하기
    설치된 뒤에 다른 작업을 하지 않아도 한글로 나오는지를 알아보자.
  4. 한글 로컬팩이 적용된 윈도7 확인하기
    설치된 뒤에 다른 작업을 하지 않아도 한국 테마를 적용할 수 있는지를 알아보자.

이렇게 네 가지 목표를 세웠습니다.

실험 결과

준비가 끝났으면 버추얼박스를 실행해 보자.

한글로 나타나는 윈도7 설치 프로그램(윈도PE 2.0)

한글로 나타나는 윈도7 설치 프로그램(윈도PE 2.0)

위에서 보면 윈도7 설치 프로그램(윈도PE 2.0)이 한글(한국어)로 나타나고 있다. 이때 마우스 커서가 2개라는 점과 화면 외곽 테두리가 버추얼박스임을 나타내고 있다(목표 1 달성).

테두리가 없는 화면도 하나 첨부

테두리가 없는 화면도 하나 첨부

그리고 하드디스크 파티션 화면입니다.

어랏! 첫 번째 파티션을 제멋대로 나누는 설치 프로그램

어랏! 첫 번째 파티션을 제멋대로 나누는 설치 프로그램

지난번에도 밝혔듯이 이 녀석에게 맡기면 무조건 100 MB를 잡아놓고 시작합니다(목표 1 달성).

정상적으로 설치 시작

정상적으로 설치 시작

설치 완료했습니다.

화면 왼쪽 위에 잘 보이는

화면 왼쪽 위에 잘 보이는

설치 완료 화면에서 휴지통이 잘 보입니다(목표 3 달성).

컴퓨터 관리에서 보는 디스크 구성

컴퓨터 관리에서 보는 디스크 구성

위의 그림은 앞서 디스크 파티션을 설치 프로그램에서 나누게 했을 때의 구성이다. 빗금이 있는 부분이 현재 운영체제가 설치된 부분이다(목표 1 달성 및 확인).

하지만 한국 로컬팩은 확인하지 못했습니다. 아무리 찾아도 안 보이네요. T,T

관련 문서

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


  1. 통째로 나타내면 %ProgramFiles%\Windows AIK\Tools\PETools\%PROCESSOR_ARCHITECTURE%\WinPE_FPswinpe-fontsupport-ko-kr.cab 이다. [본문으로]
글쓴이는 koc/SALM입니다.
본문에 저작권에 대한 사항이 나타나지 않거나, 저작권이 BY-SA로 표기되어 있다면,
이 글은 GFDL로 공개한 글입니다.

댓글을 달아주세요:: 왕미친놈 욕은 해도 되지만, 근거없는 소리는 쓰지 말아 주세요.
BBCode 사용할 수 있습니다.


카테고리

분류 전체보기 (1005)
스크립트 (22)
벌레와 팁 (126)
소프트웨어 (240)
하드웨어 (6)
이야기 (24)
말의 나무 (506)
미쳐보자 (22)
일기 (48)
아이폰 (10)

달력

«   2020/01   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31