이곳에 제 자료를 찾으려 오신 분들께 감사와 사과의 말씀을 드립니다.

  구글 에드센스에서 불법 소프트웨어에 관한 경고가 와서 이곳의 자료들은 비공개로 하고 자료를 드리지 않습니다.

  cakel@네이버.컴 으로 요청 하시면 바로 드리겠습니다. 계속 cakel.tistory.com 은 운영 중이니깐 애용 해주시기 바랍니다.

  만약 이곳이 부활 한다면 이 글은 비공개로 들어갈 겁니다 ^^
Posted by 카켈
블로그가 커지니깐 이런 일이 발생하네요.
한글화된 Giveawayoftheday 가 서비스 될때 까지 해볼려고 했던 계획에 제가 쓸때 없는 욕심을 부린지 4개월 동안... 삽질 한게 그냥 물거품이 되었습니다;

좀더 일찍 고민을 했으면 이런 고생을 하지 않았을텐데 말이죠. 당분간 Giveawayoftheday 번역을 당분간 중단합니다.

그리고 다른 파일도 반성하고 같이 다 삭제 했습니다. 솔직히 기분 찹찹합니다만; 제가 잘못했으니깐, 앞으로 제대로 된 포스트를 약속 드립니다 ^^; 필요하시면 앙꼬 빠진 포스트는 가능합니다; 이때껏 반응이 없어서 지켜보겠습니다.

일단은 Wikipedia Today's Picture 포스트와 Digg.com 글들을 보고 괜찮은 거 보고 번역하겠습니다. RSS 등록 하신분과 당골로 오신 분들께 죄송하다는 말씀을 드립니다.

다른 글로 찾아 뵙겠습니다.
Posted by 카켈
소개

  개발툴에서 코드를 작성을 하면 함수별로 특별하게 효과를 주고 깔끔하게 본 적이 있을 겁니다. 하지만 이를 웹에 적용 시키기란 쉽지가 않습니다. 따로 용도에 따른 HTML 태그를 직접 적용 시켜야 하는데 너무 번거롭습니다. 이를 웹에서 쉽고 자동으로 바꿔주는 스크립트 프로그램을 이 포스트에서 소개 하고자 합니다.


사용자 삽입 이미지

웹 사이트 중에 자동으로 이렇게 해주는 걸 블로그에서도 하면 좋지 않을까가 탐구의 시작이였습니다.

