LOVE & LOVE

그렇다...요즘 유행한다는 트위터에 가입...

하지만 영어다 -_-llll

크오오... 뭐 굳이 사용하는데 있어서 큰 문제점은 없지만...

셋팅 언어 선택에 보면 영어와 일본어 두개로 고를수가 있다는... -_- 쩝..

역시 아직 우리나라 인지도는 바닥인 겐가...

http://twitter.com/srkamui 나의 트위터 링크...ㅋㅋ

스킨이나 메뉴 모두 아직 자리가 잡혀 있지 않아 마음 한구석이 괜시리 불편하다.

사실, 내가 하면 되는거지만 일, 귀차니즘 등으로 인해 언제나 무산 되기 일수….

누가 좀 대신 블로그 꾸며 주면 안되나 -_- 포토샵이라도 계속 붙잡고 했으면

지금쯤 어느정도 편집을 할 수 있을텐데 ㅠ_ㅠ 아~ 괜히 푸념만 늘어 놓는다.

뭐 이래 저래 우울하다고 -_- 그렇다고...

지난달 3월에 ie8이 정식으로 배포가 되었습니다. ㅋ


저도 그 소식을 접하곤 낼름 ie6에서 ie8을 받아서 갈아탔었습니다.
(사실 ie7은 ActiveX 충돌도 그렇고 너무 많이 터져서 ie6를 썼죠 -_-lll)


ie6에서 바로 ie8을 써서 그런지 생각보단 크게 빨라졌다는 생각은 들지 않더군요.


어째든 필요없는 잡설은 여기서 접고 본론으로 들어가겠습니다.


ie8을 설치 후 VS2005, VS2008에서 VC++개발을 할 때 함수 및 변수를 편하게 만들어주는 기능이 있습니다.

바로 [함수, 변수 추가 마법사] 인데요.

ie8을 설치하고 난 후 이 기능을 사용하려고 하면 스크립트 오류가 뜨면서


이 마법사가 정상적으로 뜨지 않는 문제가 발생하게 됩니다.


초기에 이런 문제를 발견 했을땐 크게 이슈도 없었고 몇몇의 사이트에서


문제가 있다는 게시물 본거 빼고는 해결방법을 찾지 못했습니다.


그래서 다시 ie8을 지우고 ie6로 돌아가서 사용하였습니다.


언젠간 MS에서 패치를 통해서 해결을 해주거나 누군가 해결방법을 찾을 거라는 생각에 그 문제에 대해서 그냥
 
잊고 지나갈때 쯤 해결방법이 나왔는다는 소식을 접하고 찾아 보았더니 해결방안이 나와 있더군요. ㅋ


MS에서 해결 방법이라기 보단 문제를 우회해서 [함수, 변수 추가 마법사]를 사용 할 수 있는 방법을


MS블로그를 통해서 공개 하였습니다.


3월이 끝나갈 무렵인 28일자로 올라왔더군요. -_-lll (찾는데 시간이 걸린건가 ㅋ)


해결 방법은 의외로 간단한데 아래와 같이 해주시면 바로 해결이 됩니다.


- regedit 실행


- “HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones”
    에서 “1000” 키 생성

- DWORD 엔트리 생성 (Name=1207, Type=REG_DWORD, Data=0x000000)


어떤 부분이 문제인지 찾은거 같긴 하지만 아직 해결중이라는거 같습니다.


해결이 되면 ie8패치든 VS 패치든 해서 해결이 될거라 생각됩니다. ㅋ


좀 더 자세한 내용은 아래 링크를 참고 하시면 될거 같네요. ^^


뭐 굳이 마법사를 통해서 꼭 만들 필요는 없지만 여기저기 귀찮게 옮겨가며 만들어 줄 필요 없이 함수, 변수를


만들어주는 기능을 못 사용하게 되는건 좀 아니라는 생각이 듭니다.


어째든 우회해서 해결이 됐으니 다행입니다. -_-llll


MS 한국 블로그 : http://blogs.msdn.com/eva/archive/2009/03/30/internet-explorer-8-visual-c.aspx
Visual C++ Team Blog: http://blogs.msdn.com/vcblog/archive/2009/03/28/some-vs2005-and-vs2008-wizards-pop-up-script-error.aspx

빨강 : 175     색상 : 187
녹색 : 119     채도 : 105
파랑 : 202     명도 : 151
색상표 코드 :  #AF77CA

빨강 : 93     색상 : 153
녹색 : 146    채도 : 150
파랑 : 226    명도 : 226
색상표 코드 : #5D92E2

점점 더 추가가 될 예정 = _ =)/

출처 : 충호형 블로그 http://acidpop.tistory.com/trackback/38

