다음과 같이 바꾸면 된다.

이미 언급한 바와 같이 메인 페이지에서 출력되는 글의 갯수가 많으신 분들께서는 발생할 수 있는 문제들을 대해 미리 염두에 두고 수정하시는 게 좋을 것 같다.

적극적이지도 못했고, 확신도 없었기에 길게 보자고 다짐했었다. 누군가 좋아해주면 좋겠지만, 그렇지 않다면 자기만족 만으로도 상관없다고 자위하던 참이었다. 불행한 일이지만 짝사랑을 너무 잘 알고 있어서 타협하여 익숙해지던 중이었다. 내 템포에 맞춰서, 누군가를 의식하지 않으며 쓰던 것이, 저 작은 사건으로 인해서 영향을 받고 있다.

잔잔한 연못에 일어난 작은 파장이라는 것을 잘 알고 있다. 이내 잔잔해 질 것이라는 것도 잘 알고 있다. 그럼에도 써야 한다는 생각이 나를 옥죄고, 그게 오히려 글을 쓰지 못하게 한다. 괜한 욕심에 써야 할 글 대신 짤막한 구상들만 늘어놓고, 이러다 결국엔 쫓기듯 마무리 짓고 후회하게 될 것이 뻔하다. 천천히, 차근차근 누군가 알아주지 않아도 쓰겠다고 했는데 작은 파장에 욕심을 부리고 있다. 스스로 잘 알고 있기에 떨쳐내야 할 욕심인데 힘들다. 참 힘든 일이다.

작업과정-19세 이하는 접근금지!! »

"민방위 교육 훈련 통지서"

이 통지서를 받고 처음 느낀 것은 '아! 나도 이제 부정할 수 없는 아저씨구나.' 라는 것과 '4시간 교육을 어떻게 버틸까?' 하는 것이었다. 얼마 전 동생이 내 머리 스타일을 보고 아저씨 같다고 놀리는 것을 보고 "아저씨인데 뭐." 라고 애써 태연히 대답하긴 했지만 이렇게 확인받는 것은 달갑지 않은 일이다. MP3 나 책 같은 것으로 시간을 죽여보겠다 생각하고 가지고 갔지만 그럼에도 불구하고 시간은 느리게만 갔다.

민방위 교육에 전투복을 입고 온 양반이 있어서 교육장의 시선들이 모였던 일을 제외하고는 별 다른 사건도 없는 그저 무료한 시간이 그렇게 지나갔다. 통지서에 도장 받기 위해 TV 정보 프로그램보다 정보가 부실한 교육을 받고 돌아오면서 이제 몇 번을 더 받아야 하는지 세어본다. 더 귀찮은 일들이 발생하기 전에 착실하게 받아주겠다고 생각은 하지만 역시 재미없고 지루한 일이라는 사실은 바뀌지 않을 것 같다.

이전 글에서 이야기했던 미디어위키용의 Kubrick 스킨입니다. 개인용도로 쓰려고 만든 것이라 부족한 점이 많지만 혹시 필요하신 분도 계실 것 같아서 공개합니다. 사용중인 스킨에서 몇 부분 수정해서 원래의 Kubrick 과 비슷한 모양으로 만든 뒤에 공개하려고 했는데 메뉴바 부분은 있는게 나을 것 같더군요. 그리고 처음에 작업하면서 스킨명을 그냥 Unfusion으로 했는데 이것을 빼놓고 수정하지 못했습니다. 원래대로라면 Kubrick for MediaWiki 정도가 되어야 합니다.