프로그램상에서의 태그/함수 지원

  비주얼 스튜디오에서 printf 를 치면 자동으로 색깔이 빨간색이 되고 주석문(/* */ 나 // 를 하면 자동으로 녹색을 바꿔 주는 것을 확인 할수 있습니다. 또한 다른 언어들도 편집하고 도와 주는 프로그램 (IDE : Integral Development Environment 통합개발 환경) 에서 가독성을 편리 하게 도와 주기 위해서 글꼴 효과를 자동으로 입혀 줍니다.

사용자 삽입 이미지

Xilinx 9.1i ISE 에서 보시는 봐와 같이 자동으로 예약어는 파란색으로 주석은 녹색으로 처리 해줍니다.

  이 효과는 코드 파일 자체에는 없지만 프로그램에서 자동으로 인식하여 변환 시켜 주는 기능을 가지고 있습니다. 이 코드를 밖으로 빼서 복사하면 일반 TEXT 이기 때문에 특별한 효과를 줄려면 프로그램 상에서 지원을 해주어야 합니다.

사용자 삽입 이미지

Desyedit 나 Editplus 같은 확장 메모장 프로그램에서는 이를 자동으로 인식하고 지원합니다.

  웹으로 올리려면 웹브라우져에서 인식을 해주면 좋을 텐데 아쉽게도 웹 브라우져에서는 기본적으로 해주지 않습니다. 이를 알아서인지 여러 좋은 프로그램(GNU Source-highlight)들 이 코드  파일을 HTML 태그를 입혀서 수동이나마 변환 시켜주는 프로그램들이 나와 있습니다.

  오늘 제가 소개 해 드리는 것은 Javascript 를 사용하여 자동으로 코드에 직접 영향을 주지 않고 글꼴 효과를 입히는 역할을 웹브라우져가 할수 있게끔 도와 주는 프로그램입니다.

지원 언어

자주 쓰는 웹/컴퓨터 언어 대부분을 지원합니다.

Bison
C/C++
C#
ChangeLog
CSS
Diff
Flex
HTML
Java
JavaScript
LaTeX
Log files
M4
Makefile
Pascal
Perl
PHP
Prolog
Python
Ruby
Shell
SQL
Tcl
XML

작동 원리

main script(메인 스크립트)에서 코드를 language definition file(언어 정의 파일) 을 기반으로 분석을 하여 필요한 키워드에 stylesheet (스타일쉬트 - 글꼴 형태)에 정의된 형식을 적용합니다.

지원 브라우져
  • Firefox 2
  • Internet Explorer 6
  • Internet Explorer 7
  • Opera 9
설치 하기 (티스토리 기준 - 테스트 할 곳이 없어서 여길 기준으로 합니다.)

0. 우선 파일을 받습니다. 우선 3 종류의 파일이 있습니다
invalid-file

번거로우시면 여길 클릭!

.

바로 받기 홈페이지 : http://shjs.sourceforge.net/doc/download.html
  1. The main script or the minified version - 기본 핵심 스크립트(JS)
  2. A language definition file - 언어 정의 파일(JS)
  3. A stylesheet (alternatives) - 정의된 스타일 시트(CSS)


1. Javascript 와 Sytlesheet 를 계정에 올립니다.
  - 다른 웹사이트나 태터툴즈도 쉽게 적용 하실수 있습니다.
  - 위에서 언급한 3종류의 원하시는 언어 정의가 담긴 Javascript(자바 스크립트)와 키워드에 따라 정의된 Stylesheet(색상표)를 받습니다.

2. 업로드
  - 티스토리에서는 사용자 스킨 업로드를 하면 상대 주소가 ./images 곳에 저장이 됩니다.

사용자 삽입 이미지

올립니다

3. (스킨 편집 - 하나) head tag 부분에 적용 하기
  - head 부분에 스크립트와 stylesheet 를 쓰는 부분에서 아래 줄을 추가 합니다.
<script type="text/javascript" src="./images/sh_main.js"></script>
<script type="text/javascript" src="./images/sh_cpp.js"></script>
<link type="text/css" rel="stylesheet" href="./images/sh_nedit.css">

위 예제에서는 sh_cpp.js 라는 cpp 언어 정의와 sh_nedit.css 로 적용된 색상표를 사용합니다.

4. (스킨 편집 - 둘) body tag 부분에 적용하기
- body 부분에 <body onload="sh_highlightDocument();"> 를 적용합니다.

사용자 삽입 이미지
적용 시킨 화면 입니다. 반전된 부분을 보세요.


5. 예제 코드를 작성 해 봅니다.
- pre 태그로 시작해서 /pre 태그로 마감합니다.
사용자 삽입 이미지

입력된 HTML 코드 입니다.
사용자 삽입 이미지
홈페이지에 나와 있는 결과 물입니다.

  - 꺽쇄(<>) 부분은 살려지지 않습니다. 이후에 다시 수정으로 입력하면 되니깐 결과물을 꼭 확인 하시기 바랍니다.
  - pre 태그 안에 있기 때문에 글꼴의 속성이 없어 집니다. 그리고 테터툴즈 고유의 keylog 기능이 작동하지 않습니다.
  - 지원하는 언어에 대한 pre class 와 필요한 파일(.js 가 head 태그 부분에 포함 되어야 합니다. 예를 들어 C++ 코드를 지원하기 위해서 <script type="text/javascript" src="./images/sh_cpp.js"></script> 코드를 head 부분에 넣어 줘야 합니다.

Language HTML class
Bison sh_bison
C/C++ sh_cpp
C# sh_csharp
ChangeLog sh_changelog
CSS sh_css
Diff sh_diff
Flex sh_flex
HTML sh_html
Java sh_java
JavaScript sh_javascript
LaTeX sh_latex
Log files sh_log
M4 sh_m4
Makefiles sh_makefile
Pascal sh_pascal
Perl sh_perl
PHP sh_php
Prolog sh_prolog
Python sh_python
Ruby sh_ruby
Shell sh_sh
SQL sh_sql
Tcl sh_tcl
XML sh_xml

다양한 프로그램언어를 지원합니다. 이를 적당히 잘 적용해야지 필요한 효과를 얻을수 있습니다.

6. 결과를 직접 확인 합니다.

사용자 삽입 이미지
sh_berries-light.css 스타일 시트를 적용했습니다. 직접 보기

7. 문제 확인
  - 색상이 적용되지 않는다 : 글쓰는 곳에서 HTML 태그 모드로 작성을 해야지 편집기 모드로 작성을 하면 적용이 되지 않습니다.
  - 조금 느리게 적용된다 : 웹 페이지가 다 읽은 후에 스타일을 적용하는거 같습니다.
  - 편집기에서 작업한 내용에 의도하지 않은 글꼴이 적용된다 : pre class="sh_html"  또는 pre class="sh_sh sh_sourceCode" 태그가 의도되지 않게 추가 될수 있습니다.
  - 다른 언어 지원 : source-highlight manual. 부분을 참조 하시고 만드신 .lang 파일을 download 부분에 있는 sh2js.pl 을 이용하여 변환 시킵니다. 이때 perl 이 필요 합니다.
예 - foo.lang 을 sh_foo.js 로 변환 합니다.
 : perl sh2js.pl foo.lang > sh_foo.js

결론

- 프로그래머들에겐 이 스크립트는 snap.com 처럼 강력한 블로그 툴입니다.

참고 사이트


- SHJS - Syntax Highlighting in JavaScript
- GNU Source-highlight 2.6
- BeeJ's Guide to Network Programming
- DesyEdit 2.1 나왔습니다!! - jwmx 님

Posted by 카켈
사용자 삽입 이미지

   화면의 링크를 바로가지 않고 마우스만 갖다 대기만 해도 그 링크에 엮인 사이트의 대략적인 모습을 볼수 있게 하는 Snap.com 이 한국어를 지원하게 되었습니다.

  신청 하지 않으신 분들도 아래 링크에서 지금 시작하기를 누르셔서. 웹페이지에 등록하면 간편하게 해당 기능을 구현할수 있습니다.

지금 시작하기


사이트/블로그(예: 티스토리)에 적용 시키는 방법

1. 우선 마법사를 수행하여 스크립트를 받습니다.
사용자 삽입 이미지

필요한 조건들을 확인하고 입력합니다. 한글화 되어 있어서 편하게 하실수 있습니다.


사용자 삽입 이미지

필요한 사이트 주소와 메일 주소를 입력하고 사용자 동의에 체크합니다.


사용자 삽입 이미지
선택사항으로 강제로 보여주기 싫다는 분들을 위해서 Opt-In 사항이 있습니다. 확인하시고 필요하시면 선택하시면 됩니다.

2. 스크립트를 HTML 코드 상위 부분에다가 넣으시면 됩니다.
사용자 삽입 이미지

티스토리의 스킨 부분 상단에 넣었습니다.

3. 작동을 확인합니다.

사용자 삽입 이미지

한글로 나오는 군요.


4. (선택사항) 추가로 옵트-인 선택사항을 사이드바에 넣어 줍니다.
사용자 삽입 이미지

티스토리에는 사이드바 사항에 스크립트 배너로 추가할수 있습니다.
Posted by 카켈

BlogAPI을 사용하여 시험적으로 쓰고 있습니다. 첫인상이 너무 깔끔해서 소름이 끼치는 군요.

그림 조정하는데 CPU(2400+) 가 버겁습니다. 슬슬 힘들어 지는군요.
Live Writer 랑 비교해서 블로그 하는 입장만 봐서는 딱히 좋은 점은 찾아보기가 힘듭니다. 포스팅 하는 데에는 Live Writer 가 조금 제공되는 옵션이 있습니다만 도토리 키재기군요. 둘 다 괜찮은 프로그램입니다. 과연 어떻게 뻗어갈지 기대가 되는 제품들입니다.

Posted by 카켈

 

원래 네이버 블로그에 올릴려고 했지만... 불안(?)해서 이쪽으로 옮겨서 포스팅 합니다.


  밤새다가 재미 있는글을 봤습니다. 노트북 화재? 그것도 삼성 노트북... 예전 국산 노트북이 일제와 다르게 배터리가 달라서(뉴스 보니깐 도시바라 합니다.) 화재가 나지 않는다는 이야기를 문득 떠오를 찰라 그 동영상을 보게 되었습니다 까맣게 탄 SP10 ... 폰카였고 일부러인지 아니면 사고인지는 모르지만 책상을 까맣게 그으린 노트북이 찍혀있더군요. 동영상은 이미 올려져 있겠고 화면이라도 저장하자 싶어서 캡쳐 했습니다.

사용자 삽입 이미지

죄송합니다만, 동영상은 재생이 되지 않습니다.


  뉴스에 나오겠다... http://www.engadget.com 에서 또하나의 폭탄이 삼성에서 터졌다는 듯한 글이 나오지 않을까 싶었는데 국내 뉴스들이 먼저 나왔더군요. 이상한건 그 글과 동영상 모두 지워 졌다는 것입니다. 네이버에도 있었고 외부 블로그에도 있었는데 모두 다 지워 졌더군요. 여론을 의식했는지 아니면 무언가의 힘이 왔는지는 모르겠지만 조용히 뭍혀 질까 싶었는데, 이젠 아니더군요. 인터넷의 힘이 큼니다.

사용자 삽입 이미지

구글은 솔직하군요



사용자 삽입 이미지

보고 싶어도 볼수가 없는 비공개 글이 되었습니다.

   저도 거기에 동참할까 싶어서 글을 씁니다. 누군가 올리면 그 글이 일파만파 되는건 이제 시간 문제라는 걸 알았습니다. 키보드로 따닥~ 거리면 이젠 신문의 가십거리에서  TV 뉴스 까지 될수 있다는 사실을 말이죠. 조심해야겠습니다.

  예전 MBC에서 방영한 PD 수첩이 기억납니다. 무섭죠 언론 조작. 지워지고 물살타고 해서 뭍어 지나가게 할려고 해도 이번건은 인터넷과 블로거들의 힘으로 이렇게 알려질수 있지만 나중엔 모르겠습니다. 이 포스트도 언제 지워질지 모르겠군요. 이젠 캡쳐 하거나 데스크톱 검색으로 기록하는게 중요한거 같습니다. 오늘 구글 덕좀 봅니다.

  제 글도 어떻게 될지 걱정되네요. 아무튼 이번 일로 조심하자는 좋은 교훈을 얻었습니다.

Posted by 카켈

  시험삼아 해봅니다. Windows Live Writer (Beta) 쓸려면 .Net Framework 이 필요합니다. 3.0 깔아서 해보니깐 설치 및 포스트가 되는군요.

설치했습니다.


  티스토리 보다는 빠르지만 첨부가 조금 불편한거 같습니다. 첨부 없는 포스트에는 쓸만할거 같습니다. 그림은 메뉴가 있지만 잘 모르겠네요. 메모장에서 붙여 넣기 해서 써봤는데 이것도 괜찮은 거 같습니다.

  앞으로 티스토리의 서비스가 기대됩니다.  유료 서비스 중인 MS Word 랑 경쟁하게 될 무료 서비스인 이 프로그램... 기대가 되는군요.

Posted by 카켈


  인터넷 익스플로러 7.0에서 영화 DB 추가 제보시 영화를 선택하는거 까지는 상담을 통해 해결을 봤지만  이후로 사진 업로드와 게시글이 써지지 않습니다. 현재 상담을 요청한 상태이며 결과를 기다리고 있습니다.
Posted by 카켈


  아주 자주는 아니지만 포스트를 수정을 하면 5번 하면 1번 빈도 혹은 첫방에 바로 걸리는 경우가 많습니다. 이 때 태그가 완전히 삭제되는 일이 일어 납니다. 현재 네이버와 문의 중입니다. 완료가 되면 이 글을 수정하겠습니다.
Posted by 카켈
사용자 삽입 이미지
홈페이지 입니다.


  마이크로소프트의 ActiveX 때문에 우리나라 정부가 굽신거리며 지원 요청을 한 뉴스는 이미 익히 봐서 잘 알고 있습니다. 전자정부를 추구하는 정보강국이 ActiveX 하나에 이리 저리 쓸려 다니는 걸 보면 바쁘게 바뀌는 인터넷 기술을 대비 못한 결과 라는 교훈을 얻었습니다.

사용자 삽입 이미지

ActiveX 에 관한 소식은 아직도 뜨겁습니다. 출처 - 네이버

  우리나라 내에서라도 이런 독과점 기술 같은 일이 없어야 하지 않아야 할거 같은데 요즘 EBS 의 PMP 지원 문제로 시끄럽습니다. 원래 네이트에서 서비스 하는 PMP 서비스가 아이스테이션 용으로 나왔었나 봅니다. 이번 컨텐츠 개선때 해상도가 바꿔져서 타 PMP 재생에 문제가 있다고 합니다. 게시판에 보면 문의 글이 쇄도 하는데 해결책은 어이없게도 한 업체의 PMP 를 쓰는거라고 합니다.

사용자 삽입 이미지
휑한 PMP 지원 현황판 ... 출처 - 네이트

사용자 삽입 이미지

PMP에  관한 문의글

사용자 삽입 이미지

책임을 회피하는 EBSi ... 컨텐츠 배포는 자기 소관이 아니여서 일차적으로 답변을 회피합니다.

  OS 가 하나가 아니듯이 PMP 도 하나가 아닙니다. 이러다가 한 회사의 독자적 표준 아닌 표준으로 여러 업체들이 휘둘리게 생겼습니다. 리눅스라는 운영체제가 있듣이 PMP 도 다른 제품들이 많이 있는데 유독 한 업체의 제품만 써라고 하는건 규모상이나 분위기를 봤을때 솔직히 어이가 없었습니다.

사용자 삽입 이미지

다나와만 가서 검색만 해도 수많은 브랜드가 있는데 현재 단 한 브랜드만 EBS 를 지원합니다. 출처 - 다나와

  소송으로 해결할지 아니면 펌웨어로 해결할지... 아무튼 한동안 상당부분 진통이 될거 같습니다. 이번 일로 아이스테이션은 수능이라는 컨텐츠를 사고 아닌 사고로 독자적으로 이용하게되어 횡재를 얻은거 같습니다. 덕분에 AS 잘해줄지 기대가 됩니다.

  디지털큐브에서 만약 DRM 이라도 걸리면 ... 최악의 시나리오가 떠올라서 걱정되네요.
Posted by 카켈
네이버 - 연합뉴스 : [강원 강릉에 규모 4.8 지진]

  게임하고 있는데 의자가 후덜거려 알아보니 지진이 일어 났습니다. 이번건 조금 쌔네요. 진도 4~5 정도면 흔들리는 느낌이 날 정도니 우리 나라도 이제 지진에 대비 해야 할듯 합니다.
Posted by 카켈
새로 장만을 하던지 해야겠습니다 ㅠ.ㅠ
도서관에 넣어 놨는데, 어느 분이 싹 빼가셨나 봅니다.

잠시 음성강의 보류하겠습니다. 잘 들었는데, 정말 아쉽네요.
Posted by 카켈


0123456789

012345


보관하고 싶은데 용량이 너무 커서 여기다 넣습니다 ^^;
PSD 파일로 큼직한 일러스트가 있습니다.

이걸 보니깐 NDS Lite 가 너무 끌립니다.

스크린샷은 보너스
출처 : http://press.nintendo.com (ID : guest PW : nintendo)

Posted by 카켈
이전페이지 1 다음페이지