컴박사2012. 3. 19. 13:29

티스토리에서 소스코드 Syntax Highlighting 적용

몇년을 귀차니즘으로 버티다가 기어이 "소스코드 문법 강조 스타일"을 적용해본다. 짜잉나는 네이버 블로그를 떠난 이유도 이런 자유도 때문이 아닐까 한다.

1. js 및 css 다운로드

 - http://alexgorbatchev.com/SyntaxHighlighter/download/ 에서 zip 파일 내려받기
 - 글쓰는 시점에는 syntaxhighlighter_3.0.83.zip 입니다.
 - 임의의 폴더에 압축 해제시켜 놓습니다.


2. js 및 css 등록

 - Admin → 꾸미기 → HTML/CSS 편집
 - "파입업로드" 탭에서 위에서 압축해제한 파일 중 scripts, styles 폴더의 모든 js 및 css를 업로드 합니다.


3. skin.html 수정

 - HTML/CSS 탭 내의 skin.html 내용중 Head 태그내에 아래를 붙여넣음
 - Required 주석이 붙은 것은 반드시 붙여넣어야 하고..
 - Optional 붙은 주석은 이름을 잘 보고 쓰고 싶은 것만 넣으면 됩니다.

<!-- Required including -->
<script type="text/javascript" src="./images/shCore.js"></script>
<link rel="stylesheet" type="text/css" href="./images/shCore.css" />
<link rel="stylesheet" type="text/css" href="./images/shThemeDefault.css" />

<!-- Optional including -->
<script type="text/javascript" src="./images/shBrushAppleScript.js"></script>
<script type="text/javascript" src="./images/shBrushAS3.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushColdFusion.js"></script>
<script type="text/javascript" src="./images/shBrushCpp.js"></script>
<script type="text/javascript" src="./images/shBrushCSharp.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushDelphi.js"></script>
<script type="text/javascript" src="./images/shBrushDiff.js"></script>
<script type="text/javascript" src="./images/shBrushErlang.js"></script>
<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJavaFX.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPerl.js"></script>
<script type="text/javascript" src="./images/shBrushPhp.js"></script>
<script type="text/javascript" src="./images/shBrushPlain.js"></script>
<script type="text/javascript" src="./images/shBrushPowerShell.js"></script>
<script type="text/javascript" src="./images/shBrushPython.js"></script>
<script type="text/javascript" src="./images/shBrushRuby.js"></script>
<script type="text/javascript" src="./images/shBrushSass.js"></script>
<script type="text/javascript" src="./images/shBrushScala.js"></script>
<script type="text/javascript" src="./images/shBrushSql.js"></script>
<script type="text/javascript" src="./images/shBrushVb.js"></script>
<script type="text/javascript" src="./images/shBrushXml.js"></script>

<!-- Required including -->
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>


4. 소스코드 작성

 - 에디터 우측상단 html 체크박스 체크 후 HTML 수정모드로 진입하여
 - 아래처럼 pre 태그 내에 소스코드를 써주면 됩니다.

public class A {

}

5. 테스트 결과

public class A {

}


6. 사용 가능한 brush 목록

 - http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes 참조

Brush name Brush aliases File name
ActionScript3 as3, actionscript3 shBrushAS3.js
Bash/shell bash, shell shBrushBash.js
ColdFusion cf, coldfusion shBrushColdFusion.js
C# c-sharp, csharp shBrushCSharp.js
C++ cpp, c shBrushCpp.js
CSS css shBrushCss.js
Delphi delphi, pas, pascal shBrushDelphi.js
Diff diff, patch shBrushDiff.js
Erlang erl, erlang shBrushErlang.js
Groovy groovy shBrushGroovy.js
JavaScript js, jscript, javascript shBrushJScript.js
Java java shBrushJava.js
JavaFX jfx, javafx shBrushJavaFX.js
Perl perl, pl shBrushPerl.js
PHP php shBrushPhp.js
Plain Text plain, text shBrushPlain.js
PowerShell ps, powershell shBrushPowerShell.js
Python py, python shBrushPython.js
Ruby rails, ror, ruby shBrushRuby.js
Scala scala shBrushScala.js
SQL sql shBrushSql.js
Visual Basic vb, vbnet shBrushVb.js
XML xml, xhtml, xslt, html, xhtml shBrushXml.js