스킨의 구조가 기본 베이스인 monobook 스킨에 Kubrick 테마를 덮어씌운 형태라서 CSS 파일이 좀 지저분한데요. 이것을 정리하려고 CSS 파일을 4개로 분리했습니다. 그래서 main.css엔 Kubrick 템플릿과 관련된 스타일, original.css에는 베이스인 monobook 스킨에서 사용된 위키 스타일, menu.css와 font.css 는 각각 헤더이미지 하단의 메뉴바와 글꼴에 대한 스타일이 정의되어 있습니다. 정리한다고 정리했는데도 필요없거나 이상한 부분이 많이 남아있을 겁니다. 그리고 메뉴바의 첫번째 Blog 메뉴는 주소를 비워놨는데 Unfusion.php파일의 145번째 줄을 지우시거나 수정해서 사용하시면 됩니다.

파일 다운로드

Downloads: 462 File Name: mediawiki_kubrick.zip

설치법은 "미디어위키/skins/" 디렉터리 밑에 압축해제 하신 뒤에 개인 설정이나 LocalSetting.php 파일을 수정해서 사용하시면 됩니다.

다행히 XHTML 1.0 Tranditional 과 CSS Level 2.1 Validator는 무사히 통과했지만 -사실 통과하지 못하는게 이상한 거지만요.- Firefox와 IE7 이 외의 브라우저에서는 확인해 보지 못했습니다. 문제나 이상한 부분을 발견하신다면 코멘트나 메일로 알려주시면 감사하겠습니다.

GeSHi syntax-highlighting Extension은 미디어위키에 삽입된 소스 코드 문법 강조를 위한 확장 기능이다. 미디어위키 사이트에는 몇 가지 문법 강조용 Extension들이 소개 되어 있는데 그 중에 내가 선택한 것은 GeSHiCodeTag 이라는 Extension이었다. 사용법이 워드프레스에서 사용하고 있는 Code Snippet 플러그인과 비슷하다는 점에서 선택하게 되었는데 설치하면서 조금 헤맸다.

설치방법은 GeSHi를 다운로드 해서 "위키디렉토리/extensions/" 에 압축 해제 한 뒤 GeSHiCodeTag 페이지의 소스 코드를 복사하여 GeSHiCodeTag.php 라는 이름으로 "위키디렉토리/extensions/"에 저장하고 LocalSettings.php에 아래의 내용을 추가하면 된다.

설치법은 간단하지만 이미 지정해 사용하고 있는 미디어위키 Template (틀)에 사용된 div 태그가 코드 상태로 출력되는 문제가 있기 때문에 Extension 파일의 코드를 조금 수정해 주어야 한다.

수정한 GeshiCodeTag 파일

파일 다운로드

Downloads: 547 File Name: GeshiCodeTag.zip

언어명을 잘못 적었을 경우 사용 가능한 언어 목록이 출력되는 점이 마음에 든다. 동아리 홈페이지에 사용되고 있는 제로보드에 사용할 수 있을지 좀 알아봐야 겠다.

미디어 위키 사이트의 Manual:Enable Tex를 보면 시스템 요구 사항과 설치과정이 나와 있는데 사실 서버에 필요한 프로그램들이 모두 설치되어 있다면 간단하게 미디어위키의 서브 디렉터리 중 하나인 "/math"로 이동해 "make" 명령을 실행해주고 LocalSettings.php의 $wgUseTeX 와 $wgEnableUploads를 Enable로 설정해주는 것으로 끝난다.

그런데 이 간단한 과정에서 문제가 발생했는데 미디어위키가 설치된 서버에 OCaml이 설치되어 있지 않아 texvc를 컴파일 할 수 없다는 것이었다. Yum을 이용해 설치하면 될 거라고 생각했는데 어찌 된 일인지 OCaml이 검색되지 않아 설치하지 못하고 다른 설치 방법을 찾다가 다음의 사이트에서 정보를 얻어 설치를 완료했다.

How to Set Up MediaWiki페이지에서 Setup for latex support 부분을 보고 작업했는데 CentOS에서 미디어위키를 설정하는 방법을 자세히 설명하고 있어 다른 작업할 때도 참고할 수 있을 것 같다.