직접 쓰기보단 잘 정리되어 있는 블로그가 있어서 퍼왔다 ㅋㅋㅋ
*******************************************************************************************


티스토리에 소스 코드를 올릴때 사용 하는 플러그인 중에 Syntax Highlighter 라는 놈이 있다.

블로그 등에 소스 코드를 올릴때 보기 좋게 색깔을 입혀주는 멋진 플러그인이다.

최근 이 툴을 티스토리에 적용하려고 네이버에 검색하고 몇몇 블로그에서 알려주는 데로 시도를 해보았다.

하지만...

dp 가 정의 되지 않았습니다.

Syntaxhighlighter 가 정의 되지 않았습니다.

와 같은 자바 스크립트 에러가 나는게 아닌가 -_-!!!

아니 이런!

원인을 찾아 보았다.

경로 설정에서 문제가 있었던것이다..

지금부터 티스토리에 Syntax Highlighter 2.0 을 설치 하는 과정과 튜닝(?) 을 하는 과정에 대해 남겨 보려 한다.

아래 순서대로 진행을 해보면 될듯..

1. Syntax Highlighter 2.0 을 다운로드 받는다.

http://code.google.com/p/syntaxhighlighter/   

요건 1.5 까지의 사이트이다. 원래의 사이트였다고 보시면 된다.

본인의 티스토리에는 저 부분쯤에 </head> 가 있었다.

</head> 바로 위에 다음과 같은 코드를 추가해 주자.

주의 해서 봐야 할 점이 경로다.

src=   or href= 다음에 있는 경로!

여기서는 ./images  로 표시했다.

혹시 안된다는 사람들은 아까 파일 업로드를 한후 파일들이 어느 폴더로 올라갔는지 확인하고

그 경로에 맞게 수정하면 된다.

styles 폴더로 올라간 사람은 ./styles/ 로..

images 또는 styles 로 섞여서 올라간 사람은 각 파일에 맞게끔 경로를 수정하면 되겠다.

이로써 모든 준비가 끝났다.

이제 저장 버튼을 눌러 저장을 하고 아래의 코드로 테스트를 해보자.

 

위 그림과 같이 나온다면 성공이다.

물론 색깔이 다를 수도 있다...

아무튼 저런식으로 나온다면 성공이다.

저렇게 뜨지 않고 익스플로러의 아래쪽에 경고 아이콘이 떠 있다면 좀전에 봤던

4. skin.html 을 수정하자

부분에서 경로 문제일 가능성이 가장 크니 확인을 해보자.



"저기요! 저는

  이런 아이콘이 없는데요? 왜 당신 혼자만 저런걸 쓰는겁니까?"

라고 질문 할 사람이 있을것이다.

이 질문에 답하기 전에 각 아이콘 기능에 대해 한번 살펴 보자.

   :   현재 코드를 새창에 띄워 보여준다. (라인 넘버 없음)
   :   현재의 코드를 클립 보드로 복사한다. (라인 넘버는 복사 안됨)
   :   현재의 코드를 출력한다.
   :   Syntax Highlighter 정보를 보여준다.


일단 기본적인 기능이다.

자 그럼 아까의 질문으로 돌아가 보자.

 이 아이콘이 참 유용할것 같은데 왜 내껀 안되냐 되게 해달라  라고 하시는 분들은

다음 코드 한줄을 붙여 넣기만 하면 된다.

아까 </head> 위에 보면

SyntaxHighlighter.all();
이 코드가 보일것이다. 바로 저 코드 위에 1번 줄에 있는 코드를 써주면 되겠다.

이로써 Syntax Highlighter 를 사용 할 수 있게 되었다.

자 이제 사용법을 익혀 보자.

자신의 코드를 블로그에 올리려면 글쓰기 창에서

(티스토리 기준) HTML  을 클릭해 체크 박스에 표시를 하자.

그러면 글 쓰는 부분이 html 모드가 되는데 이때 자신의 코드를 다음 코드로 감싸 주면 된다.

뒤에 보이는 cpp 들의 부분만 자신의 language 에 맞게 수정하면 된다.

(이 부분에 줄번호가 안쪽으로 표시 되는 버그가 생겼는데 어떡게 수정하는지 모르겠습니다... 혹시 해결 방법 아시는분은 댓글로나마 알려주세요)

다음은 지원하는 언어들과 cpp 대신 쓸 단어(별칭)들이다.

언어	별칭
Bash/shell	bash, shell
C#	c-sharp, csharp
C++	cpp, c
CSS	css
Delphi	delphi, pas, pascal
Diff	diff, patch
Groovy	groovy
JavaScript	js, jscript, javascript
Java	java
PHP	php
Plain Text	plain, text
Python	py, python
Ruby	rails, ror, ruby
SQL	sql
Visual Basic	vb, vbnet
XML	xml, xhtml, xslt, html, xhtml