잘 되려나 시간되면 테스트 좀 해봐야지...


저작자표시

'컴박사' 카테고리의 다른 글

화면색을 추출하는 EyeDropper 4.0  (0) 2012.03.16
곰플레이어(Gom Player)에서 FLV 실행하기  (2) 2011.12.30
ATI 그래픽 드라이버 다운로드 URL (RADEON X600 Series)  (0) 2011.12.30
HP LaserJet P1102W 무선 네트워크 설정  (0) 2011.12.30
SSD 최적화 방법  (1) 2011.12.30
Posted by 꼰스
컴박사2012. 3. 16. 10:33

화면색을 추출하는 EyeDropper 4.0

아주 오래전부터 사용하던 간단한 툴 하나를 소개합니다.

단순한 HTML 을 직접 작성하다보면 늘 #C00000 과 같은 RGB 색상 코드가 필요하죠?
이때 컴퓨터 스크린에 나오는 어떤 색을 추출해서 RGB 코드를 얻고 싶다면 EyeDropper 를 사용하십시요.


eyedropper40.zip



압축된 파일을 풀면 EyeDropper.exe 파일 하나가 나옵니다. 설치 과정 없습니다.
단순히 실행파일을 실행하시면 되겠네요...



실행 종료는 화면 우측 아래 트레이에서 스포이드 모양의 아이콘을 찾아 오른쪽 클릭 후 종료시키시면 됩니다.



저작자표시

'컴박사' 카테고리의 다른 글

티스토리에서 소스코드 Syntax Highlighting 적용  (0) 2012.03.19
곰플레이어(Gom Player)에서 FLV 실행하기  (2) 2011.12.30
ATI 그래픽 드라이버 다운로드 URL (RADEON X600 Series)  (0) 2011.12.30
HP LaserJet P1102W 무선 네트워크 설정  (0) 2011.12.30
SSD 최적화 방법  (1) 2011.12.30
Posted by 꼰스
컴박사2011. 12. 30. 01:26

곰플레이어(Gom Player)에서 FLV 실행하기

요즘 유튜브나 스트리밍 동영상을 개인 PC에 FLV 형태로 많이 저장하고 듣는데 이넘의 FLV 확장자가 곰플레이어에서 해당 코덱이 없다며 자꾸 에러를 내는 경우가 있지요? 동영상은 나오는데 소리가 들리지 않는답니다.. 쩝.
그럴땐 긴장하지 마시고 "코덱찾기" 버튼을 눌러 코덱을 다운받아 설치하시면 됩니다.

그도 귀찮으신 분을 위해 투철한 서비스 정신을 발휘하여 곰플레이어 FLV 코덱 CoreAAC 파일을 첨부해 봅니다.

CoreAAC-1.2.0.575-3.exe


유용한 정보 되시길...
저작자표시

'컴박사' 카테고리의 다른 글

티스토리에서 소스코드 Syntax Highlighting 적용  (0) 2012.03.19
화면색을 추출하는 EyeDropper 4.0  (0) 2012.03.16
ATI 그래픽 드라이버 다운로드 URL (RADEON X600 Series)  (0) 2011.12.30
HP LaserJet P1102W 무선 네트워크 설정  (0) 2011.12.30
SSD 최적화 방법  (1) 2011.12.30
Posted by 꼰스
컴박사2011. 12. 30. 01:18

ATI 그래픽 드라이버 다운로드 URL (RADEON X600 Series)

제 그래픽카드는 엽기적으로 구립니다.
카트라이더가 처음 나왔을때 구매한 것이니 대략 5~6년 전의 그래픽카드네요.
CPU 는 i5 인데 그래픽이 RADEON X600 라니.. 참으로 처절한 궁합입니다.

보드와 CPU를 바꾼 터라 이젠 Windows7을 써야겠다 싶어 RADEON X600 의 windows7 32, 64bit 드라이버를 찾아봅니다.

[영문페이지]
http://support.amd.com/us/gpudownload/Pages/index.aspx

[한글 페이지]
http://support.amd.com/kr/gpudownload/Pages/index.aspx