컴파일을 완료하고 LocalSettings.php파일까지 수정하는 것을 완료했는데도 제대로 동작하지 않는다면 그때는 업로드 디렉터리의 권한설정을 살펴봐야 한다.

Wacom Cintiq라는 액정 타블렛이 있습니다. 원래 타블렛(Tablet)은 필압과 펜의 기울기등에 따라 선의 굵기나 강약등이 조절되기 때문에 CG 작업을 하시는 분들이 많이 사용하시는데 Wacom Cintiq는 이 타블렛에 LCD 화면을 추가해 화면에 대고 직접 그림을 그릴 수 있게 한 제품입니다. 눈과 손이 화면과 타블렛 위로 나뉘어 있는 것에 비해 화면에 직접 그림을 그리는 것이 작업에 큰 도움이 될 거라는 것은 쉽게 짐작할 수 있지만 문제는 이 Cintiq 의 가격이 만만치 않다는 것입니다. 일반 타블렛도 중 고급형에 따라 차이가 있지만 10만원에서 40만원 대로 만만치 않은 가격인데 Cintiq는 100만원에서 300만원의 가격대를 형성하고 있으니 전문가가 아니라면 꿈도 꾸기 힘든 가격이지요. 이렇게 높은 가격대 때문인지는 몰라도 Cintiq가 처음 나왔을 때 병원의 의료용 영상 장치에 이용되는 모습들이 Wacom 홈페이지에 올라와 있기도 했습니다.

그런데 오늘 타블렛 펜의 구조나 작동방식등이 궁금해 검색하다가 이 Cintiq 자작에 관련된 페이지를 발견했습니다.

사진 출처: Bongofish – DIY Cintiq

위의 사진이 바로 사이트에 올라온 자작한 Cintiq의 모습으로 12 x 12 Wacom UltraPad 와 Dell 1501fp LCD 모니터를 이용해 만들었다고 합니다. 18 단계로 제작과정을 나누어 사이트에 올려놓았는데 손재주 뿐 아니라 열정이나 집념도 대단한 것 같습니다. 이렇게 자작하면 절반이나 그 이하의 가격으로 Cintiq 같은 액정 타블렛을 만들 수 있겠지만 그것도 만만치 않은 가격이고 단순한 도전으로 시도하기에는 참 쉽지 않은 일 일것 같거든요. 우리나라에서도 LCD 패널을 이용해 모니터나 프로젝터를 자작하시는 분들이 계시던데 그런 분들이라면 시도해 보실 수 있을지도 모르겠습니다.

IntelliMouse Explorer 4.0 를 분해하기 위해서는 마우스 바닥의 검은색 타원형 마모 방지용 패드를 문구용 칼 같은 것으로 조심스럽게 떼어낸 뒤, 나타나는 나사 두 개를 풀기만 하면 됩니다. 마모용 패드는 총 4개가 있는데 하단의 두 개에만 나사가 숨어 있습니다. 나사를 풀고 뒤 쪽을 살짝 들어올리며 분해하면 기판과 스위치들이 나타나는데 이 마우스에서 사용된 스위치에 대해 찾아보니 마츠시다 마우스 스위치라고 하더군요.

마우스 스위치에 대한 정보들 : 마우스 스위치 벤치마킹!!

처음에는 마우스 스위치를 교체하는 것 대신 케이스의 버튼 부분을 손 봐서 사용해 봤는데 별로 효과가 좋지 못해서 결국 납땜 인두를 이용해 스위치를 교체했습니다. 교체에 사용한 스위치는 고장나서 굴러다니는 마우스에서 뜯어냈는데 다행히도 비슷한 모양의 스위치를 사용한 것이 있더군요. 모양만 비슷하지 마츠시다 스위치는 아닌 것 같은데 모양도 조금 다르고, 클릭감에도 차이가 있습니다. 마츠시다 스위치는 클릭하면 살짝 딸깍하는 느낌이 나는데, 이건 그에 비해 둔한 느낌이 들더군요. 그래도 클릭이 되지 않는 것보다는 나을 것 같아 가장 사용이 적었을 것 같은 가운데 버튼에 사용된 스위치를 떼어내 교체했습니다.