자신의 언어 맞게 사용하자.

---

Tip 1

※skin.html 수정시

소스를 팝업 창에서 보여줍니다

출력About Syntax Highlighter

01.// 아래 코드는 모든 브러쉬를 로딩한다

02.  

03.  

04.<script type="text/javascript" src="./images/shBrushBash.js"></script>

05.<script type="text/javascript" src="./images/shBrushCpp.js"></script>

06.<script type="text/javascript" src="./images/shBrushCSharp.js"></script>

07.<script type="text/javascript" src="./images/shBrushCss.js"></script>

08.<script type="text/javascript" src="./images/shBrushDelphi.js"></script>

09.<script type="text/javascript" src="./images/shBrushDiff.js"></script>

10.<script type="text/javascript" src="./images/shBrushGroovy.js"></script>

11.<script type="text/javascript" src="./images/shBrushJava.js"></script>

12.<script type="text/javascript" src="./images/shBrushJScript.js"></script>

13.<script type="text/javascript" src="./images/shBrushPhp.js"></script>

14.<script type="text/javascript" src="./images/shBrushPlain.js"></script>

15.<script type="text/javascript" src="./images/shBrushPython.js"></script>

16.<script type="text/javascript" src="./images/shBrushRuby.js"></script>

17.<script type="text/javascript" src="./images/shBrushScala.js"></script>

18.<script type="text/javascript" src="./images/shBrushSql.js"></script>

19.<script type="text/javascript" src="./images/shBrushVb.js"></script>

20.<script type="text/javascript" src="./images/shBrushXml.js"></script>

이 부분중 자신이 쓰는 언어가 한정 되어 있다면 즉 필자와 같이 cpp 만 쓸 것이라면

소스를 팝업 창에서 보여줍니다

출력About Syntax Highlighter

1.// 필요한 브러쉬만 골라 쓰기

2.  

3.  

4.<script type="text/javascript" src="./images/shBrushCpp.js"></script>;

이 부분만 남기고 나머지 브러쉬는 지우는게 로딩 속도가 조금 더 빨라질 것이다.

그렇다고

소스를 팝업 창에서 보여줍니다

출력About Syntax Highlighter

1.// Syntax Highlighter 2.0 코어 부분 소스

2.  

3.  

4.<script type="text/javascript" src="./images/shCore.js"></script>

5.  

6.<link type="text/css" rel="stylesheet" href="./images/shCore.css">

7.<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css">

이 부분들을 지우면 안된다.

---

Tip2

<pre> 태그 말고 <textarea> 태그를 사용 할 수 있다.

<textarea> 태그를 사용 하려면 skin.html 을 조금 더 수정 해야 한다.

</head> 위에 추가 했던 코드 중 맨 윗줄에
<script type="text/javascript" src="./images/shCore.js"></script>
 이 부분 바로 아래에 shLegacy.js 를 불러 오자.

소스를 팝업 창에서 보여줍니다

출력About Syntax Highlighter

1.<script type="text/javascript" src="./images/shLegacy.js"></script>

이 코드를 추가 하면 된다.

그 다음

<body>   이 코드를 다음과 같이 수정한다.

소스를 팝업 창에서 보여줍니다

출력About Syntax Highlighter

1.<body Onload="dp.SyntaxHighlighter.HighlightAll('code');">

이상으로 모든 사용 준비가 끝났다.

 

---

이번에는 팁이다.

Syntax Highlighter 2.0 은 사용자가 어느 정도 튜닝(?) 을 할 수 있게끔 배려를 해놓았다.

1.5는 내가 분석을 안해보서 잘 모르겠다. 아무튼 2.0은 된다.

위에서 보았던

SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf';

이 코드... 뭔가 감이 안오는가?

config  라는 단어가 눈에 들어 오지 않는가?

제작한 웹사이트에서는 이 config 옵션 부분을 홈페이지에서 친절하게 설명하고 있다.

http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration

자세한 설정 부분이 필요한 사람들은 위 사이트에서 도움을 얻기 바란다.

여기서는 간단하게

  이 버튼을 눌렀을때 뜨는 메시지 박스의 내용을 바꿔보자.

아까 보았던 소스 코드를 조금 더 추가 해 보자.

 

위 코드 중 뒤에 붙은 문장들을 보면 대충 어디에 쓰이는 건지 알아 볼 수 있을 것이라 생각한다.

홈페이지에 들어 가보면

SyntaxHighlighter.config  부분에 대한 옵션들이 있고