위 사이트에서 ATI에서 판매하는 모드 그래픽카드에 대한 모든 운영체제 드라이버를 다운받을 수 있으니 이제 더이상 구리구리한 사이트에서 받지말고 공식 사이트를 애용합시다.
이상한 사이트 들어갔다 개떡 같은(진심이 담긴 단어임) ActiveX 설치하고 좀비피씨 된답니다. ^^

2년도 안된 갤S 갤탭을 아이스크림샌드위치(ICS) 업그레이드에서 누락시킨 모 기업과는 틀리게 ATI는 6년전 그래픽카드의 드라이버를 지원하는군요.. 오호.. 통재라...

저작자표시

'컴박사' 카테고리의 다른 글

티스토리에서 소스코드 Syntax Highlighting 적용  (0) 2012.03.19
화면색을 추출하는 EyeDropper 4.0  (0) 2012.03.16
곰플레이어(Gom Player)에서 FLV 실행하기  (2) 2011.12.30
HP LaserJet P1102W 무선 네트워크 설정  (0) 2011.12.30
SSD 최적화 방법  (1) 2011.12.30
Posted by 꼰스
컴박사2011. 12. 30. 01:10

HP LaserJet P1102W 무선 네트워크 설정

P1102W 흑백 레이져 프린터를 구매해서 써보니 크기, 속도, 네트웍 기능등이 아주 맘에 쏙 듭니다.
무선 네트워크를 사용할 수 있으니 이제 PC 가까이에 있을 필요가 없겠죠?
하지만 인터넷을 찾아보니 펌웨어 업그레이드가 필요하다는둥 셋팅잡기가 쉽지 않나 봅니다.
그래도 공식사이트 메뉴얼이 가장 정확하니 이것을 참고로 시도해봐야겠습니다.

http://h10025.www1.hp.com/ewfrf/wc/product?product=4110396&lc=ko&cc=kr&dlc=ko&lang=ko&cc=kr

성공하면 업데이트 하도록 하겠습니다..
잘 되어야 할텐데....

저작자표시

'컴박사' 카테고리의 다른 글

티스토리에서 소스코드 Syntax Highlighting 적용  (0) 2012.03.19
화면색을 추출하는 EyeDropper 4.0  (0) 2012.03.16
곰플레이어(Gom Player)에서 FLV 실행하기  (2) 2011.12.30
ATI 그래픽 드라이버 다운로드 URL (RADEON X600 Series)  (0) 2011.12.30
SSD 최적화 방법  (1) 2011.12.30
Posted by 꼰스
컴박사2011. 12. 30. 00:58

SSD 최적화 방법

삼쏭 830 Series 128GB 를 구입해서 어떻게 잘 한번 써볼까 인터넷을 찾아 헤맨다..

참고로 아래의 두 제품은 같은 제품이다..
다만 데스크탑용은 PC 하드 자리에 끼울수 있는 가드를 추가제공 한 것 뿐이며 SSD 는 같다.
MZ-7PC128D/KR - D 가 DeskTop. 즉 PC용 가드가 포함됨
MZ-7PC128N/KR - N 은 노트북용.

떠돌아 다니다가 최적화 방법이 가장 잘 정리된 사이트 목록을 적어본다.

(주)비아코 FAQ - SSD 최적화 가이드
http://viako.com/viako/support04.asp?draw_id=3546&board_id=FAQ&state=view

[SSD하드 활용] SSD 최적화 방법 ① ~ ②
1편 - http://blog.coolzen.co.kr/140141913065
2편 - http://blog.coolzen.co.kr/140142316383

여기 나온 대로만 해도 충분히 잘 활용할 수 있을듯 하다..
 
저작자표시

'컴박사' 카테고리의 다른 글

티스토리에서 소스코드 Syntax Highlighting 적용  (0) 2012.03.19
화면색을 추출하는 EyeDropper 4.0  (0) 2012.03.16
곰플레이어(Gom Player)에서 FLV 실행하기  (2) 2011.12.30
ATI 그래픽 드라이버 다운로드 URL (RADEON X600 Series)  (0) 2011.12.30
HP LaserJet P1102W 무선 네트워크 설정  (0) 2011.12.30
Posted by 꼰스

티스토리툴바