IntelliMouse Explorer 4.0의 기판은 고정하고 있는 나사 세 개를 풀고 연결된 전선들을 제거한 뒤 휠 버튼을 들고 조심스럽게 빼내면 되는데 ( 사진을 찍어 뒀으면 좋았을텐데 그렇지 못한 게 아쉽네요. ) 기판이 열에 약한 것 같으니 스위치를 제거하실 때는 주의하셔야 합니다. 제 경우에는 스위치를 떼어 낼 때는 괜찮았는데 다른 스위치를 옮기면서 기판의 스루홀(Thru-hole) 패드 부분이 살짝 떨어졌습니다. 다행이 작동하는데는 문제가 없었지만 이게 끊어졌을 경우에는 일이 복잡해질뻔 했습니다.

스위치를 바꾸고 사용해보니 클릭감이 조금 무디어진 것이 아쉽긴 하지만 예전처럼 왼쪽 버튼을 꾹꾹 눌러줄 일은 없어져서 좋습니다. AS 기간도 지나갔는데 마우스 버튼에 문제가 생긴 분들이라면 시도해 보셔도 괜찮을 것 같습니다. 마우스 스위치를 구하는게 조금 힘들지 모르지만 ( Omron 스위치 같은 경우는 개당 550원 정도 한다고 하네요. ) 인두와 실납만 있다면 간단한 작업으로 버려야 할 지 모를 마우스를 살릴 수 있으니까요.

위의 그림을 보시면 한자는 글꼴이 거의 같은데 히라가나는 글꼴이 많이 다른 것을 발견할 수 있습니다. 위는 Meiryo 글꼴을 지정한 것이고 아래가 맑은 고딕을 지정한 것인데 둘 다 클리어 타입 글꼴이긴 하지만 Meiryo 쪽이 훨씬 보기가 좋습니다. (일본어 폰트니 당연한 것이겠지만요.)

한글은 맑은 고딕으로 일본어는 Meiryo 로 표시하는게 가장 좋은 방법인데 font-family 항목에서 글꼴의 순서를 바꾸는 것으로는 이게 잘 해결되지 않습니다.
맑은 고딕 , Meiryo 순으로 지정하면 일본어도 맑은 고딕으로 표시가 되고 Meiryo, 맑은 고딕 순서로 하면 반대의 경우가 발생하는데다 인터넷 익스플로러에서 한글이 제대로 표시가 되지 않는 문제가 발생합니다. ( Meiryo , 맑은 고딕 순서로 했을때 한글의 자간이 변하는 것을 보고 바뀌는 것 같다고 생각하고 있는데 정확히 한글이 Meiryo로 표시되는 지는 모르겠습니다. )

그냥 기존에 해 놓았던 대로 맑은 고딕, Meiryo 순서로 놓자니 일본어 글꼴이 영 마음에 걸려서 해결할 방법을 찾다가 좀 엉뚱한 방법을 택했습니다. 사용하고 있는 Addquicktag 플러그인에 일본어 입력시 사용할 버튼을 하나 추가한 것인데요.

이렇게 하고 일본어를 태그로 싸주니 귀찮지만 Meiryo로 표시되긴 합니다. 그런데 이게 다른 환경에서 어떻게 표현될지 하는 점과 이런 방법을 써도 웹표준에 어긋나지 않는가 하는 점이 마음에 걸립니다. 이거 괜찮은 방법일까요?

작은 욕심에서 시작된 일이긴 하지만 인터넷 익스플로러와 파이어 폭스와의 간격, 한자가 포함되지 않은 맑은 고딕의 단점 덕분에 길이 점점 복잡해지는 느낌입니다.