SyntaxHighlighter.defaults  부분에 대한 옵션들이 있다.

블로그질 좀 하겠다고 이렇게 TISTORY에 자리를 잡고서는 뭔가 쓴게 없다.


하지만 오랜만에 이렇게 글을 쓰겠답시고 글을 쓰고 있으니 감회(?)가 새롭다.


서울에 와서 이렇게 저렇게 생활하고 지나다 보니 어느덧 1년 이라는 시간이 지났고


1년이 지난 시간을 뒤돌아 보자니 막상 뿌듯한 기분보다는 왠지 모를 후회와 한숨이


내 자신을 뒤덮는 이유는 뭘까? (사실 그게 당연한 것 일지도 모른다.)


정확히 말하자면 1년을 뒤돌아 보는 것이 아니라 군대를 전역하고 나서의 시간을 뒤돌아본 느낌이


그렇다고 말하는 것이 더 올바를 것이다. ( 나중에 사진과 함께~~)


1년이 지나는 시점에서 나는 브리지텍이라는 회사에 입사 했다.


물론 비트컴퓨터에서 6개월 과정의 교육을 마치고 신입사원으로 입사가 예정 되어있었던 것이지만


그 사이에 여러가지 사건들과 에피소드들이 많이 있었다. (이것도 나중에 사진과 함께~)


여러가지 사건들을 지나서 무사히 회사에 입사 했고 어느새 3개월이라는 시간이 지나가고 있다.


뭐 아직은 수습사원이지만 2월이 지나고 며칠 지나지 않아 곧 3월이 되면 정식사원이 되겠지만


왠지 멀게 느껴진다. 하지만 곧 올것이다.


이렇게 오랜만에 글을 쓰는 또 한가지 이유는... 이제부터 버려두었던 블로그의 회생을 위해서


조금의 시간투자를 할 것이라는 점이다. -_-lll 결과가 어찌될지는 솔직히 눈에 뻔히 보이지만


이것을 시작으로 나 자신의 변화를 시작하려 하는 것이다.


이제까지 경험해 보고 싶었으나 경험해 보지 못했던 것도 배우고 느낌으로써


기존의 틀에 박혀 있던 나 자신을 깨트리고, 좀 더 부지런해 지고 좀 더 능동적인


사고와 행동을 하기 위해 이제부터라도 한발 한발 내딛을 생각으로 다신 한번 각오를 다져본다.


어렵다. 어렵다. 하는 2009년!! 올해는 나 자신을 파괴하는것으로 부터 시작해 많은 변화로


이 위기를 기회로 만들수 있는 열쇠를 손에 쥐겠다.!!!

이글이글 타오르는 여름 햇살 아래 아스팔트 위에서 아른거리는 아지랑이를 따라

나는 익숙한 거리를 걷고 있었다.


친구들과 만나기로 한 약속을 잊은건 아니였다.

난 친구들을 만나러 가기 위해 버스 정류장에서 버스를 기다리고 있는 중이였고

귀에서는 CD-PLAYER가 힘차게 '윙~윙' 돌며 언제나 듣던 노래를 들려주고 있었다.

그러다 문득 작년 여름이 떠올랐다.

그렇게 오래되지 않았을 기억을 따라서 아니 쫒아서 잠시 생각에 빠져 있을 때였다.

순간 뜨거운 햇살에 정신을 차리게 되었고 자신도 모르는 사이 두번 다시 타지 않을 거라

생각했던 버스를 타고 그곳에 도착해 있었다.


왠지 모를 패배감이 몰려왔다. 다시는 오지 말아야 할 곳에 왔다는 생각에 자존심이 무너지는 듯 했다.

하지만 그런 생각도 잠시... 곧 가슴 깊숙이 묻어 두었던, 다시 꺼내고 싶지 않았던 추억이 머리 속을

혼란 스럽게 했다. 머리속으론 거부 했지만 몸은 익숙하다는 듯 추억이 묻어있는 거릴 걸었고

난 그렇게 친구들과의 약속은 잠시 뒤로 한채 추억을 따라 걷기 시작했다.

혼자 걷는것 빼곤 다를바가 없는 익숙한 길…. 때로는 짖굿은 장난을 치며 걸었고

걸으며 많은 이야기를 나눴던 그 이야기 하나 하나가, 단어 하나 하나가 머리속에서가 아닌

CD-PLAYER를 통해 이어폰으로 들려오는 듯 생생하게 들려왔다.

이마엔 땀방울이 송글송글 맺히며 다시금 나에게 여름이 왔다는 사실을 알리는듯 했다.

그렇게 나의 여름은 천천히 시작 되고 있었다.