옷장수 나라

Textcube에도 집을 마련했습니다.

2008-08-06T16:13:00.000+09:00

드디어 데이타 복원에 성공하여 Textcube에도 집을 장만하였습니다. ^^
가벼우면서도 쉬운 사용성 때문에 왔기는 했는데.. 스킨 편집이 안되네요 ^^;;;;

일단은, 두 집 살림을 해야겠네요 ^^

JSEclipse가 종료되었군요.

2008-08-05T20:02:00.000+09:00

Eclipse에서 JavaScript 플러그인으로 JSEclipse를 사용했었습니다. Adobe에 인수된 뒤로 제대로 유지보수도 안되더니만, 결국에는 Flex Builder의 옵션 플러그인으로 집어넣고, 플러그인을 종료해버렸군요.

이클립스의 JSDT가 나와있기는 합니다만, WTP R3.0 이상에서만 지원이 되는 것 같네요. (WTP R 3.0에서는 PDT와 Subclipse가 제대로 동작하지 않는군요.)

Adobe도 믿을 것은 못되는군요.

P.S > PDT Nightly Build 버전을 설치하여도 안되네요. ㅠㅠ 정식 버전을 기다려야 할 것 같습니다. Adobe ㅅㅂㄹㅁ...

Bang == !

2008-08-05T14:38:00.000+09:00

Douglas Crockford 님의 "The JavaScript Programming Language 1/4"강의에서 !를 Bang이라고 하더군요.
Wikipedia에서 검색해보니 다음과 같이 불린다고 하는군요.

exclamation mark
exclamation point
screamer
bang - "Bang" is also common in computer programming slang

출처: Wikipedia, Douglas Crockford 님의 "The JavaScript Programming Language 1/4"

※ BANG 하니, 오랜만에 떠오르는 이 BANG도 있군요. (아.. 이놈의 덕후;;;)

The Hitchhiker's Guide to the Galaxy

2008-08-03T23:11:00.000+09:00

The Hitchhiker's Guide to the Galaxy

영화의 내용보다 빈약한 가이드~

querySelector()와 querySelectorAll()의 지원여부

2008-08-01T13:55:00.000+09:00

./with Imagination 블로그에서 "Firefox 3.1 brings good stuff"라는 글을 읽었는데요.

document.querySelectorAll("p.warning, p.error");
document.querySelector("#foo, #bar");

querySelector()와 querySelectorAll()을 지원한다고 합니다.

Webkit(2월 7일 이후 빌드), IE8, Firefox 3.1 모두 native로 지원하게 되었으니 엄청 빨라지겠군요. -_-;;;

출처: "Firefox 3.1 brings good stuff"

YES24 로그인 오류...

2008-07-31T06:03:00.000+09:00

YES24 는 ASP.NET을 사용하고 있었구나....
그나저나 로그인 페이지에 오류라;;;;;;;;;;

내 책은 언제 오는거야~

티스토리 미션9 - 참여후기

2008-07-30T13:41:00.000+09:00

드디어 티스토리 베타 미션도 마지막입니다. '참여후기'와 '티스토리에 바란다'가 주제인데요.

티스토리 2008 베타는 잘 만들어진 애플리케이션이라고 볼 수 있습니다. 디자인도 깔끔해졌구요.

그러나,

"내가 이런 변화를 원하는가?"

를 물으신다면, 글쎄요... 저라면 좀 더 가볍고 빠른 애플리케이션에서 사용하고 싶다고 말씀드리고 싶네요.

티스토리는 포탈 블로그가 아니였습니다.

포탈과 같이 무거운 서비스가 아니였습니다.

포탈을 원했다면 다음블로거를 쓰면 되는 일입니다.

티스토리의 본래의 모습인 웹을 존중하고 가벼운 서비스를 원합니다.

이전 에디터를 개편 후에도 사용할 수 있었으면 좋겠습니다.

Tidy

2008-07-29T19:29:00.000+09:00

php에서 html을 파싱하여 특정 node의 innerHTML을 얻어내는 프로그램을 작성하려고 했습니다. 올빼미 님의 도움으로 Tidy라는 라이브러리를 알게되었는데요. 설치(윈도우, 한글 메뉴얼) 후

tidy_node->get_nodes(TIDY_TAG_DIV)

를 호출하자 다음과 같은 에러가 발생하더군요.

Fatal error: Call to undefined method tidyNode::get_nodes()

해결 방법은 못찾았습니다. -_-;;;;;; (Tidy의 php 5.1.2 버전의 dll에서는 발생하는 것 같습니다. 다른 버전은 모르겠구요.)

야근 내내 삽질(OTL)만했군요.

미션8 - 나만의 팁

2008-07-26T15:24:00.000+09:00

사실 블로그의 기능을 다양하게 쓰지는 않기 때문에 팁이라고 붙이기는 어려울 것 같네요 ^^;;;; 본 포스트도 8번째 미션을 위한 포스트로 보셔도 될 것 같습니다. (후후;;;;)

2008 베타에서 업데이트 된 기능 중 하나가 사진 올리기 기능에서 '올리기 일괄 설정'이 추가된 건데요.

사진들을 올릴 때 사진 가로크기를 직접 설정하여 올릴 수 있게 되었습니다. 게다가 사진 정렬을 직접 넣을 수도 있으며 이미지 왼쪽 흐름, 오른쪽 흐름 정렬을 추가하여 이미지 옆에 글을 직접 쓸 수 있게 되었죠.

옆의 사진은 스페인 여행 때 찍었던 바르셀로나 Mercè 2007의 사진입니다.

DSLR이 대세인 시기에 이미지 원본 저장 기능의 지원과 쉬운 이미지 축소/확대의 기능의 지원은 흐름에 딱 맞는 에디터 기능이 아닐까 싶네요.

이상.. 팁이였습니다. -_-bbbbbb

티스토리 2008 베타 오픈 리뷰 (7) - 플러그인

2008-07-26T15:01:00.000+09:00

티스토리 2008 베타에서 플러그인 설정화면도 바뀌었는데요. 이전 설정 화면에서는 플러그인 설정을 하려면 팝업창을 띄우고 값을 설정한 후 저장을 해야 했습니다.

변경된 플러그인 설정창에서는 팝업창을 띄우지 않고 플러그인 페이지에서 바로 설정이 가능합니다.

설정 버튼을 누르면 플러그인 설정 페이지가 열리고 설정내용을 입력한 후 사용을 누르면 활성화가 됩니다.

플러그인 페이지가 바뀐 부분은 환영할만한 부분입니다만, 몇 가지 아쉬운 점이 있습니다.

주로 사용하였던 Daum 책 정보 넣기 플러그인이 종료되었다는 점하구요.
(종료예정인 플러그인들이 왜 종료되는 지에 대한 설명도 함께 넣어주면 좋을 것 같습니다. )
플러그인 설명에 대한 미흡함

태터툴즈에서 제공하는 플러그인의 설명을 클릭하면 텍스트큐브로 이동하였다고 설명하는 페이지로 연결됩니다.
플러그인을 사용하면 어떻게 변하는 지에 대한 캡쳐 이미지나 왜 사용하면 좋은지에 대한 내용도 매우 부족한 것 같습니다.

개인이 직접 플러그인을 작성하고 올리수 없는 점 (가이드 같은 것도 같이 제공되었으면 좋겠습니다.)

추가되었으면 하는 플러그인은 Syntax Highlighter를 플러그인으로 만들어 주셨으면 합니다. ^^

// Code from jQuery 
var jQuery = window.jQuery = window.$ = function( selector, context ) {	
// The jQuery object is actually just the init constructor 'enhanced'	
return new jQuery.fn.init( selector, context );};

기대해도 되는거죠?

25일

2008-07-25T10:08:00.000+09:00

월급날입니다.

대출, 전기세, 카드값 이것저것 때고나니 남는게 없군요.

'도대체 뭐한거지???? -_-;;;;'

저의 첫 페이지는 '다음'입니다.

2008-07-22T15:45:00.000+09:00

구글 또는 about:blank를 즐겨 사용하다가 요 며칠 전 이슈를 보고서 첫 페이지를 다음으로 바꿨습니다.

처음에는 불편하다가 지금은 꽤 쓸만하더군요. -_-;;;;; 그래도 blank가 더 좋기는 합니다. 쩝~

그러나, 가끔 이 분들을 보기 위해서 네이버는 갑니다. ^^

jQuery와 다른 라이브러리를 함께 사용하기

2008-07-21T09:37:00.000+09:00

시작하는 글

jQuery는 다른 라이브러리와 함께 사용할 수 있도록 만들어졌는데요. jQuery라이브러리와 플러그인들은 jQuery(namespace) 안에 포함되도록 제한되어 있습니다. jQuery의 일반적인 규칙으로 "global"한 객체들은 모두 jQuery(namespace) 안에 정의되어지기 때문에 Prototype이나 MooTools 또는 YUI와 충돌에 관해서 걱정할 필요가 없습니다.

그러나, 단 하나의 예외가 있는데요. jQuery 라이브러리에서 jQuery(namespace)의 shortcut으로 사용되는 $입니다.

$ 함수 재정의하기

그러나, 이러한 $에 대해 충돌이 발생하더라도 jQuery.noConflict()를 호출함으로서 해결할 수 있습니다. (jQuery.noConflict()를 호출하기 위해서는 jQuery 라이브러리가 선언된 뒤여야만 합니다.)

<html>
<head>
<script src="prototype.js"></script>
    <script src="jquery.js"></script>
    <script>
    jQuery.noConflict();

      // Use jQuery via jQuery(...), $가 아닌 jQuery를 사용
      jQuery(document).ready(function(){
         jQuery("div").hide();
      });

      // Use Prototype with $(...), etc.
      $('someid').hide();
    </script>
</head>
<body></body>
</html>

jQuery.noConfict()를 호출하게되면 _$(jquery.js 파일이 로딩될 때 기존에 선언되었던 $의 내용을 _$에 저장)의 내용들을 복원하게 됩니다. $를 호출하게 되면 위에서 선언하였던 prototype의 $가 호출이 되지만 jQuery는 페이지의 다른 곳에서 계속 사용할 수 있게 됩니다.

이 외에도 다른 해결책도 있습니다. 다른 라이브러리와 충돌이 나지 않는 shortcut을 선언하는 것입니다.

<html>
<head>
<script src="prototype.js"></script>
    <script src="jquery.js"></script>
    <script>
    var $j = jQuery.noConflict();

       // Use jQuery via $j(...), $가 아닌 $j를 사용
      $j(document).ready(function(){
         $j("div").hide();
      });

       // Use Prototype with $(...), etc.
      $('someid').hide();
    </script>
</head>
<body></body>
</html>

jQuery.noConflict()에서 리턴되는 값은 jQuery입니다. 여기에 $j가 jQuery를 참조하도록 하는 코드구요. 당연히 $j 외에도 여러 다른 기호들을 alias로 사용할 수 있습니다.

jQuery 코드

jQuery 시작 부분을 보게 되면 jQuery에서 사용되는 jQuery와 $ namespace에 대해서 따로 저장을 하게 되구요.

// Map over jQuery in case of overwrite
var _jQuery = window.jQuery,
// Map over the $ in case of overwrite
_$ = window.$;

noConflict 함수가 호출되는 경우 이를 복원하는 형태를 취하고 있습니다.

jQuery.extend({
    noConflict: function( deep ) {
        window.$ = _$;

        if ( deep )
            window.jQuery = _jQuery;

        return jQuery;
    },

참고자료

WYSIWYG.CSS - 티스토리 2008 베타

2008-07-20T14:38:00.000+09:00

티스토리 2008 베타에서는 wysiwyg.css 스펙을 추가하였는데요. 스킨을 작성할 때 wysiwyg.css를 따로 정의하면 글쓰기 페이지를 로딩할 때 wysiwyg.css를 읽어와서 글쓰기 페이지에 적용하게 됩니다.

지금까지는 Butterfly 스킨, IsBase 스킨, Moving Box 스킨, Pure 스킨, ViewFinder 스킨에 적용이 되었습니다. 아래는 적용한 예이구요.

스킨을 잘 구조화시키고 분리하였다는 생각이 드네요. 에디터의 header를 보면 wysiwyg.css 파일을 link 태그로 뿌려주는 것을 볼 수 있습니다.

티스토리 2008 베타 오픈 리뷰 (6) - 각주와 양쪽정렬

2008-07-20T13:55:00.000+09:00

각주

최근에 보았던 Gatorlog 님의 "도움을 구합니다: commentpress에서 footnote 문제"글에 Zonathan Zittrain 교수가 쓴 The Future of the Internet and How to stop it 소개가 나옵니다. 여기에서 각주를 사용하고 있는데요.

각주를 저장할 페이지를 따로 생성합니다. 각각의 각주의 타이틀에는 <a name="note-1">타이틀<a>와 같이 선언해줍니다.
스킨(?) 페이지에 팝업창을 띄우기 위한 자바스크립트 코드를 추가합니다.
각주를 삽입할 위치에 각주로 이동하기위한 코드를 추가합니다.

책에서의 각주처럼 각주를 책의 마지막(다른 페이지)에 옮긴 후 링크만 남겨놓은 형태가 됩니다.

티스토리의 2008 베타에서 제공되는 각주는 위의 형태와는 좀 다른 방법을 취하고 있습니다. 먼저 사용방법은 다음과 같습니다.

입력부분은 각주 이미지와 함께 쉽게 입력할 수 있게 되어있지만 아쉽게도 Textarea로 구현되어 있어서 위지윅 스타일의 HTML 코드로 각주를 삽입할 수는 없습니다. 또한, HTML코드를 직접 삽입하여도 화면 출력시에 모두 제거되는 단점이 있습니다.

각주(footnote)는

논문 따위의 글을 쓸 때, 본문의 어떤 부분의 뜻을 보충하거나 풀이한 글을 본문의 아래 쪽에 따로 단 것 [footnote]다음 국어사전 (http://krdic.daum.net/dickr/small_search_word.do?q=%B0%A2%C1%D6)[/footnote]

이라고 합니다. 논문을 살펴보면 뜻을 보충, 풀이하는 글 옆에 다른 논문 출처가 포함되어서 나오게 되는데요. 마찬가지로 웹에서 각주를 추가한다면 링크 추가는 불가피하다고 생각됩니다. 스타일은 빠지더라도 링크 부분은 삽입될 수 있게 해주면 아주 좋을거라고 생각되네요.

양쪽정렬

티스토리 2008 베타에 양쪽정렬 기능도 추가되었습니다.

바로 아래 단락은 좌측정렬이구요.

무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다.

바로 아래 단락은 양쪽정렬입니다.

무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다. 무궁화 꽃이 피었습니다.

좌측정렬은 style의 text-align 속성에 left를 주었고 양쪽정렬은 justify를 준 것인데요. 양쪽정렬이 필요한 지는 잘 모르겠습니다. -_-;;;

※ 각주 부분에 테스트로 삽입된 내용은 Zonathan Zittrain 교수가 쓴 The Future of the Internet and How to stop it의 글입니다.

티스토리 2008 베타 오픈 리뷰 (5) - 서식

2008-07-20T12:51:00.000+09:00

티스토리의 2008 베타에서 개선된 부분 중 서식도 빼놓을 수 없습니다. (점점 리뷰보다는 미션 지향적으로 변하고 있군요 쿨헉~;;) 서식은 글쓰기 페이지에서 상단의 글 종류에서 서식으로 저장하면 저장이 됩니다.

저장된 서식은 글쓰기 페이지의 우측 서식 항목에서 나오게 되는데요. 서식을 클릭하면 저장했던 양식이 글 본문에 삽입이 됩니다. 구분선 아래 쪽이 서식 포멧을 적용한 예입니다.

시작하는 글

jQuery는 다른 라이브러리와 함께 사용할 수 있도록 만들어졌는데요. jQuery라이브러리와 플러그인들은 jQuery(namespace)안에 포함되도록 제한되어 있습니다. jQuery의 일반적인 규칙으로 "global"한 객체들은 모두jQuery(namespace) 안에 정의되어지기 때문에 Prototype이나 MooTools 또는 YUI와 충돌에 관해서걱정할 필요가 없습니다.

그러나, 단 하나의 예외가 있는데요. jQuery 라이브러리에서 jQuery(namespace)의 shortcut으로 사용되는 $입니다.

$ 함수 재정의하기

<html>
<head>
<script src="prototype.js"></script>
    <script src="jquery.js"></script>
    <script>
    jQuery.noConflict();

      // Use jQuery via jQuery(...), $가 아닌 jQuery를 사용
      jQuery(document).ready(function(){
         jQuery("div").hide();
      });

      // Use Prototype with $(...), etc.
      $('someid').hide();
    </script>
</head>
<body></body>
</html>

이 외에도 다른 해결책도 있습니다. 다른 라이브러리와 충돌이 나지 않는 shortcut을 선언하는 것입니다.

<html>
<head>
<script src="prototype.js"></script>
    <script src="jquery.js"></script>
    <script>
    var $j = jQuery.noConflict();

       // Use jQuery via $j(...), $가 아닌 $j를 사용
      $j(document).ready(function(){
         $j("div").hide();
      });

       // Use Prototype with $(...), etc.
      $('someid').hide();
    </script>
</head>
<body></body>
</html>

참고자료

서식을 작성할 때는 공개설정이 모두 사라지며, 글목록에서 서식목록을 공개로 클릭하는 경우에도 상태를 변경할 수 없다는 말이 나옵니다.

그러나, 베타페이지에서 나온

※ 베타 기간 동안 제작해주신 서식은 이후 정식 오픈 때에 여러분들의 이름으로 서식이 제공될 예정입니다.

를 보면 조만간 서식을 공개, 공유하는 부분이 추가되지 않을까 생각됩니다. N사의 레이아웃기능을 뛰어넘는 티스토리만의 기능이 되기를 기대해봅니다.

※ 허접이기는 하지만, 디자이너가 아닌 개발자로서 무려 4시간의 시간을 투자해가며 만들었답니다. 쿨헉~

서식에 사용된 글

2008/07/20 - [잡학사전/JS(Library)] - jQuery와 다른 라이브러리를 함께 사용하기

서울한강체와 서울남산체 100% 무료는 아니군요.

2008-07-18T18:51:00.000+09:00

오늘 현석님의 공개 한글 서체 포스트를 보다가 문득, 서울한강체와 서울남산체의 Embedding과 관련된 부분이 궁금해서 찾아봤습니다. Preview & Print embedding allowed라고 되어 있더군요.

폰트에는 폰트사용에 관한 라이센스와 폰트 삽입(Embedding)과 관련된 라이센스(?) 두 가지로 나뉩니다.

폰트 삽입과 관련된 항목은 총 4가지로 구성이 되는데요.

Installable embedding allowed: 배포하는 문서에 폰트를 함께 넣어서 배포를 할 수 있고 원격 시스템(remote sysmte)에 영구히 설치를 할 수 있습니다.
Editable embedding allowed: 배포하는 문서에 폰트를 함께 넣어서 배포를 할 수 있지만, 원격 시스템에는 임시적으로만 설치할 수 있습니다.
Print & Preview embedding allowed: 배포하는 문서에 폰트를 함께 넣어서 배포를 할 수 있습니다. 그러나, 원격 시스템에 임시적으로만 설치할 수 있으며, 읽기-전용으로만 사용할 수 있습니다.
Restricted liscence embedding: 문서에 폰트를 포함시켜서 배포할 수 없습니다.

아직 웹에서 ttf파일을 웹폰트처럼 사용할 수 없기 때문에, 문제가 되는 부분은 pdf파일이나 doc 파일같은 오피스 문서에만 해당되기는 합니다. 그러나, 무료로 배포하지만 문서에 포함시켜서 배포하는 부분에 제약을 둔 것은 좀 아쉬운 부분이네요.

서울시에서 배포하는 문서(예를 들어 doc파일)에 서울한강체와 서울남산체를 포함하여서 수정가능하게 배포하면, 라이센스에 위배가 되겠죠.

2008/07/16 - [잡학사전/etc] - 서울한강체와 서울남산체

2007/01/15 - [잡학사전/etc] - 폰트 속성을 쉽게 찾아볼 수 있게해주는, Font properties extension

세 놈 후기

2008-07-18T09:28:00.000+09:00

나쁜 점: 지루한 영화. 정신 사나운 영화. 대사도 제대로 들리지 않던 영화.

좋은 점: 사운드트랙. 송강호의 매력적인 연기. 만화 스타일의 영화.

좋은 놈 나쁜 놈 이상한 놈
감독	김지운 (2008 / 한국)
출연	송강호, 이병헌, 정우성, 류승수
상세보기

별 점 준다면 한.... 2점 ★★

오늘의 교훈: 광고 믿고 영화보지말자!!

티스토리 2008 베타에 개선하였으면 하는 점 두 가지

2008-07-16T20:46:00.000+09:00

탑 네비게이션

블로그 관리 화면의 탑 네비게이션 부분이 변경되었는데요. 변경된 탑네비게이션은 두 동작으로 이루어집니다.

최상위 메뉴의 mouseover 이벤트에 하위메뉴를 펼친다면 마우스 이동과 동시에 하위 메뉴를 클릭할 수 있을 것 같은데요. 또는 이전 메뉴처럼 스킨을 클릭했을 때 스킨 선택 메뉴로 바로 이동한다면 사용자가 한번 더 클릭하게 되는 동작을 줄일 수 있을 것 같습니다.

글 목록에서의 공개여부 버튼

글 목록에서 공개여부와 관련된 버튼들이 추가되었는데요. 처음쓰는 사용자들의 경우 이 아이콘들을 처음보았을 때 이 버튼들이 어떠한 역할을 한다고 명시적으로 알려주는 부분이 좀 부족한 것 같습니다. img 아이콘이라면 alt에 설명을 넣으면 되겠지만, button으로 되어 있어서 어려울 것 같더군요.

상단 또는 하단의 여백 부분에 공개여부라고 설졍하는 내용을 포함하면 어떨까요?

티스토리 2008 베타 오픈 리뷰 (4) - 센터

2008-07-16T20:18:00.000+09:00

이번 포스팅은 리뷰라기 보다는 미션을 위한 포스팅입니다. ^^;;;

저의 센터설정입니다.

개선(또는 추가)했으면 좋은 점들

1. 센터 설정 버튼의 이동. 센터 설정이 프로필 우측 영역(div#tmpCenterPanel)의 하단에 포함되어 있는데요. 센터 패널을 여럿 설정하는 경우 최하단에 위치하여서 설정을 변경하는게 불편한 점이 있는데요. 프로필 영역으로 옮기는게 어떨까 싶습니다. (자주 변경되는 속성이 아니기 때문에 특별히 문제가 될 것 같지는 않네요.)

2. 유입경로의 경우 실시간 로그를 보여주는 패널이 있습니다. 실시간로그가 과연 사용자에게 유용할 지는 모르겠는데요. 대신에 하루 단위로 유입경로가 가장 많은 곳을 보여주는 게 더 의미가 있을 것으로 생각됩니다.

가령 자신이 올린 글이 어떤 검색엔진이나 유명블로거(?)의 링크가 걸려서 갑자기 트랙백이 올라갔다면, 어디에서 왔을까 하는 궁금한 점을 한 눈에 볼 수 있기 때문에 더 좋지 않을까요?

3. 티스토리 이벤트와 공지사항에 중복된 글이 있는데 방향을 잡아서 공지사항과 이벤트를 분리하는 것은 어떨까요? 티스토리 이벤트를 삭제하고 공지사항으로 합쳐도 문제는 없을 것 같습니다만... ^^;;

서울한강체와 서울남산체

2008-07-16T13:25:00.000+09:00

미남이님의 블로그에서 서울서체인, 서울한강체와 서울남산체를 소개하는 포스트를 보았습니다.

음.. 좋군요 ^^. 서울색이라는 항목도 있습니다.

http://design.seoul.go.kr/policy/data_view.php

출처

서울시에서 서울서체 무료 배포 - 미남이의 이러쿵저러쿵
서울서체, 서울색 - 서울특별시 디자인총괄본부

Lively

2008-07-15T16:33:00.000+09:00

구글의 Lively를 붙여보았습니다. 우리 돼지 어디있을꼬~?

느리기는 하지만 나름 중독있군요. 물건 다루기가 힘드네요 ㅠㅠ

※ room name과 description이 입력이 안되면 저장이 안됩니다. 이것 때문에 삽질 좀 했네요 ;;

티스토리 2008 베타 오픈 리뷰 (3) - 사이드바와 하단 설정창

2008-07-14T23:25:00.000+09:00

사이드바와 하단 설정창에 대해서 가장 큰 불만은 작다는 불만이 가장 큽니다.

일단 각 기능의 배치는 기능상으로 적절히 분류되었습니다.

파일첨부

기존의 파일첨부 기능의 경우 파일첨부 영역에서 파일 업로드 버튼을 클릭한 다음① 삽입된 결과가 나오는 리스트에서 파일을 선택한 다음② 삽입될 위치를 선택한 후③ 삽입버튼을 눌러서 삽입④합니다.

개편된 기능의 경우 사진을 입력하는 위치에 커서가 있는 상태에서 툴바 위의 사진을 클릭①한 다음에 이미지를 업로드한 다음②에 바로 삽입③되기 때문에 동작을 한 단계 줄이는 기능을 하게 됩니다.

레이아웃이 조금 깨졌습니다.

삽입된 이미지는 리스트에서 x자 버튼을 눌러서 쉽게 삭제되며 해당 리스트는 에디터의 이미자와 연동되게 됩니다. 미흡한 기능 중 하나가 삭제 시 스타일(text-align: center가 적용된 p 태그)이 남는 문제가 있네요.

이미지 삽입 시 흥미로운 기능 중 하나는 전체 원본 사이즈로 저장 기능입니다. 큰 사진을 임의로 축소시키지 않고 저장하기 때문에 이미지의 원본 느낌을 잘 살려서 넣을 수 있다는 것도 눈에 띄는군요.

(걱정되는 점은 안그래도 가끔씩 느린 티스토리가 더 느려질까 걱정은 됩니다;;;)

베이징 천단에서의 사진입니다.

태그

태그의 경우에는 기존 사용성 고려가 안되어 있는 부분이 아쉽습니다. ','를 사용하여 이 때까지는 쉽게 넣었는데 ','를 빼시는 것은 이해가 좀 가지 않는군요.

공개설정

공개설정 부분의 경우 저장 전에 항상 사용하던 기능이었는데요. 저장하기 전에 태그, 트랙백, 공개설정 등을 항상 누른 후 저장하기를 눌러야하는 불편함이 있습니다. 저장하기 전에 한 번에 설정할 수 있으면 어땠을까 하는 생각이 듭니다.

사이드바

사이드 바의 경우 폭을 좀 더 줄여서 이단으로 만들면 어땠을까 하는 생각도 드네요. 작성중인 글을 제외하고서는 대부분의 내용이 조금 더 줄일 수 있을 것 같다는 생각입니다. 아직 사이드 바를 활용해보지는 못해서 크게 어려움을 느껴보지는 못했습니다.

책이나 인물 등을 검색할 때 DB에서 검색 후 리턴되는 결과가 매우 빠르다는 느낌이 들었구요. 책의 경우는 아직 많은 책이 등록되지는 않은 것 같습니다.

책 검색 결과로 나오는 리스트가 팝업 창의 크기를 넘어서는 경우 닫기 버튼이 밀려서 보이지를 않는 버그가 있군요.

버그

파이어폭스에서 다음과 같은 경우에서 스크롤 바가 이동합니다.

Enter 키가 입력될 때마다 <br>부분을 <p>태그로 감싸주면서 focus를 잃어버렸다 다시 주면서 발생한게 아닌가 생각됩니다만... (코드를 분석해보지는 못했기 때문에 -_-;;;;)

그리고, 커서가 첫 번재 위치에 있는 경우 스페이스를 누를 때 가끔씩 스페이스 동작이 사라지는군요. 명확한 케이스를 잡지는 못했습니다.

좌측정렬 되어있는 문장의 마지막에 커서를 위치하고 delete키를 눌렀을 때 아래 줄이 중앙정렬(p태그가 center로 align)인 경우 좌측 정렬이 중앙 정렬로 변경이 됩니다.

티스토리 2008 베타 오픈 리뷰 (2)

2008-07-14T22:36:00.000+09:00

이번 리뷰는 미션2에 맞춰서 에디터 세부사항을 더 살펴보도록 하겠습니다.

Trex를 wikipedia로

Trex
2008 베타로 공개된 티스토리의 에디터는 Trex라는 프로젝트 명을 달고 나왔습니다. PowerEditor를 기반으로 하여 prototype v1.5.1.1을 사용하고 있구요. HTML을 javascript에서 쉽게 쓸수있게하는 hyperscript와 swf파일을 쉽고, valid하게 삽입하게 해주는 SWFObject 라이브러리를 함께 사용하고 있습니다.

<br> to <p>
에디터에서 변화된 가장 큰 특징 중 하나는 줄 바꿈이 p 태그로 통일되었다는 점입니다. 워드나 한글과 같은 프로그램들 처럼 한 줄에 대한 해석을 p태그로 통일을 시켰는데요. 워드가 <p> 태그를 한 줄의 개념으로 잡고 paragraph으로 처리를 하는 것은 맞습니다만 웹에서 한 줄의 개념을 모두 p 태그로 처리하는게 맞는 지는 잘 모르겠네요.

기존의 스킨과의 호환성이나 Firefox에서 한 줄의 개념이 br인 것 등을 생각한다면, p태그로 생성될 것인지 br태그로 한 줄을 만들 것인지는 선택할 수 있으면 좋을 것 같습니다.

그 다음으로 툴바에 추가 된 기능을 살펴보겠습니다.

줄간격
가장 먼저 살펴볼 기능은 줄간격 입니다. 줄간격은 말 그대로 삽입된 줄의 높이를 style 속성의 line-height 값을 조절하여 설정하게 됩니다. Firefox에서는 줄간격을 변경하게 되면 Selection에 의해서 선택되어진 p태그를 찾아서 line-height 값을 조절해주게 됩니다.

어떻게 보면 <p> 태그 없이는 사용할 수 없는 기능이므로 Firefox에서 <br> 태그를 <p>태그로 변환하게한 요인 중 하나로 볼 수도 있겠습니다.

각주
각주 기능은 처음 사용해보았는데요. 글을 쓰다보면 이미지 또는 글 부분의 출처에 대한 표기를 하는 경우가 많이 있습니다. (사실 제 글의 많은 부분이 외국기사 소개가 많아서 -_-;;) 이러한 경우에 유용하게 쓸 수 있는 기능인 것 같습니다.

각주에 달 수 있는 기능이 text만 가능한데요. html코드가 삽입될 수 있다면 더 좋을 것 같습니다.

구분선
구분선은 에디터에 hr태그를 삽입해주는 기능입니다. 그러나, 실제 코드 안을 들여다보면 <hr> 태그의 border를 0pt로 설정하고 top, left 위치를 -999px, -999px로 설정함으로서 hr을 감추고 div를 hr의 위치에 놓음으로써 구분선 이미지를 보이게 하였는데요. (6번째 스타일을 적용하는 경우에)

사용자에게 다양한 스타일의 구분선을 제공해주는 의미에서는 좋은 일이나, hr의 기본 태그를 살리지 못하고 div로 이미지를 처리하는게 바람직한 지는 모르겠네요.

삽입기능
테이블, 이모티콘, 기호삽입 기능은 다음의 파워에디터와 동일한 기능이므로 설명이 달리 필요 없을 것 같네요. 사전 기능의 경우 검색을 할 수 있다는 면이 긍정적이기는 하지만, 실제 에디터로 직접 삽입할 수 있는 기능은 없는 부분이 아쉽습니다. (Firefox의 경우 플러그인으로 다양한 사전을 검색할 수 있으므로 어찌보면 불필요한 기능으로 생각되네요.)

이 외에도 글상자를 다양하게 삽입할 수 있도록 팝업창을 바꾼점과 양쪽정렬의 추가도 변화의 한 부분입니다.
그러나, 글상자의 경우 <p> 태그 밖에 <div>로 스타일을 주고 있다는 점, 리스트에서 <ol> 아래의 <li></li> 태그 아래에는 줄 구분을 위해서 <p>태그가 아닌 <br>태그를 사용하고 있다는 점은 왜 <p>태그를 사용해야 하는 지 답답하네요.

기타
undo/redo의 경우에는 다른 에디터들과 마찬가지로 에디터에 저장되는 모든 html 을 저장한 후 복원하는 방법을 취하고 있구요. 최대 20번(__UNDO_COUNT)까지 복원할 수 있습니다.

툴바의 폰트와 폰트크기 설정은 에디터 내에서 커서 또는 마우스 이동에 따라 설정된 스타일을 반영해주고 있는데요. 사용자에게 어떠한 스타일이 적용되어 있는 지 보여주는 좋은 기능인 것 같습니다.

툴바 외의 부분에서도 변화가 있었는데요.

탭 컨테이너 (Tab Container)
트랙백을 보내는 기능을 에디터 안에 포함시킴으로서 사용자들이 에디터 밖에서 넣는 번거로움을 없앴다는 것도 이번 개편의 장점으로 볼 수 있습니다.

그리고, 글을 비공개,보호,공개할 지 여부를 radio로 변경하고 발행을 checkbox로 변경함으로서 의미를 좀 더 명확하게 분리한 것 같구요. 아쉬운 점은 기존 티스토리에서 태그를 입력할 때 ,를 사용하여 입력하는 기능을 제거하고 Return(또는 Enter)키만으로 입력하게 하였다는 점은 아쉽네요. 기존의 사용성을 무시하였다는 생각이 듭니다.

우측 사이드바
오른편의 사이드바의 '작성중인 글'을 다시 노출시켜 주는 기능은

사용자에게는 작성하다 멈춘 글을 다시 노출시켜 줌으로서 알려주는 기능을하고
서비스에게는 노출되지 않은 글을 사용자가 작성하여 노출시켜주는 기능을 하기 때문에

사용자와 서비스 모두 윈윈하는 기능이지 않을까 싶습니다.

서식 기능이 추가되어서 특정 포멧의 글(10문10답이나 릴레이성 글)들을 쉽게 작성할 수 있는 기능도 장점이구요. 네이버 스마트 에디터의 템플릿과 비슷한 기능이지만, 특정 양식을 사용자가 쉽게 작성할 수 있고 이를 저장하여서 사용할 수 있는 점에서 더 나은 기능이라고 할 수 있겠습니다. (사용자끼리 공유까지 한다면 만점이 될 것 같군요.)

플러그인은 이전 글넣기 기능(이전 글을 자신의 글에 다시 삽입하는 기능으로 글을 나누어서 올리는 경우 매우 유용할 것 같습니다. )만 제공되고 있는데요. 추후 공개될 기능을 봐야 판단할 수 있을 것 같습니다만... 블로거에게 자신이 작성한 플러그인은 자신의 블로그에 올릴 수 있으면 좋겠다는 생각이 드네요.

단축 키 미션

왼쪽정렬: Ctrl+,
가운데정렬: Ctrl+.
오른쪽정렬: Ctrl+/
저장하기: Ctrl +S
밑줄 넣기: Ctrl +U
기울임 넣기: Ctrl +I
실행취소 선 넣기: Ctrl +D
순서 없는 리스트: Ctrl +Alt +U
순서있는 리스트: Ctrl +Alt +O
들여쓰기: Tab
내어쓰기: Shift +Tab
링크 삽입창 띄우기: Ctrl +K
quote 태그 삽입하기: Ctrl +Q
다시 실행: Ctrl +Y
실행 취소: Ctrl +Z
구분선 넣기: Alt -

변화에 대한 느낌
변화를 준다는 것은 언제나 즐거운 흐름입니다. 그리고 그 변화를 빨리 볼 수 있는 기회를 갖는 다는 것도 소중하죠 ^^ 다만, 아쉬운 점이 몇 가지 있습니다. 추가된 기능이 많기는 한데 사용자의 사용성을 고려하기 보다는 기획이 우선되어 추가되었다는 느낌이 좀 강한 것 같습니다. (-_-;; 제가 개발자라서;;;)

정리하자면..

이전의 에디터와는 상당히 강력해진 느낌
그러나, 사용자가 과연 필요할만한 기능일까 생각해보면 조금 걱정이 됩니다.
태그에 대해서 명확한 정책이 있었으면 좋겠습니다. p태그가 한 줄로서 가장 밖에 위치한다면 몇 개 동작은 수정되어야 겠지만, 반대로 문제가 발생하는 태그들에 대한 버그가 수정될 수도 있을 것 같네요 ^^

이미지 출처 : Tyrannosaurus rex from Wikipedia

티스토리 2008 베타 오픈 리뷰 (1)

2008-07-13T22:53:00.000+09:00

티스토리 2008 베타가 드디어 오픈되었습니다. 먼저, 바뀐 점을 살펴보면,

TISTORY 센터
바뀐 페이지에서 눈에 띄는 점이 크게 두 가지가 있더군요.
하나는 사용자(또는 사용자의 정보)를 강조하였다는 점입니다. 이전 페이지에서는 사용자 정보 수정 부분이 네비게이션 윗부분에 위치함으로서 찾기 어려웠으나 눈에 가장 잘띄는 좌상단(네비게이션 위치의 아래)에 위치시킴으로서 사용자 정보를 찾기(또는 수정)가 쉬워졌고, 사용자를 강조하는 효과도 주고 있습니다.

두 번째로 눈에 띄는 점은 티스토리의 네트워크를 강조했다는 점입니다.

초대장 보내기와 개수를 직접 보여줌으로서 티스토리 외부 사용자와의 네트워크 생성
주제별 새 글(트랙백 베스트, 댓글 베스트, 베스트 블로그 인터뷰)은 티스토리 사용자들간의 새로운 네트워크 생성
최근 댓글 알리미()는 이미 생성되어 있는 네트워크의 활동성을 좀 더 강조하기 위해서

라고 볼 수도 있을 것 같습니다.

이 외에도 공지사항이 센터 중앙 부분에 배치한 것이 눈에 띄더군요.

공지 사항의 경우 이전에는 공지사항 게시판으로 전달하였으나, 게시판을 잘 클릭하지 않는 사용자들을 위해서 꼭 전달하여야 하는 공지사항을 센터 중앙에 노출시켜주는 세심한 배치가 마음에 드네요.

그리고, 센터 설정을 통하여 센터의 내용을 좀 더 쉽게 수정, 배치할 수 있게 되어있는데요. 네트워크를 형성하기 위한 부분 외에도 자신이 쓴 글에 대한 정보와 통계를 쉽게 볼 수 있게 되었다는 점도 환영할 만합니다.

기존의 tistory의 경우 dojo를 사용하였는데 개편과정에서는 extJS를 관리자 화면 전체에서 사용하고 있는 점도 주목해야 할 것 같습니다.

글쓰기 페이지
이번 개편에서 가장 많은 변화를 가졌던 부분이 글쓰기 페이지였던 것 같습니다. 사용자의 모니터 크기 안에 모든 기능을 배치함으로서 글쓰기 페이지 내에서의 마우스 움직임을 최소화 시켰습니다.

영역을 확보하기 위해 다음의 작업이 수행되었는데요 .

제목을 페이지 영역에서 에디터 내부로 삽입
파일첨부, 태그, 공개설정, 트랙백, CCL과 같은 영역을 탭으로 묶었구요.
플러그인과 첨부 영역을 사이드 바로 포함시켰습니다.

아래쪽 탭영역과 사이드 바의 경우 감출 수 있기 때문에 좀 더 넓은 화면으로 사용이 가능합니다.

게다가, 윈도우 사용자에게 F11을 눌렀을 때 좀 더 넓은 화면을 제공해 줄 수도 있습니다.

그러나,

글쓰기와 함께 발생할 수 있는 동작인 파일첨부를 사이드 바로 위치하고
보통, 글쓰기 시적 전에 발생하는 제목을 위쪽으로 배치하고
글을 다 쓴 다음에 설정하게 되는 기능인 공개설정, 태그, 트랙백, CCL을

구분하였다면 좀 더 넓은 화면 구성을 갖출 수 있지 않을까하는 아쉬움이 있네요.

참고로, 제 노트북은 Lenovo X60, 12인치구요. 첫 화면에서는 8줄까지, 두 번째 화면에서는 12줄, 세 번째 화면에서는 17줄까지 스크롤 없이 쓸 수 있는 것을 확인하실 수 있습니다.

제목 입력하는 부분을 에디터 내부로 가져갔다는 점은 다른 서비스와 차별화를 보여주는데요.
지금은 제목만 입력하게 되어 있으나, 이후 공개될 가이드에 맞는 스킨을 작성하게 되는 경우 제목의 스타일과 함께 글을 볼 수 있는 효과를 보게 되지 않을까 싶습니다.

즉, 제목과 본문을 포함한 웹페이지의 형태(스타일)를 보면서 글을 작성할 수 있게 될 것 같습니다.

툴바의 모든 버튼에 단축 키를 포함시킴으로서 사용자들에게 어떤 키를 누르면 툴바 버튼을 누를 필요없이 바로 적용하다는 것을 보여주었다는 점도 눈에 띕니다. (단축 키 적용도 달라진 점이구요. 다음의 파워에디트와 동일한 것 같습니다.)

폰트설정과 폰트크기 설정 시 설정하는 결과물을 직접 보여줌으로써 사용자들이 폰트를 선택하거나 크기를 설정할 때 어떠한 스타일이 적용되었는 지를 쉽게 선택할 수 있게 해줍니다.

색상/배경색상 설정하는 부분에서 좀 더 세밀한 색생을 설정할 수 있게한 점은 사용자에게 편리성을 제공해주고 있습니다. 한 번 설정한 색상에 대해서 재설정 없이 툴바의 버튼만 클릭함으로서 다시 설정해주는 부분도 편리성을 많이 고려하였다고 생각됩니다.

그러나, 줄간격 설정, 리스트 설정에서 동일한 형태의 버튼을 사용하나 클릭시 디폴트 값이 적용이 되지 않는 점은 사용자에게 혼란스러움을 가져올 것 같다는 생각이 드네요.

이 외에도 많은 변경이 있지만. 미션2 참가를 위해서 다음 리뷰에 써야겠네요. ^^

첫 느낌은 깔끔하게 정돈된 센터에서 나를 강조해주는 티스토리가 너무 좋았구요. 사용자를 위해서 많은 고민을 통하여 글쓰기 페이지가 나왔다는 점이 너무 즐거웠습니다. 이런 리뷰를 할 수 있는 기회를 준 티스토리에 감사를~ ^^

아직 리뷰를 해보고 정리할 내용이 많지만 일단은 2,3 미션을 위해서 내일도 달려야 될 것 같습니다.

슬랜더톤?

2008-07-10T11:10:00.000+09:00

오늘 아침 다음, 경향신문에서 눈에 띄는 기사가 있었습니다. "時테크 제품"~
그 중에도 눈에 쏙 들어오는게 복근 강화기라는 '슬랜더톤'~

제조(유통인 것 같습니다)회사 홈페이지에서 해당 제품에 대한 내용을 찾아보니

물리적인 별도의 움직임 없이도 저주파의 진동을 넘치는 뱃살 아래의 근육이 맞장구 치면서 복부 근육을 훈련시켜주는 원리이기 때문에 무리해서 운동할 필요가 없다는 것이 슬랜더톤의 가장 큰 덕목이다.

마케팅 담당자가 누군지 몰라도 상당히 자극적인 말을 공들여서 다듬은 듯한 이 느낌은, 구매자의 지름 욕구를 활성화시키는 아주 좋은 예제라 할 수 있다? (-_-;;;)

하지만 이 정도 도구까지 이용해서 이용해서 건강과 미용을 동시에 잡으려는 사람이라면, 가벼운 운동은 필수 기본사항 이라는 것을 모르는 체 하지는 않을 터.

게다가 문구 아래쪽에는 슬며시 빠져나갈 수 있는 구멍을 넣는 센스까지 보여줬다. 흐흐흐

그나저나, 한 대 사고 싶어지는군여.. 뱃살이 안빠져서 고민이였는데;;;

이미지 출처: (주)넥솔브의 슬랜더톤

미래를 말하다

2008-07-08T23:06:00.000+09:00

폴 크루그먼 미래를 말하다(양장본)
카테고리	경영/경제
지은이	폴 크루그먼 (현대경제연구원, 2008년)
상세보기

폴 크루그먼의 "미래를 말하다"는 미국 경제의 근현대사를 분석하는 여러 논문들을 근거로 불평등이 어디에서 비롯되었는 지를 분석합니다. 옮긴이들의 말대로 진보주의와 케인스주의를 지향하는 저자의 입장이 뚜렷이 나와있다고는 하지만, 이 책이 특정 시각만을 나타내는 것 같지는 않습니다.

미국 사회를 포함한 모든 국가의 정부가 가지고 있는 소득불평등에 대해서 어떻게 이 문제가 발생하였는 지를 추적하는 글은 한국 사회에 적용하여 볼 수도 있다고 생각됩니다. (공화당이 하는 모든 정책에 이명박을 대입하면 한국정치의 현실을 들여다 보실 수 있습니다. -_-b)

P.S> 이런 책은 어렵군요. OTL

메모해 두고 싶은 문구

"현대 미국 경제와 정치의 발전상을 기록하면 두 개의 그래프를 그릴 수 있다. 경제 그래프는 심했던 소득 격차가 어느 정도 줄었다가 다시 심하게 벌어짐을 보여준다.정치 그래프는 공화당과 민주당의 양극화가 심해졌다가 초당적 제휴의 기미를 보이는가 싶더니 다시 양극화를 초래한 모양새다. 이 두 그래프는 평행을 이룬다. 다시 말해 평등했던 경제적인 황금시대는 초당적 제휴가 이루어졌던 정치적인 황금시대와 거의 일치한다.

"대부분의 경제학자들은 고학력 노동자에 대한 수요 증가와 저학력 노동자에 대한 수요 감소를 가져왔다고 생각하는 기술발달이 불평등을 초래한 원인이라고 생각했다.... 아마 가장 충격적인 연구결과는 고학력 미국인들 대부분의 수입이 크게 늘지 않았다는 것이다. 수입이 급증한 사람들은 극소수 엘리트 집단으로서 인구의 1퍼센트 또는 그 미만에 그쳤다.

"쿠즈네츠 곡선(Kuznets Curve)의 원리는 다음과 같다.

발전 초기 단계에, 가진 자들에게는 투자기회가 느는 반면, 저임금의 지방노동자들이 도시로 몰려들면서 그들의 임금은 억제된다.
그 결과 국가가 산업화하면서 소득격차가 는다.그래서 부유한 엘리트 사업가들이 등장하지만, 평범한 근로자들 앞에 펼쳐진 것은 한결 같이 찢어지도록 가난한 삶이다.
그러나 결국 자본이 점점 풍부해져 지방노동자들의 도시이주가 줄면서 임금이 오르고, 기업의 수익은 정체되거나 적어진다. 부의 분배가 확대되고 경제의 중심을 중산층이 차지한다.

...

그러나 1980년대 중반에 들어서자 얘기가 아직 끝나지 않았음이 분명해졌다. 소득격차는 다시 확대되었다.

"민간보험회사는 가능하면 사람들이 눈치채지 못할 정도로 의료비를 지불하지 않고 보험료만 거두면서 수익을 낸다. 실제로 의료보험업계에서는 중요한 수술에 대해 비용을 지불해야 하는 것과 같은 의료서비스 제공에 대한 지급 의무가 발생할 경우 이를 문자 그대로 '의료 손실'이라고 표기한다.

보험 회사들은 의료 손실이라는 유감스러운 상황이 가능하면 일어나지 않도록 두 가지 방법을 주로 사용한다. 하나는 '위험선별(risk selection)'인데 다른 말로는 '언더라이팅(underwriting), 보험 상품을 팔기 전 고객의 위험을 분석하는 것'으로 불린다.
...

어떤 사람이 위험선별과정은 통과했지만 의료비를 실제로 청구하게 될 경우, 이를 대비한 2차 방어선이 있다. 보험사들은 의료비지급을 거부할 명목을 찾는다.

...

보험사들이 이렇게 하는 이유는 그들이 악질이기 때문은 아니다. 그들은 의료보험제도의 구조상 그럴 수 밖에 없는 것이다. ... '지불거부 경영(denial management)'이라는 산업이 있을 정도이다. 이는 보험사가 지불을 거불할 때 의사들이 맞설 수 있도록 도와주는 업체들로 구성되어 있다.

...

예를 들어 메디케어(정부의 의료보험제도)는 재원의 약 2%만을 관리비 명목으로 지출한다. 민간 보험사의 경우에는 관리비용이 15%에 이른다. ... 하지만 이 수치는 실질적인 전체 관리비의 반도반영하고 있지 않다. ... 미국의 총관리비(보험사와 의료기관 모두에게 드는 비용)는 의료비의 31%인 데 반해 캐나다는 17% 미만이었다.

"그러나 워런과 티아기의 연구 결과에 따르면 실제로 1970년대에 비하면 중산층 가정의 사치스러운 지출은 줄어들었다. 빚이 늘어난 이유는 주로 집을 장만하기 위해 더 많은 지출을 하기 때문이며 이는 좋은 학군에 들어가기 위한 경쟁이 심하기 때문이었다. 미국 중산층은 욕심이 많거나 멍청해서가 아니라, 자신의 자녀에게 점점 더 불평등해지는 사회에서 기회를 마련해 주기 위해 치열하게 경쟁하는 가운데 어쩔 수 없이 빚을 지게 된 것이다. 그리고 그들이 걱정하는 것은 당연하다. 좋은 곳에서 시작하지 못하면 자녀의 미래는 완전히 망가질 수 있기 때문이다.

"그래서 결론적으로 말한다면 "결과가 평등한 것보다는 기회의 평등이 중요하다"는 말은 그럴 듯하게 들릴지 모르지만 다분히 허구적인 주장이라는 것이다. 불평등한 결과가 대단히 많은 사회는 어느정도 기회도 불평등하게 마련이기 때문이다.

내용 : ★★★★★
구성 : ★★★★☆

만화책 지름 목록

2008-07-08T16:08:00.000+09:00

간만에 상품권 2장이 들어와서 만화책을 질러버렸습니다. 후후후
20세기 소년 완결판인 21세기 소년과 창천항로 마지막편인 34편까지 좋와하던 만화 두 개가 끝나버렸네요.

21세기 소년 타이틀(?)도 『20세기 소년 드디어 완결』 이군요. ;;;

이미지 출처: 21세기 소년, 다음 책

비즈니스 블로그 서밋 2008 후기

2008-07-06T13:21:00.000+09:00

뒤늦은 '비즈니스 블로그 서밋 2008 후기'입니다. ^^;;;
비즈니스 블로그 서밋의 정식 명칭(?)은 "비즈니스 블로그 서밋 2008 소셜미디어, 블로그를 통한 PR과 마케팅"입니다. 개발자가 쌩뚱맞게 마케팅 행사에 왜 참여했냐고 하실 수도 있겠지만, 블로그가 어떤 방향으로 발전할 지, 어떤 개발이 필요할 지 궁금했기에 참석을 했습니다.

제가 들었던 세션 오전에 공통으로 진행되었던 General Session과 세션1 "PR, 미디어 환경의 변화와 사례발표"이였습니다.

공감이 가지 않았던 세션
가장 공감이 안가던 세션은 플래시먼힐러드 대표이신 박영숙님의 "Web 2.0과 PR, 미디어 환경의 변화"와 서울시청 뉴미디어홍보팀 김호길 님의 "서울 in Blog 사례발표"였는데요.

박영숙님의 세션의 경우 기억에 남는 얘기들은 플래시먼힐러드 "본사의 회장님께서 오셔서 Web 2.0에 대해서 이렇게 해야된다고 했다"라는 얘기가 대부분이고 본인의 입장에서 이야기를 풀지 못하였다는 점이 매우 아쉬웠습니다. (반대로, 한국의 시장에서 Web 2.0에 대한 공감이 발생하지 않았기 때문에 본인의 입장에서 풀지 못하셨을 수도 있겠다는 생각도 듭니다. 본 세션에서 가장 큰 비공감은 플래시먼힐러드 소개시간이 매우 길었다는 점일지도 모르겠습니다.)

서울 시청의 김호길님의 "서울 in Blog 사례발표"에서는 싼 값에 블로그의 내용이 포탈에 노출되었고 이를 통해 저렴한 비용으로 광고를 하였다.라는 얘기가 대부분이여서 공감이 많이 떨어지더군요. (사실, 세션 시작 전에 시청일이 바쁘셔서 많은 준비를하지 못하셨다고 양해를 구하셨습니다.)

가장 공감이 갔는 세션
반대로 가장 공감이 갔던 세션은 더랩에이치의 대표이신 김호 님이 발표하셨던 "소셜미디어와 기업의 위기관리 - Bad News 2.0의 중심 맥락과 결론"과태터앤미디어의 김창원님이 발표하셨던 "TNC 블로그의 과거 현재 미래"였습니다.

김호 님의 Bad News 2.0에서는 Log tail 법칙을 통하여 어떻게 Bad News 2.0이 등장하게 되었는 지 이들이 어떠한 영향력을 갖는 지를 설명을하고 이들에 대한 대처하기 위해서는 결국 기업이 소셜 미디어 기업이 되어야 한다는 결론을 얘기하셨는데요.

김호 님의 Bad News 2.0 발표 자료

Long tail의 경제 법칙은 Bad News에도 적용될 수 있다.
생산도구(글 쓰는 도구)가 쉽고 저렴해질 수록 인기도가 높아지며, 꼬리가 더 길어진다.
주류 언론 중심으로 생산되었던 Bad News(Bad News 1.0)가 소셜미디어 중심의 Long Tail 부분에서도 발생하게 된다. (Bad News 2.0)
Bad News 2.0(블로그) 각각은 Bad News 1.0(미디어)이 가졌던 영향력보다는 작지만 링크, 트랙백 등을 통하여 연결, 대화가 활발하게 발생하여 더 큰 영향력을 발휘할 수도 있다. (이러한 영향력은 Bad News 1.0과 상호 작용을 하게 된다.)

결론: 따라서, 기업은 Bad News 하나하나에 대해서가 아닌 Bad News의 Marketplace에 집중해야 한다.

흙을 안 묻히고 가면 진흙탕에 빠질 수 있다. 따라서 흙을 묻히면서 가는 홍보를 하는 수 밖에 없다. (Cool Crisis Communication, 2007.12.13. 비즈니스 블로그 마케팅 세미나, 김호)

통제보다는 소비자와의 대화를 통해서 우리 쪽으로 끌어들여라(Contain)
Bad News에 대해서 피하기 보다는 언급(Address)해라.
흙이 묻었으면 묻었다고 해라. (Disclosure)
CI(Corporate Identity)도 중요하지만 소셜미디어에서는 PI(People's Personality)가 더 중요하다.
보여주기보다는 소셜 네트워킹을 해라(대화를 통한 관계를 맺어라.)

Web 2.0 시대에 모든 기업은 소셜 미디어 기업이 되어야 한다. 따라서

기업 블로깅은 놀라울 정도로 중요하다.

김호 님의 세미나는 처음 들어봤었는데 매우 쉽게 왜 기업이 블로깅을 해야하는지 명쾌하게 설명을 하시더군요.

김창원 님의 "TNC 블로그의 과거 현재 미래"에서는 TNC의 Textcube.com이 어떠한 고민을 해왔고 이러한 고민들을 해결하기 위해서 이러한 기능들이 추가되었다는 발표를 하셨는데요.

발표자이신 김창원님의 블로그(http://memoriesreloaded.net/profile/)로 사용자의 프로필과 관심블로그를 통해 소통을 강조.

사람들은 누구나 창작의 욕구(UCC, Flickr, 홈페이지와 같은 미디어성 서비스)와 소통의 욕구(E-mail, 메신저, SNS, Twitter와 같은 관계성 서비스)를 가지고 있는데 기조에는 소통보다는 창작에 무게를 두었었다. (관심블로그 등록을 통한 네트워크 형성)
블로그가 소통하는 방법으로 댓글과 트랙백 등이 있으나 누구인지에 대해서는 알 수 있는 방법이 잘 없다. (Profile의 제공)
네트웤을 들여다보면 소수의 파워블로거들에만 네트웤이 집중되는 현상을 볼 수 있다. 우리 모두는 스타가 될 수는 없었지만, 누군가에게는 어느 분야에서는 스타가 될 수 있게 하고 싶었다. (관심 블로거를 시스템에서 추천)
SNS가 알던 사람, 인맥 위주라면 블로그에서는 몰랐던 사람 관심사 위주로 모이게 된다. 개인의 관심사가 자동으로 추출되고, 이를 기반으로 소셜 네트워킹이 형성되고 싶었다. (Expert tag)
좀 더 쉬운 UI로 다가가고 싶었다.

이 외에도 다른 글에 다는 덧글을 자신의 블로깅으로 가지고 올 수 있는 기능(Comment Reblog), 꾸미기/위젯 기능에 대한 소개도 해주셨구요.

미래에는 Profile, Relationships, Activities, Business model의 Open과 자신의 URL이 E-mail, Social Network, 다른 블로그의 id 등으로 쓰일 수 있도록 브랜드를 갖출 수 있게 하는 방향과 대화를 이끌어내는 Long-form 형태의 건텐츠를 생성하겠다는 등의 얘기를 해주셨습니다.

자신만의 철학을 갖고 그 철학을 기능에까지 반영할 수 있는 TNC의 모습이 너무 부럽더군요.

비슷하면서도 다른
이 외에도 명승은 님의 "Blog & Social Media"와 에델만 코리아의 이중대 님의 "비즈니스 블로그 운영 A부터 Z까지"도 재미있는 세미나였습니다. 재미있는 것은 두 세미나 모두 기업의 블로깅에서 강조를 하였지만 서로 반대되는 입장도 볼 수 있었는데요.

명승은 님은 "솔직하게 열린 자세"로 블로깅을 하려면 하고, "짧은 기간, 의도된 입소문, 긍정적 메시지만, 싼 값에, 경쟁사도 있으니, 하라고 해서, 임원 대신해서" 할거면 블로깅 해서는 안된다는 점을 강조하셨는데요.

반면에, 에델만코리아의 이중대 님은 비즈니스 블로그를 기업 PR의 새로운 도전 및 기회의 요소로 보면서 블로그 운영 정책을 통하여 블로깅하는 컨텐츠를 통제하고 댓글에 대한 필터링, 코멘트에 대한 가이드라인에 대한 강조를 하셨습니다.

재미있는 것은 Step 7: 코멘트 정책 마련하기라는 슬라이드를 설명하면서 덧글에 대한 비승인 또는 삭제하는 사유를 설명할 때 많은 청중들이 열심히 받아 적으시더군요. 아직은 블로깅이 기업과 고객의 대화창구, 네트웤이라기 보다는 PR의 한 요소로 고려되는 부분이 많이 아쉬웠습니다.

그리고...
세미나의 스타는 역시... 자칭 왕자님(?)이셨던 김안과병원의 김성주 님이 아니셨나 싶습니다.
기업 블로깅에서 기쁨과 고민을 얘기해주셨던 김성주 님의 세미나도 많은 도움이 되었습니다. ^^

관련링크 : 한국블로그 산업협회(KBBA), 세미나 강의 자료

P.S > 블로그 글을 다 쓰고보니 한국블로그 산업협회의 블로그에 "본 자료의 저작권은 강연자에게 있으며, 무단전재나 강연자의 동의없이 이용을 하실 수 없습니다"라는 문구를 보았습니다. 혹시 문제가 되는 부분있으면 말씀해 주시면 삭제하겠습니다. (__)

D-Day

2008-07-04T17:00:00.000+09:00

갑자기 궁금해져서 D-Day를 찾아봤습니다.

The initial D in D-Day has had various meanings in the past, while more recently it has obtained the connotation of "Day" itself, thereby creating the phrase "Day-Day", or "Day of Days".

D가 Day였군요. H-Hour도 있더군요. D 또는 H 뒤에 +-를 붙여서 D 또는 H의 시간에 발생할 사건 앞 뒤의 시간을 지정한다고 합니다. (음.. 다 아시는 얘기?) 그런데, Wikipedia에서 들어논 예시문을 보면, D-3은 3일 전 D+3은 3일 후, H-3은 3시간 전이 되는데, H+75는 사건 발생 후 한 시간 15(25)분 뒤군요.

Thus, H−3 means 3 hours before H-Hour, and D+3 means 3 days after D-Day. H+75 minutes means H-Hour plus 1 hour and 15 minutes.

이 뭥미;;;;

출처: D-Day from Wikipedia

아스트랄한 전생이야기

2008-07-02T10:16:00.000+09:00

섭씨 0도님의 '이건 좀 짱인듯요' 포스트를 보고 저도 해봤습니다. 상당히 아스트랄하군요 ;;;;;;

[ 옥정수 ] 님의 전생정보

아스트랄계에서 추출한 당신의 전생 정보 내역을 분석해본 결과,

당신은 기원전 1764년 영국 남부 솔즈베리 평원 베르라미 마을 에 살았던 노동자였 습니다.

그 당시에, 당신은 영국 남부 솔즈베리 평원 베르라미 마을 에서 석재들을 밤새도록 피토하면서 날랐 었습니다.

당신이 인생에서 가장 행복했던 때는, 스톤헨지가 드디어 완성되어 2주일간 축제를 벌였을 때 이고,

당신이 인생에서 가장 불행했던 때는, 축제가 끝난 후 이듬해 종교일에 제물로 바쳐질뻔 했던 일 였으며,

당신의 죽음은, 결국 스톤헨지가 완성된 3년 후 결국 제물이 되어 신기에 의해 배가 갈려 결국 사망하며 이루어졌습니다.

은밀한 전생체험 : http://blcat.kr/@/life.php

P.S > 저희 팀에 "당신은 빅뱅이 일어나기 전 無 에 살았던 창조주였습니다." 라는 분도 있군요 오우~

화장실과 관련된 투덜투덜

2008-07-01T15:09:00.000+09:00

팀효율을 위해서 관련있는 팀들을 모아둔다지만...
남정네들로 넘쳐나는 개발자들만 한 층으로 모아두면, 안그래도 만원인 화장실에서 큰 일 못볼 것 같다

배는 아픈데 자리는 안비고... ㅠㅠ

Canvas 태그에 그린 내용을 저장하고 싶을 때...

2008-07-01T10:25:00.000+09:00

Canvas에 그려진 이미지를 이미지로 저장할 일이 있었는데요. Ajaxian에서 본 기억이 어렴풋이 떠올라서 검색을 해봤습니다. Canvas2Image: Save out your canvas data to images의 기사가 Canvas 태그를 이미지로 저장하는 라이브러리를 소개하는 기사입니다.

사용법은 간단합니다.
먼저, html 페이지에서 canvas 태그를 이미지로 저장하기 위한 js파일들을 canvas2image.js와 base64.js를 script태그를 사용하여 읽어들입니다. (base64.js는 bmp를 저장할 때만 사용됩니다.) 그리고, 스크립트 코드에서 다음과 같이 Canvas의 내용을 저장하면 됩니다.

// Canvas element를 얻어온 다음에
var oCanvas = document.getElementById("thecanvas");

// 원하는 파일 타입인 PNG, JPEG, BMP로 저장합니다.
Canvas2Image.saveAsPNG(oCanvas);
Canvas2Image.saveAsJPEG(oCanvas);
Canvas2Image.saveAsBMP(oCanvas);

canvas2image.js에서 이미지를 저장하는 방법은 크게 두 가지로 나눌 수 있습니다.

내장된 변환코드로 변환: Canvas2Image에 선언되어 있는 createBMP()를 사용하여 변환
toDataURL()을 사용: png와 jpeg는 Canvas태그의 HTMLCanvasElement.toDataURL()를 사용하여 이미지를 생성

toDataURL()의 인자로는 Mime 타입인 image/png, image/jpeg, image/svg+xml 등을 인자로 넘겨줄 수 있습니다.

Canvas2Image.savaeAsXXXX()를 실행할 때 3,4번째 인자로 크기를 조절할 width, height를 줄 수 있는데 크기 조절이 안되는 경우가 있더군요. 제가 잘 못했는지도 모르겠습니다만 ^^;; canvas 태그의 width/height에 직접 값을 넣어줬습니다. Firefox 3.0에서 style로 width/height를 줘도 canvas의 디폴트 값인 300,150 크기의 이미지가 넘어오더군요.

출처: Saving canvas data to image file via Ajaxian

Objective-J

2008-06-29T23:53:00.000+09:00

요즘들어 자바스크립트와 관련하여 자주 들리는 이슈 중 하나가 Objective-J입니다.
Carsonified의 Ryan씨가 이와 관련하여 "Why Objective-J, Cappucino and SproutCore are completely changing the web app industry"에 내용을 정리하였습니다. 먼저, Objective-J에 관해서 정리하면,

DOM을 생성하기 위한 HTML, CSS, JavaScript 계층 위에 Objective-J라는 계층을 둔다.
Objective-J를 사용하면 데스크탑 애플리케이션 개발 스타일로 웹 애플리케이션을 개발할 수 있다.
개발자들은 HTML, CSS에 직접 접근하여 화면을 조정하지 않고 Objective-J를 통하여 화면을 어떻게 그릴지 어떻게 보여야 할 지를 정의한다.

이러한 특징들은, 클라이언트-서버 모델 개발을 벗어나서 브라우져 안에서 직접 동작할 수 있는 애플리케이션을 만들 수 있게 합니다.

그 외에 Apple의 Mobile Me에서 사용되는 SproutCore를 다루고 있습니다. -Capuccino는 280Slides.com에서 만들어진 Cocoa를 포팅한 프레임웍입니다.- 위의 특징들은 "Why Objective-J..."에서 새로운 흐름이라고 얘기하고 있으며 이들이 오픈 소스이기 때문에 Silverlight, Air와 다르다고 얘기를 하고 있습니다.

=> JavaScript 위에 새로운 계층을 얹는 다는 것은 재미있는 발상이기는 합니다만, 280Slides의 Presentation을 실행해보면 알겠지만 느리다는 단점이 있습니다. 아직은 지켜봐야겠지만, 새로운 하나의 흐름으로 지켜봐야할 것 같습니다.

출처:

웹 2.0 경제학

2008-06-28T20:26:00.000+09:00

웹 2.0 경제학 상세보기

김국현 지음 | 황금부엉이 펴냄

웹 2.0에 대한 명쾌한 정의와 분석! 신문, 방송, 책을 비롯하여 새로운 미디어로 각광받고 있는 포털까지도 변화시키고 있는 웹 2.0. 모든 산업이 이 거대한 폭풍을 맞이해 살아남기 위해 변화하는데, 기업도 예외일 수는 없다. 웹 2.0에서 미래를 읽지 못하는 기업은 살아남기 어렵기 때문이다. 컨설턴트이자 인기 블로거인 저자는 기업이 웹 2.0을 쉽게 받아들이도록 경제학적으로 접근하였다. 수익 모델이 없던 웹 상에서

2005년 2월에 컴퓨터 과를 졸업하고 친구들 대부분은 임베디드 분야로 가버렸습니다.
졸업을 한 후 오랜만에 친구들과 만나서 술을 마실 때 누군가가 블로그가 뭐냐고 묻더군요. '트랙백도 있고 덧글도 쓸 수 있고 글쓰기에 최적화 된 도구다'라고 이것저것 얘기를 했었는데요. 한 친구가 그러더군요. '그럼 게시판하고 뭐가 다르지? 똑같이 글을 쓰고 링크가 생성되잖아. 다른 것은 없네...'

그 때에는 블로그와 이전의 홈페이지, 게시판과의 차이점을 기술적인 이슈에 대해서만 생각이 나더군요. (뭐.. 공돌이가 거기서 거기까지죠. ㅋ) 김국현님의 웹 2.0 경제학은 웹 2.0으로 어떠한 변화가 왔고 각 기술들이 어떠한 변화를 가져왔는 지를 설명해줍닏니다. 현재의 웹 2.0의 경제학을 통해서 어떻게 변하고 있는 지와 그 이후의 변화가 어떻게 가야할 지를 얘기해줍니다.

기존의 웹 2.0을 설명한 어떠한 책보다 명쾌하게 설명해준다는 장점이 있습니다.
반면에, 너무 긍적적인 면만을 강조한게 아닌가 싶다는 아쉬운 점도 있습니다.

메모해 두고 싶은 문구
"웹 2.0을 통해 볼 수 있는 이상계의 3대 통념은 '현실의 대안, 소수자의 대두, 기존 질서의 붕괴'로 정리할 수 있습니다.

"제가 생각하는 이상계는 다음과 같습니다.

누구나 손쉽게 창조할 수 있는 곳
그들의 인생의, 그들의 사업의, 그들의 꿈의 일부가 되는 곳
창조에 대한 보상을 받을 수 있는 곳

"싸이와 블로그의 차이는 무엇일까요? 그것은 다음과 같은 구조의 차이입니다.

블로그는 형식 자체를 표준화합니다. 서로의 소통 방식에 대해 누가 어떤 블로그를 만들더라도 이어질 수 있습니다.
블로그는 형식 자체를 미디어로부터 배웁니다. 몇 년 전에 대기업이나 신문사에서 도입할 수 있었던 CMS(Content Management System)를 방불케 하는 일종의 자동화된 미디어 서버를 개인이 갖게 하는 것입니다. CMS의 기술 구조와 비슷한 시스템을 가지게 된 개인은 초고를 쓰고, 분류하고, 사진도 올리고, 구독자도 받을 수 있습니다.

"현실계든 이상계든 돈을 버는 방법은 결국 두 가지입니다. 자신이 가치를 제공해 준 고객에게 직접 받거나, 가치를 제공한다는 역량을 근거로 간접적으로 받는 것입니다. 전자의 대표적인 예가 판매라면 후자는 광고입니다.

"롱테일의 핵심은 다음과 같습니다.

망라
제공자가 선별하지 않습니다. 선별은 시장이 하도록 합니다. 무한대에 가까운 참여자들이 넓은 범위에 걸쳐 퍼져 있는 다양한 가치들 속에서 검색엔진과 같은 지적 도구, 그리고 어텐션 분배 도구를 가지고 스스로 선별할 능력을 갖게 합니다.
자동
수요와 공급이 맺어지는 일이 자동화 즉, 시스템화 되도록 합니다. 이상계는 전 지구인이 어떠한 물리적 제약 없이 한꺼번에 ... 직접적인 쌍방향 커뮤니케이션을 하는 세계입니다...

"이는 놀랍게도 1978년도 노벨 경제학상 수상자인 허버트 사이먼이 이미 1971년에 예측한 바입니다.

정보의 풍부함은 정보가 소비하는 무언가의 희소성을 의미하게 된다. 정보가 소비하는 것이란 꽤 명백하다. 정보는 정보를 받는 사람의 관심을 소비하는 것이다. 따라서 정보의 풍부함은 관심의 희소성을 만들어 내고, 한정된 관심을 소비하려는 지나치게 많은 정보원들에 대해서 관심을 효율적으로 배분할 필요가 생기게 한다.

"어텐션 이코노미는 양이 아닌 질을 따지는 경제입니다. ... 왜냐하면 정보는 계속 양산되고 있고, 정보 그 자체에 대한 차별성은 한없이 줄어들고 있기 때문입니다.

아직 이상계는 돈을 버는 두 가지 방법 중 간접적인 방법은 성공했지만 직접적인 방법은 성공하지 못한 셈입니다. ... 구글을 통해 성공한 구조는 간접적인 수익을 위한 것일 뿐, 아직 직접적인 수익을 내기 위한 구조는 미완성입니다.

"웹의 권력이 왜 지역성을 가지게 되었는지 그 역사적 경위를 잠시 생각해 볼 필요가 있습니다. ...

PC통신이라는 선천적으로 지역적인 폐쇄 네트워크를 통한 학습 -> 폐쇄 인프라의 중흥
폐쇄 네트워크 화를 이용한 선점 현상이 가능하다는 사실 자각 -> 폐쇄성의 가치 확인
언어나 문화, 가치관, 습성과 같은 지역적 격차라는 경쟁력 활용 -> 폐쇄 콘텐츠의 중흥

... 어느 정조 사용자들의 관심에서 획일화가 이루어지고, 이를 패턴화하여 충족시킬 수 있을 정도의 지역성을 갖추었다는 것이 한국형 포털의 강점입니다.

"책이 신문과 다른 점은 정보와 물질 모두 욕망을 자극한다는 것입니다. 신문은 속보에 치중하기에 내일이면 휴지 조각이 됩니다. 굳이 정보를 소장할 이유가 없지요. 반면, 책은 소장하고 싶은 정보가 담겨져 있지 않으면 애초에 판매되지가 않습니다. ... 책의 정보란 근본적으로 오랫동안 갖고 싶은 정보일 수 밖에 없고, 비교적 장기간의 상호작용을 요구합니다. ... 여전히 '그 사람의 책꽂이'가 주는 존재감이란 것이 있기 때문입니다.

내용 : ★★★★☆
구성 : ★★★★★

세미나의 낙은 득템이렸다~

2008-06-25T21:56:00.000+09:00

인플루언스 마케팅(경영정신),
태우님 친필사인이 있느 미코노미(한빛미디어),
나루 핸드폰 꽂이(?),
파란의 고파리 그려져있는 포스트잍... 득템!!

P.S> 후기는 주말에 정리하고 올려야겠네요. (아차.. 비즈니스 블로그 서밋 2008 다녀왔습니다. ^^)

풀무원의 '미얀마 돕기 배너달기'

2008-06-19T22:00:00.000+09:00

풀무원에서 미얀마 어린이 돕기를 위한 배너달기 행사를 열었습니다.
배너 하나 당 2,000원의 금액을 적립하여서 한국국제기아대책기구에 전달한다고 합니다.

배너도 좌측, 우측 상단, 사각 배너(160*050, 160*095, 410*110) 여러 개를 제공하고 있네요.
작지만 블로그의 여백에 작은 배너를 달아 미얀마 어린이에게 도움이 되었으면 좋겠습니다.

출처: 꼬깔 님의 "블로그에 배너 달면 미얀마에 희망이 전달된다네요."

Firefox DownloadDay가 시작이 되었습니다.

2008-06-18T09:45:00.000+09:00

Firefox 3.0 다운로드 시작해 보아요~~

http://www.mozilla.com/en-US/firefox/

P.S>
Firefox 3.0 DownloadDay의 결과가 나왔습니다. 24시간 동안 8,002,530 다운로드하는 기네스 기록을 갱신하였다고 하네요. 인증서도 발급(?)해 주고 있답니다. ^^

기네스

인증서는 pdf 파일형식으로 발급해줍니다. 우리 모두 기념을 ^^

certificate.pdf

모사 방지를 위해 v자 입력을 막았답니다.

2008-06-17T20:43:00.000+09:00

그러나, 전체 선택해서 편집 > 복사는 그대로 두었군요.

안습이군요 ;;;;

P.S > Drag &Drop을 막아도, PrintScreen을 막아도 어쩔 수 없는 것을 v자 막는다고 될까요? -_-;;;;;
정 안되면 모니터를 카메라로 찍어버리는 수도 있군요 -_-b

P.S.2 > 복사가 아니라 모사였군요. 그래도 똑같이 Paste로 넣으면 됩니다. 우헤헤헤

자금성, 살아 있는 중국이야기

2008-06-16T23:20:00.000+09:00

자금성 살아 있는 중국이야기 상세보기

진병팔 지음 | 청년정신 펴냄

자금성 안에서 일어난 흥미로운 일들과 중국의 역사, 황제들의 일상사까지 만화와 사진으로 보는 알찬 교양서 중국은 높은 성장률과 엄청난 수의 인구로 인해 장차 21세기를 주도해 갈 우리 청소년들이 꼭 알아야 할 나라가 되었다. 그 나라를 알기 위해서는 우선 역사를 알아야 한다. 그래야 그들의 사상과 문화도 이해할 수 있기 때문이다. 그런 의미에서 이 책은 청소년들이 꼭 알아야 할 중국 역사를 생생하게 접할 수 있

'자금성, 살아 있는 중국이야기'는 청소년 교양 만화책입니다. 자금성을 구경할 때 들었던 설명과 궁금증을 해소하기 위해서 샀는데요. 사는데 가장 결정적 역할을 하였던 내용이 청년정신에서 출판한 '자금성을 걸으면서 본다 : 만화와 함께 하는 중국 역사 문화이야기'라는 책의 리뷰였습니다.

품절된 책이라서 책이 좋은 지 나쁜 지는 알 수 없었는데 목차가 거의 비슷해서 비슷하겠지하고 구매해버린 책입니다. 방대한 자금성의 역사를 알기 쉽게 담은 책입니다만, 자금성을 둘러볼 때 들었던 가이드의 상세한 얘기들에는 미치지 못하더군요. (반대로 듣지 못한 얘기도 많이 들어 있습니다. 가이드에게 듣기로는 '마지막 황제' 촬영장소가 자금성이 아니라 자금성과 똑같이 지은 세트장이었다고 들었는데 책에서는 자금성에서 찍었다고 하더군요.)

그리고, 책 곳곳에 나타나는 한민족 강조 문구들과 중국의 황제의 어머니가 한국 사람이었고 누가 한국 사람이었다는 이야기들에 좀 눈에 거슬리더군요. 그래도, 흥미를 끌만한 에피소드들과 잘짜여진 구성은 청소년들(자금성을 깊게 알고 싶은 성인은 모르겠네요)이 볼만한 책인 것 같습니다.

내용 : ★★★
구성 : ★★★★

Ajax를 사용하여 Binary File 읽기

2008-06-15T16:46:00.000+09:00

nagoon97님의 Reading binary files using Ajax 포스트에서는 Ajax를 이용하여 바이너리 파일에 접근하는 방법을 소개하고 있습니다.

function BinFileReader(fileURL) {...} 을 호출합니다.
내부 변수들을 초기화 작업을 수행합니다.
Browser의 userAgent를 체크하여서 IE인 경우에는 BinFileReaderImpl_IE를 호출하고 그 외의 경우에는 BinFileReaderImpl을 호출합니다.
function BinFileReaderImpl(fileURL) {...} 에서는
1. XMLHttpRequest를 생성한 다음에 mime type을 'text/plain; charset=x-user-defined' 설정한 다음에 file을 요청합니다.
  req.overrideMimeType('text/plain; charset=x-user-defined');
2. 성공적으로 로딩한 다음에는 fileContents에 responseText를 저장하고
3. fileSize를 responseText.length를 저장합니다.
4. 이 때 readByteAt(index) 메소드를 생성하는데 charCodeAt(index) & 0xff 값을 리턴합니다.
function BinFileReaderImpl_IE(fileURL) {...}에서는 (VB코드로 구현)
1. VB 코드를 사용하여 XMLHttp Request를 생성한 다음에
2. 헤더에 "Accept-Charset", "x-user-defined"로 설정한 후 file을 요청합니다.
3. file 로딩이 완료된 다음에는 responseBody를 통하여 byteArray를 얻어옵니다.
4. 이 byteArray를 Array()로 변환한 다음에 fileSize를 생성 및 readByteAt()를 생성합니다.

내부에는 filePointer (private)변수를 가지고 있어서 readString()을 호출하여 읽어들이는 경우 해당하는 읽어들이는 위치로 파일 포인터(위에서 얻어온 Array 또는 String에 접근하기 위한 index)를 변경 시킨 다음에 읽어들이게 됩니다.

제공되는 API는 다음과 같습니다.

getFileSize() : 파일크기를 리턴
getFilePointer() : 파일을 읽어들일 위치를 지정하는 내부 포인터의 값
movePointerTo(iTo) : 포인터 위치 이동 (0 이상 fileSize 아래의 값으로 제한을 주는 것 외에는 값만 변경)
movePointer(iDirection) : 읽어들이는 방향의 변경
그 외에 readNumber, readString, readUnicodeString을 사용하여 파일을 읽기 위해서 사용되는 메소드 제공

제공되는 예제에 BMP 파일의 헤더를 직접 읽어들여서 width/height/bits per pixel 값과 fileSize를 읽어들이는 것을 보실 수도 있습니다.

function showBmpInfo(oImg){
	var bmpFile = new BinFileReader(oImg.src);

	// bmpFile의 헤더에서 width/height 값을 직접 읽어들입니다.
	bmpFile.movePointerTo(18);
	var width = bmpFile.readNumber(4);
	var height = bmpFile.readNumber(4);

	// skip the number of color planes as it is always 1
	bmpFile.movePointer(2);
	var BitsPerPixel = bmpFile.readNumber(2);
	alert("Width: "+width+"\nHeight: "+height+"\nBits Per Pixel: "
		+BitsPerPixel+"\nSize: "+bmpFile.getFileSize()+" bytes");
}

출처: Reading binary files using Ajax(via)

SquirrelFish

2008-06-15T15:08:00.000+09:00

SquirrelFish is a register-based, direct-threaded, high-level bytecodeengine, with a sliding register window calling convention. It lazilygenerates bytecodes from a syntax tree, using a simple one-passcompiler with built-in copy propagation.

SquirrelFish’s bytecode engine elegantly eliminates almost all of the overhead of a tree-walking interpreter.

First, a bytecode stream exactly describes the operations needed to execute a program. Compiling to bytecode implicitly strips away irrelevant grammatical structure.
Second, a bytecode dispatch is a single direct memory read, followed by a single indirect branch. Therefore, executing a bytecode instruction is much faster than visiting a syntax tree node.
Third, with the syntax tree gone, the interpreter no longer needs to propagate execution state between syntax tree nodes.

출처: Announcing SquirrelFish via Simon Willison’s Weblog

P.S> SquirrelFish - Wikipedia

마이 스타트업 라이프

2008-06-15T12:20:00.000+09:00

마이 스타트업 라이프 상세보기

벤 카스노카 지음 | 에이콘출판 펴냄

실리콘밸리에서 펼쳐진 한 소년의 창업 연대기! 샌프란시스코에 기반을 둔 창업가이자 작가, 학생, 블로거인 벤 카스노카. 현재 19세인 그는 6년 전 설립한 콤케이트(공기업과 자치단체에 웹기반 소프트웨어를 공급) 사의 창립자이자 회장이다. 2006년 비즈니스 위크지가 미국 최고의 어린 창업가들 가운에 한 사람으로 선정하기도 한 벤 카스노카의 성공 비결은 무엇일까? 이 책은 전자정부 소프트웨어 회사 '콤케이트' CEO인

'마이 스타트업 라이프'는 12살에 창업에 뛰어든 벤 카스노카의 창업과정과 철학에 대해서 얘기하는 책입니다. 자신의 경험을 바탕으로 써내려간 일화들을 통해서 창업을 위해서 어떠한 행동, 마음가짐이 필요한 지를 얘기하고 자신은 이렇게 했다는 경험담도 포함되어 있습니다.

12살이라는 희소성이 책의 재미도 더하지만 무엇보다 구체적인 행동지침을 얘기하기 때문에 좋은 책이기도 합니다. 이 책은 창업에 관한 책입니다. 그러나 창업 이전에 자신이 하고 싶어한 것을 어떻게 이룰 것인가를 다룬 책입니다. 벤 카스노카는 자신이 하고 싶어했던 창업을 하였던거죠.

메모해 두고 싶은 문구
주변 생각을 기록해 두자. 좋은 아이디어는 기록에서 나온다. ... 어떤 것이든 나라면 좀 더 잘 할 수 있겠다 싶은 것을 보면 기록한다. 너무 신중할 필요는 없다. 뇌를 자극하는 생각을 기록하는 일은 창의력을 키우는 훈련이기도 하다.

타인의 평가에 귀 기울이기. ... 첫째, 한 사람의 말을 시장 전체를 대표하는 의견으로 받아들이면 안 된다. ... 둘째, 고객들은 가끔 다른 제품은 상상할 수도 없다고 현실에 안주하기도 한다. 고객들의 의견을 통해 정말로 혁신적인 제품이 만들어지는 경우는 드물다. ... 셋째, 평가단이 효과적일 수도 있지만, 참가자들 다수는 솔직한 의견을 제시하기보다는 인상적이거나 듣기 좋은 말을 할 것이라는 점을 유념해야 한다.

사업계획서 신화...

가장 좋은 사업계획서는 간단 명료하다.
가장 좋은 사업계획서는 늘 새롭다.
가장 좋은 사업계획서는 다른 사람보다는 자신에게 더욱 유익하다. 자신의 생각을 명료하게 정리해주기 때문이다.

"일을 해내는 사람은 그렇지 못한 사람과 마찬가지로 '꿈'을 꾸고 '말'을 하지만 동시에 다른 사람들과 자신의 꿈과 아이디어를 공유한다. 당신이 속으로 생각하는 바를 타인과 공유하면 자신이 한 말 때문에라도 책임감을 느끼게 된다.

"회복력 지수를 높여라. .... 당신은 시련을 잘 극복하는 편인가? ... 고통을 딛고 이겨내는 '회복력resilience'는 후천적으로 습득될 수 있다. 사소한 일부터 시작하면 된다. 작은 목표라도 한 번 하겠다고 마음먹었으면 그만두고 싶더라도 끝까지 마무리하는 태도를 통해 '회복력'을 길러라. 러닝머신 시간을 예로 들어보자.
(아침에 일어나는 시, 또는 출근시간을 예로 들어보자? ^^)

"운을 최대한 살리는 세 가지 확실한 방법 .. 1. 뜬금없는 상황에 가능한 한 많이 자신을 노출시켜라. 아무도 참석하지 않을 법한 모임에 참석하라. .. 2. 운이 따를 수 있음을 믿어라. 3. ... 성공을 위해서라면 자신에게 합당한 이상으로 속으로 스스로를 높이 치켜세워도 좋다.

"샌프란시스코 시내에 있는 사무실로 초대해 면접을 봤다. ... 각 후보자 명단 옆에는 다음 항목을 집어넣었다. 열정, 관련 경험, 세일즈/마케팅 능력, 팀워크, 헌신... 자신의 이야기를 할 때는 진화하고 성장하는 모습을 보여주는 것이 중요하다. ... 우리는 모두 자서전적인 형식에 맞춰 얘기하길 좋아한다.

"성공기업가의 생활 방식=수면+영양보충+운동 ... 수면: 수많은 과학적인 연구조사에 따르면 사람은 자신의 능력을 최대로 발휘하기 위해서 최소 7시간에서 8시간은 잠을 자야 한다. ... 영양 관리: ... 식사 시간은 꼭 챙기도록 하자. ... 최상의 컨디션을 유지하려면 아침을 챙겨 먹어야 한다는 사실도 거듭 실험을 통해 증명됐다. ... 운동: ... 하지만 최정상을 달리는 기업가들은, 내가 알아낸 바로는, 언제나 한 시간 정도는 체력 관리를 위해 썼다.

"대개가 그렇지만, 균형을 잃고 비틀거릴 때 깨달음을 주고 우리를 일으키는 사람은 우리 자신이 아니라 다른 누군가일 경우가 많다. 나도 그랬다. 조언자와 멘토가 왜 중요한지 이제 알겠는가?

"과유불급: 때로는 적당한 타협도 필요하다. ... 문제는 사안에 따라 '그 정도면 충분한 수준'과 '탁월한 수준'을 어떻게 결정하는가이다.

"돈이냐 충고냐 그것이 문제로다. 창업가들 사이에는 오래된 격언이 있다. "돈을 구하지 말고 대신 충고를 구하라. 그러면 돈을 얻을 것이다. 충고를 구하지 말고 대신 돈을 구하라. 그러면 충고를 얻을 것이다."

"시장은 그 자체의 일정한 흐름이 있다. 만약 시장에 들어산 타이밍이 적절하지 못할 경우, 시장 흐름을 바꿀 수 있는 방법은 거의 없다. 그래서 우리는 계획을 변경시켜야 했다. ... 계획은 변경될 수 밖에 없다.

P.S > 에이콘이나 인사이트에서의 이벤트는 미투데이에서만 하는군요. 쳇~!!!
P.S.2 >

그나저나... 이 얼굴(벤 카스노카)이 20대 초반이라니 ㄷㄷㄷ -_-;;;;;
이미지 출처는 http://ben.casnocha.com/ 블로그 로고랍니다;;;;

파란 10%는 부족한 서비스...

2008-06-13T10:48:00.000+09:00

파란 블로그 서비스의 지도 삽입에서 집주소(성남시의 산성동입니다.)를 넣으려고 검색했는데 없더군요 -_-;;;;
그닥 좋은 동네도 큰 동네도 아니지만..... 바로 쓰기 싫어지는군요.

파란 지역서비스에서 제가 사는 동네를 검색을 해보니 같은 이름의 다른 지역 찾기에 들어있기는 하군요.

그런데... 현재 접속지역을 ip 기반으로 분석하는 지 모르겠지만... 저는 강북에서 블로깅 중인데 강남으로 나오는군요. 모자라는게 10% 넘어가는군요. --;;

왠지 시비걸고 싶어지는 문구

2008-06-11T15:07:00.000+09:00

사내에 몇 개의 공지와 글이 올라왔는데요;;;;;

하나는 사내식두(회사 내 밥만 축내는 머리 큰 사람들 모두) 응모 가능?

강좌라고는 하지만 어떻게 저런 센스로 지을 수가 있는 지.... 게다가 사!원!이...

길들여봐~ 하악하악?

이미지 출처: 조석님의 마음의 소리

스시이코노미

2008-06-09T23:12:00.000+09:00

스시 이코노미(양장본) 상세보기

사샤 아이센버그 지음 | 해냄출판사 펴냄

도쿄의 길거리 음식이 전세계의 입맛과 지갑을 틀어쥐는 과정! 일본의 대표 음식인 스시. 팔딱이는 생선을 재빨리 저며 따끈한 밥 위에 얹어 먹는 스시는 이제 전 세계 어디를 가도 맛볼 수 있다. 과연 스시가 언제부터 세계인의 입맛을 사로잡은 것일까?『스시 이코노미』는 돈, 권력, 사람, 그리고 시대의 상호연결성이 발명한 '스시' 경제에 대해 이야기한다. 날생선의 무역거래에 바탕한 문화적·역사적·경제학적 탐방기

"세계적인 공급망을 따라 움직이는 기술이나 의류 등과는 달리, 스시는 저절로 팔리지 않는다. 신선도를 유지하는 일은 매우 까다롭다. 자연의 법칙상, 잘라낸 수산물 조각은 제각각 모양이 다르고 주인이 누구라는 흔적도 없다. 수산물 조각의 품질을 알았을 때는 이미 간장을 끼얹은 채 누군가의 혀 위에 올라가 있어서, 다른 사람이 그 가격을 재평가하기에는 너무 늦다.

스시용 수산물의 품질은 가장 나중에 소유한 사람이 인정하는 만큼만 훌륭할 뿐이다. 그럴 때 수산물의 품질을 보증하는 것은 수산물을 취급하는 사람들끼리의 관계가 된다. ... 제도화된 뇌물이 아닌 상호신뢰로 다져진 영원한 관계를 자랑한다.

상호신뢰로 다져진 영원한 관계라는 멋드러진 말로 스시이코노미는 시작됩니다. 스시의 역사에서부터 유통, 글로벌 시장에서의 변화과정 스시 장인들로 대표되는 음식 경제와 참다랑어의 포획에서부터 양식까지 다루는 해산물 경제 모든 내용이 스피드 있게 진행되는 재미있는 책입니다.

책을 읽고나서 느끼는 점은 디스커버리 다큐멘터리 한 편 잘 봤다는 느낌이라고 할까요?
다른 경제학과 스시이코노미를 구분하는 가장 큰 한 마디가 책 마지막에 써있습니다.

"대부분은 내가 생각한 대로지만, 완전히 빗나갈 때도 있어요."

인터넷 서비스 시장이 그런게 아닌가 하는 생각도 드네요 ^^
다음은 책을 읽으면서 재미있게 읽은 구절입니다. (아.. 책 중간에는 구글을 이용하여서 참치 불법조업을 잡는 Web 2.0?의 사례도 있답니다 ^^;;;)

"그러나 오늘날 전 세계인들이 '스시'로 알고 있는 것은 19세기 에도의 발명품이다. 초밥 덩어리에 해산물을 얹고 손으로 눌러 단순하게 만든 '에도마에 니기리'를 둘러싼 창조 신화는 많다. 17세기에 전직 신도사제였던 사람이 소금으로 보존 처리한 옛날 방식의 스시를 팔았지만, 손님들에게 나중에 발효되면 다시 오라고 말하기가 넌더리난 나머지 스시를 만들 때 생선과 밥을 함께 붙여 판 것이 시초라는 설이 있다. 또 다른 설은, 1657년 에도를 할퀴고 간 대형 화재 이후 다양한 재료를 얹은 주먹밥이 이재민을 위한 응급식량으로 제공되었다는 것이다.

"그들은 일반적으로 식비를 총비용의 25~30퍼센트 수준에 맞추는 것을 목표로 한다. 총비용의 3분의 1을 초과하면 망하기 십상이라는 말도 있다.

"색다른 메뉴를 먹어보라고 손님을 부추기는 것은 그날 특히 더 신선한 재료나 남아도는 재료를 추천하는 경우이다. 손님은 그 차이를 모르기 때문에 판매 전술은 효과를 발휘한다. "어떤 걸 적극적으로 밀라고 하면 종업원들은 정말 잘 해냅니다."

별점: ★★★★☆ (4.5점/5.0점 만점)

티스토리 베타테스터가 되어야 하는 이유!!

2008-06-09T11:12:00.000+09:00

티스토리의 "2008년 개편 소식"을 오늘에서야 접했습니다.
티스토리 베타테스터가 되기 위해서는 왜 되어야 하는 지를 써야하는군요 ;;;;; 헉~

베타테스터가 되기 위한 이유.

새로운 티스토리를 일찍보고 이에 대한 리뷰를 쓰고 싶은 개발자 블로그이기 때문
항상 문제가 되던 링크 삽입 후 발생하는 오류가 해결 되었는 지를 보고 싶은 개발자의 마인드?
웹 개발자로서 사용시 발생하는 오류에 대해서 상세하게 (어쩌면 해결책까지) 알려줄 수 있습니다.
티스토리(+ 테터툴즈)를 매우 오래 사용(2005년도 1월부터 테터툴즈를 써왔습니다.)한 유저입니다. (안뽑아주면 옮길지도 몰라요;;)
글도 847개 있습니다.
저도 경품(!!!)에 당첨 좀 되고 싶습니다. (뽑힌 적이 없어요 ㅠㅠ)

저를 뽑으세요~~~ ^^

사용하는 환경은 Windows XP, Firefox 2.0.0.14 버전입니다. (아마 Firefox 3.0 나오면 3.0으로 옮겨갈 것 같습니다. )
티스토리를 사용하면서 가장 좋았던 기능
- 댓글 알리미 기능
티스토리를 사용하면서 가장 불편했던 기능
- 에디터/링크삽입 기능 : Firefox에서 링크 삽입 시 항상 에러가 발생하는 문제가 있습니다.
- 에디터/중첩되는 리스트 : 중첩되는 리스트에서 탭으로 들여쓰기를 하는 경우 순서가 바뀌는 경우가 있습니다.
- 댓글/트랙백 스팸 필터 : 동일한 IP 주소 홈페이지를 필터링에 설정해도 뚤리는 경우가 너무 많습니다.

오성홍기

2008-06-09T09:54:00.000+09:00

※ 원본 크롭만해서 올렸습니다. 비가 왔다갔다해서 그렇게 화질이 좋지는 않네요.

미국 쇠고기 협상관련 국민소송

2008-06-02T22:38:00.000+09:00

applevirus님의 블로그에서 '협상무효 고시무효를 위한 국민소송'이라는 글을 봤습니다. 민변에서 6월 3일 낮 12시까지 국민소송 청구인단을 모집하고 있습니다. 많은 참여를 부탁드릴께요.

어떻게하다 이렇게까지 사태가 흘러왔는 지 모르겠습니다.
전의경들의 폭력 진압사태를 바라보면서 어떻게 저렇게까지 할 수 있을까 답답함이 느껴졌습니다.

왜 생각하지 못할까요? 지금 당장은 시위대로 보일지 모르지만 ...
시간이 흘러 제대할 때가 되었을 때 당신들 눈앞의 사람이 직장 선배 상사일지도 모를거라는 생각은 왜 못할까요?
만약, 제가 다른 사람을 뽑는 위치에 놓이게 된다면.. 올빼미님의 말대로 2008년 5,6월 전의경 복무자는 절대로 뽑지 않겠습니다.

IETester : IE 버전 별로 테스트하는 도구

2008-06-01T23:19:00.000+09:00

IE 디버거인 IE debugger DebugBar를 만든 Jean-Fabrice RABAUTE씨가 IETester라는 솔루션을 공개했습니다. (from Ajaxian)

아직 버전이 0.2.2라서 아래의 문제점들을 가지고 있지만 IE 각 버전 별 테스트를 하나의 브라우져(또는 프로그램)안에서 실행할 수 있게 해주는 강력한 장점(Multiple IE도 지원이 되기는 합니다만... 예상치 못한 에러가 발생하여 종료되는 경우가 많이 있기는 합니다;;)을 가지고 있습니다.

화면을 리사이징했을 때 화면이 사라지는 문제
브라우져의 앞/뒤로 페이지 이동할 때 오동작하는 문제
포커스가 적절히 동작하지 않는 문제
자바 애플릿이 잘 동작하지 않는 문제
플래시가 IE6에서 잘 동작하지 않는 문제

등을 가지고 있습니다.

테스트 시 상당히 유용하게 쓸 수 있는 도구인 것 같습니다. 아쉽게도 한글버전은 제공되지 않습니다.
각 버전은 탭 타이틀의 좌측에 파란색으로 써진 숫자가 버전을 의미합니다. 5.5, 6, 7, 8 beta1을 지원합니다.

Options > Internet Explorer Options를 누르면 IE의 옵션들을 설정하는 것도 가능합니다.

출처: IETester, Testing IE Versions Just Got a Little Easier via Ajaxian

Firefox 3, Download Day!

2008-05-29T14:04:00.000+09:00

zdnet에 "파이어폭스3, 다운로드 기네스 도전"이라는 기사가 올라왔더군요. ^^
우리 모두 기네스에 도전해 보아요 Pledge Now!를 누르면 메일 주소를 입력할 수 있습니다.
여기에 메일을 등록해두면 출시 전에 연락을 준다고 하네요 ~

P.S> pledge : 맹세, 서약, 언질, 맹세하다, 언질을 주다.

출처:

zdnet - "파이어폭스3, 다운로드 기네스 도전"
Firefox - Download Day!!

CVS나 Subverion의 설명(Comment)을 어떻게 달 것인가?

2008-05-27T10:20:00.000+09:00

CVS나 Subversion을 사용하여 소스를 커밋할 때, 개발자들의 각각의 취향에 따라서 설명(Annotation, Comment)를 취향대로 달게 됩니다. 어떤 분은 아무 내용없이 "."만 입력하시는 분도 있으며, 어떤 분은 "버그 수정"만 입력하시는 분도 있고 어떤 분은 "A라는 기능 추가와 B라는 기능의 부분 수정"이라는 추상적 기록을 남기시는 분도 있고 어떤 분은 "1. A의 기능 추가, 2. 어떤 기능 수정..." 등등 상세하게 기록하는 분들도 있습니다.

The Red Bit Blue Bit Blog의 "Subversion Check-in Comment - Great Practices" by John Uhri에 이러한 커밋 시 설명을 어떻게 달면 좋을 지에 대한 글이 올라왔는데요. 요약해서 정리하면 다음과 같습니다.

각각의 설명을 Added, Changed, Fixed, Deleted 네 가지의 카테고리로 나누어서 정리합니다.
각각의 설명이 트렉의 티켓이나 버그질라의 버그번호 등과 관련이 있는 경우 해당하는 링크를 함께 표기합니다.

이렇게 함으로써 얻는 효과는 큰 카테고리를 설정함으로 커밋된 내용이 어떤 내용인지를 한 번에 알 수 있게 해줍니다. 큰 카테고리 아래에 세부 사항을 적어야 하므로 기존 보다 좀 더 상세하게 적는 효과도 얻게 될 수 있습니다.

커밋 설명(Comment)를 어떻게 표기할 지 고민된다면 위의 방식을 도입해보는 것도 좋은 시도가 될 수 있을 것 같습니다. "버그 수정", "기능추가"로 끝나는 것보다 훨씬 낳겠죠? ^^

출처:

Subversion Check-in Comment - Great Practices" by John Uhri
Subversion Check-in Comment Example

온라인 촛불 문화제

2008-05-26T23:33:00.000+09:00

bikbloger님의 뽐뿌 inside에서 온라인 촛불 문화제와 관련한 글을 봤습니다.
저도 작으나마 온라인 상에서 촛불을 켰습니다. 작은 참여로부터 세상은 바뀝니다. ^^

(Firefox에서는 코드 생성이 안됩니다. IE에서만 됩니다. ^^;;;)

사색하는 고양이 leyley님의 "쌈지 이벤트"에 놀러(?)갔었습니다.

2008-05-25T21:57:00.000+09:00

구경하고 아이템 몇 개 건져왔죠.

아쉽게도 마음에 들었던 수첩은 번져있어서 따로 구매는 못했는데요.
다음에는 구매할 수 있기를 나름 기대합니다. ^^

링크 - 레이님의 사색하는 고양이 블로그~

러셀홉스 RH7100KS

2008-05-25T21:48:00.000+09:00

이사도 했고 물을 매번 사먹기도 돈이 아까워서 무선주전자를 구매했습니다.
러셀홉스의 RH7100KS를 구매했었는데요. 쿠폰 포함해서 CJmall.com에서 59,000원에 구매를 했었습니다.

RH7100KS의 가장 큰 장점은 스테인레스로 전부 만들어져 있다는게 장점(환경호르몬의 걱정이 없습니다.)입니다. 투명 유리로 물 수량을 체크하는 부분도 없구요. 내부에 MAX 표기만 되어 있는게 전부입니다. 물은 반정도 채우거나 모두 채우거나 끓는데 걸리는 시간은 대략 2분 30초 정도 걸리더군요. 다른 차이점은 없구요. 물이 다 끓으면 자동으로 전원이 꺼집니다.

손목정도는 가뿐하게 들어가기 때문에 편리하기는 합니다만 단점이 있습니다.

단점은 물 주전자의 주둥이 부분 마감이 안쪽으로 튀어나와있습니다. 그리고 상단의 뚜껑이 닫치는 부분도 안쪽으로 마감이 되어있구요. 즉, 씯고 난 다음에 물을 흘려보낼 곳이 마땅치 않습니다. 물이 조금씩 고여있게 되므로 스폰지 같은 것으로 닦아주지 않으면 물이 말라 붙게 되겠죠. (그냥 마르도록 내버려두면 물이 말라 붙어서 녹을 보실 수도 있겠죠 -_-;; )

결론을 말씀드리자면, 환경호르몬을 걱정하신다면 적당한 가격의 러셀 홉스를 추천하고 싶네요. 그러나, 청소부분이 걱정되신다면 다른 모델을 추천하고 싶습니다.

P.S> 그다지 큰 문제점은 아닙니다만... Russell Hobbs의 제품 군에 RH7100이 없더군요. 러셀 홉스의 제품이 아닌것 같지는 않습니다만 여기서 클래식으로 팔리고 있지만 러셀 홉스에서는 이미 한물간 모델일 수도 있다는 의심은 듭니다.

P.S.2> 수입판매처는 아이원홈테크라는 회사입니다. CHE님의 댓글 확인 후 구입처였던 CJmall에 연락을 해봤습니다. 확인 결과 수입처는 emk라는 업체였구요. 공급처는 아이원홈테크였습니다. 수정하였구요.

제품에는 100% 스테인레스라는 표기를 붙여서 판매를 하였었는데 지금은 쇼핑몰에서 100%를 모두 삭제했더군요. ( -_- ;;;; 너희들 뭐냠;;)

P.S.3> CJmall이나 다른 인터넷 쇼핑몰에서 해당 제품의 댓글을 검색했을 때 이 제품을 선택하였던 가장 큰 이유가 100% 스테인레스를 사용하여서 환경호르몬이 나오지 않을거라는 판단 때문에 구매를 하게 된 분들이 많았습니다. 저의 경우에도 동일한 이유였구요. 그런데 해당 제품이 100% 스테인레스 문구를 모두 삭제하게 되었는데 그다지 중요하지 않다고 보기는 어렵지 않을까 싶습니다. (중요: 100%는 아니지만 주전자의 안쪽과 뚜껑은은 모두 스테인레스로 되어있습니다.)

이미지 출처

아마존 중국의 Russell Hobbs"Classic"典雅系列咖啡电水壶RH7100 CCH
CJmall의 러셀홉스 스텐레스 무선전기주전자 RH7100KS
중간의 두 사진은 제가 촬영한 것입니다.

브라우져 쿠키 제한(Browser cookie restrictions)

2008-05-22T10:34:00.000+09:00

Nicholas C.Zakas 님의 Browser cookie restrictions라는 글에서 cookie에 관해 조사한 글을 올렸습니다.

요점은 다음과 같습니다.
1. 쿠키 설정 가능한 개수

IE - IE7, IE8에서 도메인마다 50개의 쿠기 설정이 가능합니다.
Firefox - 50개
Opera - 30개
Safari/Webkit - 제한이 없었고, 오히려 서버에서 헤더의의 크기 제한이 넘어가서 문제가 발생하였다고 하네요.

2. 쿠키가 꽉 찬 경우

IE, Opera - 가장 오래된 쿠키를 삭제하고 새로 추가합니다.
Firefox - 랜덤하게 삭제할 쿠키를 정해서 삭제한 후 새로 추가합니다

3. 쿠키의 크기(name, value, = 기호까지 포함한 크기)는?

Firefox, Safar - 4097 characters까지 설정이 가능
Opera - 4096 characters까지 설정이 가능
IE - 4095 characters까지 설정이 가능

출처: Browser cookie restrictions via Browser cookie restriction research
이미지 출처: Fortune cookie in Wikipedia

Homer CSS - 굳~

2008-05-22T09:46:00.000+09:00

호머 심슨을 CSS와 Character만으로 만들었군요. 으왕ㅋ굳ㅋ
쉽게 볼 수 있는 다음의 문자들을 이용해서

), b, o, O, /, •, _, C, O, (

style을 주는 div와 절대좌표를 주는 div를 위의 문자로 감싸서 만들었네요. 오우~ 짱입니다. ;;;

출처: Homer CSS via Homer in CSS

P.S> 뇌까지 그려주면 짱이겠는데요 -_- b

호연님의 도자기

2008-05-20T09:45:00.000+09:00

호연님의 도자기가 책으로 나왔습니다.
가슴이 따뜻해지는 기발한 상상력이 깃든 웹툰을 책으로 볼 수 있어서 좋기는 합니다만... 서비스 만화가 없네요.

호연님의 웹툰을 책으로 소장하고 싶은 분께 추천 (책은 한국적 느낌이 나게 잘 꾸며져 있습니다. ^^)

도자기: 마음을 담은 그릇 상세보기

호연 지음 | 애니북스 펴냄

반가운 우리 도자기 이야기! 『도자기, 마음을 담은 그릇』은 고고미술사학을 전공하는 학부생인 작가의 작품이다. 네이버 웹툰의 아마추어 코너인 <나도 만화가>에서 첫 선을 보인 이 작품은 이내 네이버에 정식 연재되었고, '도자기'라는 이제까지 다루어진 적 없는 소재로 수많은 독자들의 마음을 움직이며 화제를 불러일으켰다. 매 회 잔잔한 일상의 에피소드로 도자기를 소개하는 이 작품은 이제껏 좀처럼 보기 힘

스가야 요시히로의 "롱테일 법칙"

2008-05-18T09:06:00.000+09:00

스가야 요시히로의 "롱테일 법칙"은 웹 2.0에서 보여주는 롱테일에 관한 얘기보다 기존의 마케팅 세일즈 관점에서 롱테일을 어떻게 적용할 것인가에 대해서 잘 설명해주는 책입니다. 전체 마케팅 흐름의 예를 그리면서 고객을 어떻게 모을 것인지에 대한 흐름을 정리하는 방법은 상당히 인상적이었습니다.

그러나, 이 책은 상당히 찌질한 책입니다.

롱테일을 설명하면서 기존의 파레토 법칙의 20%안에 들기 위해서 기존의 마케팅 방법을 동원합니다.
화제의 롱테일 법칙을 세계 최초로 다룬 책! (최초 우리나라 사람들이 좋와하는 단어죠)
저자의 내용을 전하는 책임이에도 불구하고 저자 소개는 6줄에 불구하나 옮긴이인 예병일 씨의 소개는 무려 9줄이 넒는군요. 게다가 저자의 들어가는 글은 없고 역자의 올긴 글은 방대하니...

저자가 예병일씨인 듯한 느낌까지 드네요.
가벼운 문고본이 적당한 책을 두꺼운 양장본으로 만들어 버리는 센스
일반인 보다는 마케팅, 영업 쪽 분들을 위한 책인 것 같습니다.

돈 주고 사보기는 아깝습니다. 도서관에서 한 번정도 빌려보면 괜찮은 책입니다 .

롱테일 법칙 상세보기

스가야 요시히로 지음 | 재인 펴냄

비즈니스와 마케팅 패러다임의 변화, 80대 20의 법칙을 뒤집는 '롱테일' 현상에 대한 세계 최초의 책! 비즈니스 세계의 황금률로 인정받아 온 "80 대 20 법칙(파레토의 법칙)". 이 법칙은 "매출/생산량의 80%는 20%의 충성고객/우수사원이 만든다"로 해석되며, 기업들이 우수 고객과 핵심 제품에 모든 자원과 노력을 집중하는 전략을 구사하도록 했다. 그런데 최근 이러한 법칙을 깨고 나머지 80%의 '사소한' 고객이 더 큰 가치

이글루스 렛츠리뷰~

2008-05-16T00:11:00.000+09:00

이글루스에서 렛츠리뷰를 외부 블로거에게도 공개했습니다.저는 대통령을 만든 마케팅 비밀 일곱 가지라는 책을 신청했는데요. 아직 신청률이 그렇게 높지는 않은 것 같습니다. 한 번씩 도전해보세요 ^^

대통령을 만든 마케팅 비밀 일곱 가지

신청기간 : 2008.05.15 ~ 05.29
신청수량 : 20개

[음반] Yui - I Loved Yesterday
[음반] 게빈 디그로 - Gavin DeGraw
[도서] 스타일북, 두 번째 이야기

2MB가 왜 뽑혔는 지 평소에 매우 궁금했었습니다. 도대체 왜일까요? 이 책이 답변을 줄 수 있는 지가 매우 궁금합니다. 이러한 책을 일고 마케팅을 알게되면 다음 대통령 선거 때는 2MB 같은 사람이 뽑히지 않을만한 대책도 세울 수 있지 않을까요? 한 번 읽... ...

미디어 2.0

2008-05-14T20:44:00.000+09:00

2.0이라는 말만 들어도 '또, 2.0이야~'하는 투덜거림과는 달리 '미디어 2.0'은 재미있는 책입니다.
현재의 TV, 신문과 같은 미디어 1.0이 왜 이렇게 왔는가에 대한 분석과 미디어 2.0이 무엇이며 좋은 방향으로는 이렇게 나쁜 방향으로는 이렇게도 될 수 있다. 그러므로 이런 방향으로 가야 된다는 분석도 참 좋더군요.

그 중에 블로그에 올라오는 글의 패턴에 대한 분석은 많이 공감이 가는 글이더군요.

비난하거나 비판하는 글
반박하거나 반문하는 글
유명한 대상에 대한 글
기성매체에 반발하는 글
새롭거나 신기한 소식을 전달하는 글
사회현상에 대해 잘 정리한 글
구체적인 개인 경험을 적은 글
해외소식에 대한 글

예제로 드신 노빠, 던킨도너츠 사건은 매우 가슴에 와 닿는(?) 사건이었기도 합니다.

책 중간에 나오는 "1퍼센트의 법칙"도 재미있습니다.

"전체 방문자 중 약 1%만이 콘텐츠를 만들어내거나 그 생산 활동에 참여하며, 전체 방문자의 약 10%가 생산된 콘텐츠와 상호작용한다는 이론"이다.
... 중략 ....
나머지 89%는 이들 11%의 움직임을 보며 자신의 판단을 보류하거나 한쪽의 의견에 내심 동조한다.

이러한 법칙을 바탕으로 미디어 2.0에서도 소수 지배 약화가 소멸은 아니다라는 결론을 끌어냅니다.

이 외에도 콘텐츠 신디케이션 모델, 저널리즘, 마이크로미디어 등도 읽어봐야 할 내용들입니다.

그러나, 이 책에도 아쉬운 점은 있습니다. 목차인

미디어 2.0 시대 열린다.
저널리즘 2.0 시대의 조건
뉴 신디케이션 시대
미디어 2.0의 새로운 가치와 논란

와 다르게 1에서 미래의 방향 제시가 나오며 2에서도 미디어 1.0시대의 얘기가 다시 나오는 등 서론/본론/결론이 명확하게 나눠져 있지는 않습니다. 현상의 분석 중간 중간에 결론과 방향 제시가 포함되어 있기 때문에 이 책이 어떻다라고 요약 정리하려고 해보니 3~4번은 다시 읽게 되더군요. 그래도 글 단위 단위 읽는 재미는 매우 쏠쏠합니다.

블로거라면 한 번 읽어보세요. 추천 ^^

미디어 2.0 미디어 플랫폼의 진화 상세보기

명승은 지음 | 한빛미디어 펴냄

1인 미디어 탄생과 발전으로 인한 미디어 전반의 진화! 기성 미디어들의 기존 관습에 얽매여 정체하고 있는 동안 새로운 유통과 소비방식이 미디어 업계 전반에 스며들어 영향을 미치고 있다.『미디어 2.0: 미디어 플랫폼의 진화』는 1인 미디어의 역할이 빠르고 개방적인 웹을 만나 급속하게 확대됨으로써 진화하는 미디어 전반에 대해 살펴본다. 실험적인 블로그 경험담과 기업의 사례가 수록되어 있다. 현재 1인 미디어 운

처음으로 낚다.

2008-05-07T10:09:00.000+09:00

팀에서 워크샵을 갔었을 때(아마 3주전으로 기억합니다;;;) 낚은 유일한 고기입니다. 30만원 들여서 빌린 낚시배에서 11명이서 제대로 잡은 한마리!! (사실 한 마리 더 잡혔는데요. 회치니까 딱 10점 나오더군요. 아가미에 걸려서 올라온 지나가다 낚인 물고기였죠 -_-b;;; )

사진은 Y모님의 사진입니다. ;;;

P.S. > 낚시 배 선장님 얘기로는 배낚시를 하려면 새벽에 가야 한답니다. 이 시간에 고기들이 먹이 찾으러 가기 때문에 이 시간 외에는 배낚시해도 낚지 못한다고 하네요. 고로, 오후에 가봤자 못잡는다는 얘기를 들었었죠;;;

충정로 동주민센타가 없어졌더군요... -_-;;

2008-05-06T13:44:00.000+09:00

점심시간 때, 주민등록증 재발급을 위해서 충정로 주민센타로 갔는데 5월 6일자로 폐쇄되었더군요.
남아있던 직원분의 안내를 받아서 이웃한 주민센타로 갔었는데 중간에 길을 잃어서 한참 헤매이다보니

아현동이더군요. -_-;; (파란색 화살표의 시작점이 오늘 점심 먹은 곳입니다. ;;;;)

KML

2008-05-05T23:45:00.000+09:00

KML( = Keyhole Markup Language, KML standard) is an XML language focused on geographic visualization(Presentation of graphical data on the globe, control of user's navigation about where to go and where to look ), annotation of maps and images.

위의 내용은 KML and Glue의 시작부에 있는 KML 요약글이구요. 해당 기사에서 재미있는 내용은 KML과 다른 여러 표준들의 관계도를 그렸는데 OpenVG가 그 핵심(glue standard)에 있다고 하네요.

출처: KML and Glue - O'Reilly XML Blog

네이버, 백과사전의 UX

2008-05-05T14:35:00.000+09:00

네이버에서 장염을 검색했더니 남송말 원나라 총의 시인인 장염 [張炎, 1248 ~ 1320?]이 검색이 되더군요.
하고 싶은 얘기는 이거는 아니구요. ^^;;;;;

장염을 읽다가 타이틀에 마우스가 한자 위에 올라갔을 경우 아래와 같은 툴팁이 나오더군요.

코드를 잠시 살펴보면 한자를 출력할 때마다 한자씩 span으로 감싸고 span태그안에 mouseover 시 tooltip_on() 메소드를 사용하여서 한자의 의미(table 태그를 사용했더군요.)를 화면에 출력시켜주는 코드입니다.

비록 검색 품질은 의도와 전혀 다른 내용이 나오긴 했지만 ^^
사용자가 백과사전을 사용할 때 한자와 만나게 될 경우 어떻게 백과사전의 내용을 좀 더 쉽게 전할것인지를 고민을 많이 한 것 같습니다.

이런 기능을 제공하려면 백과사전 기능도 API로 잘 정의해 놔야겠죠?

출처: 장염 [張炎, 1248 ~ 1320?]

우리 집 옆은 초등학교입니다.

2008-05-03T23:34:00.000+09:00

이 야심한 시간...
이웃집(?) 아주머니가 애를 데리고 운동장에 끌고와서 혼내는 중입니다.
조용한 운동장에서의 잔소리는 여기 집까지 다 들리네요.

얘기를 들어보니 아주머니가 애 아빠한테 집 열쇠를 주고 갔는데,
애는 엄마가 열쇠를 안주고 갔다고 일명 땡깡을 부렸나 봅니다.
다른 사람들 앞에서 물건을 부스고 집어 던진 것 같네요.

아주머니는 계속해서 니가 나한테 화를 부릴 군번(?)이냐고 뭐라하면서
니가 아빠처럼 집어던지고 화를 낼 수 있냐고 하는군요.

이제야 들어가는군요;;;;

그냥 드는 생각...
- 애 앞에서는 화를 내거나 집어던지면 안되겠네요 -_-;;;
- 집에서 군번을 따지는 걸 봐서는 군사문화(?)가 아주 깊이 박혀있다는 잡생각과
- 화내기 이전에 어떻게 생각해보고 화를 내야하는 지와 집에서 하는 일에 대해서 (엄마가 얼마나 고생하는 지를) 알아서 체험할 수 있도록 일을 시킬 지~~ 등등이 생각나네요.

생각할게 많은 세상입니다 ^^;;;;

병목현상

2008-05-01T23:35:00.000+09:00

2000년 6월 14일 아침, 버클리 대학 교통연구소 연구원인 카를로스 다간조와 후안 무노즈는 샌프란시스코 근방 다리에 실험용 차량을 보내어 아주 낮은 속도로 운행하게 했다. 당시 다리 상황을 보면 출퇴근 혼잡 시간이 거의 끝나가고 있어 교통 흐름이 상당히 원활한 편이었다.

.. (중략)...

그러나 실험용 차를 투입하자 바로 효과가 확실하게 나타났다. 차선 변경이 매우 빈번하게 발생했고, 한참 뒤쪽 고속도로에 정체가 발생하기 시작했다. 비록 병목현상이 구간별로 다르게 나타나긴 했지만, 전반적인 교통 흐름이 현저하게 떨어졌다.

이미 고착화된 흐름에서 더 늦게 가면 안되는 지에 대한 근거는 되지 않지만... ^^

출처: 대중의 지혜, 랜덤하우스 중앙

대중의 지혜 (시장과 사회를 움직이는 힘) 상세보기

제임스 서로위키 지음 | 랜덤하우스코리아 펴냄

평범한 다수가 탁월한 소수보다 현명하다! 치열하게 '인재전쟁'을 치르는 기업에게 이 말은 아주 이상하게 들릴 것이다. 그런데 다음과 같은 실험에 주목해보자. 현명한 사람들로만 구성된 집단과 그렇지 않은 사람들이 무작위로 섞여 있는 두 집단 중 어느 집단이 통계적으로 좋은 결과를 내놓을까? 결과는 현명한 사람들로만 구성된 집단보다 그렇지 않은 집단이 좋은 결과를 낸다는 사실을 밝혀냈다. 미국에서 화제를 일으킨 &

3단 레이아웃의 문제점

2008-04-28T09:50:00.000+09:00

SitePen Blog의 "Retiring the 3-Column Layout"의 핵심만 살펴보면 다음과 같습니다.

3단 레이아웃을 쓰면 다음과 같은 문제가 발생할 수 있습니다.
사용자의 주의(Attention)를 중앙에 위치한 컨텐트 영역으로 이끈다고 생각되나 실제의 경우를 살펴보면 사이드바의 영역과 네비게이션 영역으로 인하여 사용자 주의가 흐트러지는 것을 볼 수 있다.

많은 영역을 업데이트 해야하기 때문에 컨텐트의 추가가 늦어지거나 각각의 컬럼들을 어떠한 것으로 채워야 하는 심리적 압박감에 놓일 수 있습니다. 컨텐트 메니저가 사용자의 목적에 최적화 되지 않은 컨텐트들로 비어있는 컬럼들을 채우게 될 때 너무나 많은 링크와 텍스트 잡음들이 생길 수 있습니다.

네비게이션 컬럼이 보통 페이지에서 페이지로 유지되는 반면에, 보조적인 역할을 하는 세 번째 컬럼의 경우 일반적인 웹환경에서는 어떠한 역할을 하는 지 예측하기가 어렵습니다. 이러한 영향은 사용자가 세 번째 컬럼의 페이지들이 어떠한 링크와 특징들을 가지고 있는지에 대해서 다시 분석해야 번거로움을 가지고 있습니다.

그러나, 사용자들의 주의를 흐뜨러트려서 사이트에 더 오래 머물게할 수 있으면 사장님은 좋와하십니다;;;

출처: SitePen Blog - Retiring the 3-Column Layout
이미지 출처: Tucow - Breaking Away From Table Based Layout, Part 2

The Proper naming pattern

2008-04-26T11:17:00.000+09:00

Jon Aquino 씨의 블로그에 The Proper naming pattern라는 글이 올라왔습니다.
코딩을 하다보면 기존의 인터페이스를 유지해야하면서 동일한 동작(부분적으로 다른)을 하는 코드를 작성해야하는 경우가 있습니다. addAttachment()를 addAttachment2()로 다시쓰는 경우가 있죠. 이런 경우에 어떻게 메소드의 이름을 작성할 것인가에 대한 글인데요.

addAttachment: function() {
  // 다른 부분
  this.addAttachmentProper();
}

addAttachmentProper: function() {
  // 변경된 코드
}

이러한 경우에는 Proper를 사용하는 게 좋다라고 예기를 합니다. Proper에는 메소드가 동일한 동작을 하는 그(The) 함수라는 의미를 포함해서 나타낼 수 있습니다.

출처: Jon Aquino, The Proper naming pattern

php, ImageMagick이 설치되어 있을 때, bmp를 gif로 바꾸기[허접;;]

2008-04-23T19:24:00.000+09:00

php와 ImageMagick이 설치되어 있는 환경에서 bmp를 gif로 바꾸는 프로그램을 짜보았습니다. 쉽게 변환해주는 툴이 있을까해서 찾아봤는데 잘 안보여서요. 프로그램의 동작은 간단합니다.

이미지 파일들이 위치한 디렉토리의 파일들을 읽어옵니다.
.bmp 파일이 있는 경우
해당하는 파일의 이름에 확장자를 바꾼 gif 파일을 만들어 준 다음에
ImageMagick의 convert 명령어를 사용하여 file.bmp를 file.gif로 변경해줍니다.

// bmp 파일이 위치할 디렉토리입니다. 
$dir = "C:/workspace/resource/";
$fileList = scandir($dir) or die("scandir failed");

foreach ($fileList as $file) {
  	$index = strpos($file, '.bmp');
  	if ( $index !== false ) {
  		$fileName = substr($file, 0, strpos($file, '.'));
  		$cmd = 'convert '.$dir.$file.' '.$dir.$fileName.'.gif'; 

  		exec($cmd, $rtnarr, $rtnval);	
  		if($rtnval) {
			echo $cmd." - ".$rtnval."\n";
  		}
  	}
}

그냥 심심해서(?) 짜봤습니다. ^^;;;짜다보니 얻은 교훈 exec 실행할 때 전체 경로를 포함하지 않으니 실행이 안되네요. ~~

ReadWriteWeb - Googlebot Crawls Through HTML Forms

2008-04-22T23:27:00.000+09:00

ReadWriteWeb에 'Googlebot Crawls Through HTML Forms'라는 기사가 올라왔습니다.

Googlebot web crawler would begin to fill out HTML forms and crawl the results.
only crawling GET forms and not POST forms

구글봇이 Form의 내용을 채워서 실행한 다음에 얻어지는 결과물을 크롤링하며 robots.txt에서 크롤링을 거부하는 경우에는 크롤링하지 않는다고 하네요. (조만간에 POST도 하겠죠? ^^;;;)

출처: 'Googlebot Crawls Through HTML Forms' - ReadWriteWeb

Silverlight을 사용하는 경우에 검색은 어떻게 하는가?

2008-04-22T22:51:00.000+09:00

오늘 준서아빠님의 Silverlight 세미나를 들었습니다. 평소 궁금했던 내용을 질문했었는데요.

Silverlight을 사용하는 경우 검색엔진에서는 Silverlight의 내용을 검색할 수 있는가를 물어보았습니다.

Silverlight의 경우 배포 시에 xap 파일로 배포가 되는데 실제로는 zip포멧이라고 하네요. 그래서, 검색엔진에서 xap을 만나는 경우 unzip하여 파일을 푼 다음에 xaml 파일의 내용을 검색해서 어떠한 파일인지를 확인한다고 합니다. (준서아빠의 말씀으로는 구글의 경우 이미 xap에서 xaml파일을 분석해서 검색결과로 사용하고 있다고 합니다.)

준서아빠님 세미나 너무 재미있게 잘 들었습니다. 수고 많으셨습니다. (__)

P.S.> 세미나에서 본 내용대로 준서아빠님의 블로그에 들어가서 Silverlight을 설치하고 브라우져를 재시작했음에도 Firefox에서는 안보이는군요;;;;;;;

어머니께 용돈을 드렸더니...

2008-04-21T09:53:00.000+09:00

숨겨두신(?) 마일리지를 주셨습니다. 아싸~ ^^

다시 한 번 유럽을 ???? -_-b

Undefined Coupon

2008-04-13T23:49:00.000+09:00

볼 수록 가슴아파 보이는 쿠폰... 남일이 아니에요~ ^^;;

Element가 Select 되지 않게 하려면~

2008-04-09T20:10:00.000+09:00

Element를 drag하는 경우 이를 처리하는 방법에 대해서 검색을 해보다가 Mootools의 ticket#663 글에서 다음과 같은 내용을 발견하였습니다.

Element.implement({
    disableSelection: function () {
        if (Browser.Engine.gecko) {
            this.style.MozUserSelect = 'none';
		} else if (Browser.Engine.webkit) {
			this.style.KhtmlUserSelect = 'none';
        } else if (Browser.Engine.trident || Browser.Engine.opera) {
			this.unselectable = 'on';
		}
		return this;
    }
});

IE에서의 Unselectable만 알고 있었는데 Firefox의 MozUserSelect와 Webkit의 KhtmlUserSelect도 'none'으로 값을 설정함으로서 Select가 안되게 설정이 가능하군요.

관련자료 :

Mootools의 ticket#663
Ajax Cookbook의 Disable Text Selection

대한항공에서 상파울루 취항한다고 하는군요~

2008-04-09T13:19:00.000+09:00

드디어 남미 직항(?)이 생기기는 했는데 돌아올 때 걸리는 시간이 이틀이군요;;;;
(직항은 아니네요. 로스엔젤레스 경유니.. 그래도 같은 비행기겠죠? )

오~ 중요한 사실 하나 발견했습니다. 마일리지 공제표에 남미가 추가되었습니다. ^^
십만 마일 모아두면 남미를 갈 수 있군요 (십사만 마일이면 세계 일주를 갈 수 있기 때문에 그다지 매력있다고는 느껴지지 않지만... ㅋㅋ)

크레마 디 카페

2008-04-07T20:25:00.000+09:00

저번 주 금욜에 크레마 디 카페에 갔습니다. (불행히도 레이님을 만나지는 못했습니다.) 테이블 두 개의 작은 카페였는데 커피가 참 맛있더군요. (사실은 바닐라 아이스크림을 탄 달달한 커피라서 -_-;;) 파란색의 벽 색깔이 마음에 들어서 찍었는데 폰카라 잘 못나왔군요.

역시... 서브 카메라를 사야 될 운명이란 말인가!!! (지르기 위한 꺼리 찾는 중;;;)

현대미술관

2008-04-06T23:53:00.000+09:00

바르셀로나, 현대미술관

플라멩고

2008-04-06T23:38:00.000+09:00

비록 관광객들만 가는 작은 바의 무대였지만
박수소리와 함께 현란한 발스텝의 기억은 플라멩고의 즐거운 기억으로 남아 있습니다.

"요즘 무릎은 괜찮으세요?" ^^

뉴스를 볼 때의 나만의 사용성

2008-04-06T16:52:00.000+09:00

저의 경우 아침과 저녁에 포탈에서 뉴스를 봅니다. (사용하는 브라우저는 Firefox 이구요)

첫 메인(포탈)에 들어가서는 목록들을 살핀 후에 관심있는 뉴스 링크를 선택한 후에 Ctrl과 Shift를 누른 후 해당하는 링크를 클릭(Ctrl +Shift +Click)해서 읽을 뉴스들을 멀티탭의 창에 띄워 놓습니다.

그리고 멀티탭의 창을 클릭하면서 관심있는 기사를 쭉 읽어보는 편입니다.

그런데, 모 사이트의 경우 뉴스의 링크를 일반 링크가 아닌 javascript 링크로 모두 처리를 하더군요.
그 결과 Ctrl+Shift+Click을 하는 경우 탭에 창이 뜨는 것이 아니라 일반적인 Click만 발생하게 됩니다.

해당 사이트에 뉴스를 보러가지 않으면 되는 문제이기는 하지만, 사용자의 일반적인 경험(? - 제가 특이할 수도 있습니다.)을 고려하지 않은 개발이 아닐까 생각되네요.

흠.. 기술의 차이일까요? ^^;;;

오기사, 여행을 스케치하다.

2008-04-03T09:34:00.000+09:00

오기사 님의 책을 접한지 3년 반
오기사 님의 여행을 보면서 재미를 느꼈고, 공감이 갔고 부러웠습니다.
오기사 님이 여행을 마치면서 지나왔던 여행이 아닌 여행의 추억, 기억에 관해서 풀어 놓은 책을 보면서

여행의 마지막에 아쉬움을 느끼게 합니다.
덕분에 바르셀로나 여행을 갔었고, 바르셀로나에서 길을 잃어버리지 않았었고 즐거운 여행을 했었습니다. ^^

'오기사디자인'의 성공을 기원합니다.

가끔 여행 책 더 출간해주세요;;;;;

오기사 여행을 스케치하다 상세보기

오영욱 지음 | 예담 펴냄

<오기사, 행복을 찾아 바르셀로나로 떠나다>의 저자의 신작 여행 에세이『오기사 여행을 스케치하다』. 이 책은 여행하듯 삶을 살아가는 저자의 16개국 50여 개의 도시를 정리한 것으로 수첩에 적어두었던 짧은 메모와 함께 블로그에 기록해 두었던 작은 사건들, 신문과 잡지에 전한 이야기, 스케치북에 그린 그림들과 카메라로 찍은 사진들을 모았다. 저자는 이 여행을 통해 특별한 경험의 여행이 아니라 일상의 연장으로

미로, Woman and Bird

2008-04-03T00:00:00.000+09:00

미로(Joan Miró)의 Woman and Bird

해질녘 구름

2008-04-02T23:49:00.000+09:00

해질녘 무렵의 구름을 바라보다보면 괜히 마음이 들뜬다.
돌아갈 집도 기다리는 사람도 없는 그 곳이지만..

티스토리 -_-;;;

2008-04-02T20:22:00.000+09:00

테터에서 티스토리까지 거의 3~4년 정도를 써온 블로그입니다.
요즘들어 스팸 트랙백이 갑자기 넘쳐서 문의 메일을 보내려고 했더니 접속 장애가 나더군요.

카테고리는 Tistory 고객제안 하나있고 메일보내기는 됬다 안됬다하고 안되서 전화해서 확인해보라하더니 우리는 3번 이상 동일한 현상이 나와야 개발자한테 연락한다고 하는군요.

TextCube로 옮겨갈 때가 되었나 봅니다. 쩝...

골목길

2008-04-01T23:26:00.000+09:00

P.S. > 주변에 누구는 오키나와간다고 하고 누구는 뉴욕간다고 하고 누구는 큐슈간다고 하고 누구는 베이징 갔고 휴가철도 아닌데 많이들 나가네요~ 휴~

Firebug의 "$1"

2008-04-01T21:11:00.000+09:00

"Firebug에는 현재 선택된 노드를 가리키는 $1이라는 변수가 있다"라는 글을 보았습니다. (저만 몰랐나요? ^^;;)

dijit.byNode($1)을 감싸는 pre 태그에 id로 test_code를 설정해 주었구요. Firebug Console에 위의 코드를 입력하여서 pre 태그에 onclick handler를 넣었습니다.

그리고, 클릭을 하면 $1을 alert()을 사용하여 보여줍니다. 클릭할 때 selected된 node가 변경되므로 HTMLPreElement가 출력이 됩니다. $2는 $1 이전에 선택되었던 element를 보여준다고 하네요. ($$1을 사용하면 DOM tab에서 선택한 객체의 레퍼런스를 리턴한다고 하는데 저는 잘 안되네요. 되시는 분은 가르켜 주세요 ^^)

출처: Firebug +Dijit tips via Simon Willison's Weblog , Firebug의 Command Line 소개

OAuth??

2008-04-01T09:53:00.000+09:00

요즘 OAuth에 관한 얘기가 많이 들려서 검색을 해봤습니다. ^^

S_H_KIM님의 OAuth 1.0 스펙 공개
humbroll님의 표준으로 제기된 서비스간 API인증방식 OAuth1.0 !
OAuth

두 분의 글을 읽으니 뭔가 감이 잡히는 것 같기는 한데 어렵네요;;;;

"내비게이션 3D 지도 업데이트 유료화"에 대한 딴지걸기

2008-03-27T12:55:00.000+09:00

네이버에 "내비게이션 3D지도 업데이트 유료화"라는 기사가 올라왔더군요.

글의 본문 중에 업체측의 다음과 같은 주장이 실렸습니다.

한 내비업계 관계자는 “지도 업데이트를 무료로 해주는 것은 우리나라가 유일하다”고 입을 뗐다. 미국은 차량에 장착된 내비게이션 지도를 업데이트 하려면 1회에 150불 안팎의 비용을 내야한다. 우리나라보다 물가수준이 낮은 중국도 5만원 가량 비용을 청구하는데 그동안 우리나라 내비게이션 업계의 무료 정책이 오히려 기형적이었다는 것이다.

내비게이션 업데이트 비용이 청구되어야 하는 것은 맞다고 생각합니다만...

중국이 대한민국보다 약 90배 정도 더 크다는 것을 감안한다면,
미국이 중국보다 약간 작다는 것을 감안한다면..

5만원 나누기 90은 555원 정도 나오네요. 무료 정책이 기형이었다기 보다는 이 정도 비용을 포기하고서라도 내비게이션 장비를 팔아서 수익을 내겠다는 업체측의 정책이었지 않나요?

과연, 어느 정도의 비용을 책정할 지는 모르겠지만... 지켜봐야 할 것 같습니다.

기사출처: 네이버의 내비게이션 3D지도 업데이트 유료화, 원 출처는 전자신문

P.S. 차도 없는 사람이 괜한 딴지를 거는지도 ^^;;;;;

김광민 님의 아름다운 사람(Beautiful Luv) 이라는 곡을 아시나요?

2008-03-24T23:49:00.000+09:00

피아니스트 김광민 님의 음악을 처음 접했던게 군대 고참(누구인지는 기억도 안나네요.. -_-;;)의 추천으로 들었었는데요. 그 당시에는 CD가 귀했던 시절이라서 테이프 사서 워크맨으로 몇 번이나 반복해서 듣곤 했었는데...

오랜만에 그 음악을 다시 듣게 되었습니다.
이미 기억 속에서는 희미해졌던 그 음악이 가슴속의 떨림으로 전해지는 것 같네요.

2집 - Shadow Of The Moon에 수록되어 있는 Beautiful Luv(아름다운 사람) 한 번 들어보세요.
오늘같이 추운 밤에 조용히 들으면 특히 좋와요~

앨범 이미지 출처: 싸이월드 뮤직

P.S> 도토리가 남은게 있어서 싸이월드에 올려놨습니다.

Lotte.com 쇼핑몰 -_-;;

2008-03-21T13:20:00.000+09:00

Lotte.com 쇼핑몰에서 오랜만에(?) 지를려고 했는데 ActiveX 설치 무한 반복되네요.
PSMKorea라는 곳의 ActiveX 설치하라고 나오면서 팝업이 뜨는데 확인을 누르면 다시 반복 반복 반복..

만든 사람(PSMKorea 소속이겠죠?)은 아마도.. PSMKorea 라는 곳을 인증된 사이트로 인식하고 만들었겠죠?
역시 테스트는 100% 독립된 깨끗한 환경을 갖춰야 합니다. ;;;;

물 산업?

2008-03-20T10:03:00.000+09:00

LGERI 리포트, 유호현 선임연구원의 '물 비즈니스 성공의 핵심 포인트'라는 글을 재미있게 읽고 요약한 글입니다. 다 읽는데 한 20분 정도 밖에 안걸리네요. 추천합니다 ^^

이미지는 두산 중공업 담수화 산업 소개 이미지를 가져왔습니다.

1. 물 산업이란?
물을 이용한 산업으로 해수담수화 산업, 상하수도와 같은 수자원 인프라를 제공하는 산업을 의미합니다.

2. 물 산업이 필요한 이유는?
공급 - 담수는 전체 물의 2.5%에 불구하며 빙하를 제외하면 0.8% 밖에 안됩니다. 여기에 지구 온난화로 인한 가뭄현상으로 지하수 고갈, 사막화 현상으로 물이 부족해지고 있으며 도시화, 산업화 하수 재처리 시설의 미비로 수질 오염 문제가 심각해지고 있습니다.

수요 - 인구가 매년 8,000만씩 증가하고 경제발전에 따른 육식(고기를 생산하기 위해서는 더 많은 물의 소비가 필요)의 증가 산업용 용수의 증가

3. 물 산업의 모델은?
시설물 일체를 제공(시설 설치)하고 장기간 운영하면서 투자금을 회수하는 모델입니다. 이를 위해서는 장기 부채 조달 능력과 프로젝트 파이낸싱 능력이 필요합니다. 또한 국민의 건강과 직결되는 문제이므로 안정적으로 가공하는 역량과 발주 주체가 국가 단위이므로 현지화된 접근이 필요합니다.

4. 물 산업의 기술은?
물 산업의 기술 패러다임은 세 가지로 나눌 수 있습니다.

생화학 처리방식 - 고농도 폐수가 쉽게 정화안됨
분리막 방식 - 막을 통해 정제하는 방식으로 역삼투압(RO -Reverse Osmotic), 마이크로필터(MF), 울트라 필터(UF), 나노필터(NF) 딩이 존재
자외선 살균 방식(UV) - 생화학 방식보다 살균효과가 높고 유지 관리 비용이 낮은 장점

분야별 기술을 적용을 살펴보면

담수 - 끓이는 방식(Thermal) + 역삼투압 방식(RO필터)
상수 - 생화학 기술 + 자외선 살균처리(UV)
도시지역 - 마이크로필터(MF)
중동지역 - 나노필터(NF) + 역삼투압(RO)
하수 - 생화학 기술 + 필터
산업 - 울트라필터(UF) + 나노필터(NF)

5. 관련 기업은?
프랑스의 Veolia, Suez, 미국의 GE, Nalco, Dow Chemical, Danaher, 독일의 Siemens, 일본의 Nitto Denko, Kurita Water, 싱가포르의 Hyflux

이러한 기업들은 수처리 제조, 설치, 시스템 운영을 모두 제공하거나 제조 및 설치를 엮는 등의 사업 영역 확대를 통해 통합 솔루션을 제공하고 있습니다.

출처: LGERI 리포트 - 물 비즈니스 성공의 핵심 포인트
이미지 출처: 두산 중공업

P.S> 이제 두산중공업 주식만 사면 되겠군요 ㅎㅎ;;;

'조언을 한다'에 포함된 말

2008-03-19T23:54:00.000+09:00

가르친다는 말에는 배운다의 의미도 포함되어 있습니다.
조언을 한다에도 조언을 받는다라는 의미가 포함되어 있습니다.

친구와 퇴근하면서 여러가지 조언을 해줬는데 반대로 자신의 모습을 반성하게 되네요. ㅠㅠ

P.S> 조언을 한다 == 반성을 한다 일수도;;;;

prototype.js, HTMLElement에 method를 추가하기

2008-03-19T23:48:00.000+09:00

Firefox에서 prototype.js를 사용하게 되면 prototype의 Element.Methods와 Element.Methods.Simultated 정의되어 있는 method와 property가 HTMLElement.property에 추가되게 됩니다.

if (F.ElementExtensions) {
// copy(source, destination)
copy(Element.Methods, HTMLElement.prototype);
copy(Element.Methods.Simulated, HTMLElement.prototype, true);
}

이렇게 추가되게 되면, 다음의 효과를 얻습니다. HTMLElement를 생성할 때, Element.Methods에 정의되어 있는 메소드를 그대로 상속받게 되는거죠. 예를 들면 element를 생성만 했슴에도 Element.Methods에 정의되어 있는 getDimension()에 접근이 가능하게 되는거죠.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="prototype_v1511.js"></script>
<title>Insert title here</title>
</head>
<body
onload="var divElm = document.createElement('div');
alert(divElm.getDimensions);">
</body>
</html>

그러나, IE에서는 HTMLElement 인터페이스(정확히는 HTMLElement 인터페이스를 구현한 Object)에 어떠한 메소드나 프로퍼티 추가를 허락하지 않습니다. 그렇기 때문에 IE에서 위의 코드를 실행하게 되면 동작을 하지 않습니다.

그렇기 때문에, IE에서는 element를 생성할 때, $()로 한 번 감싸주거나 Element.extend를 한 번 더 호출해서 prototype.js의 Element 기능을 추가합니다.

출처: How Prototype extends the DOM

P.S >
다른 분과 IE에서 HTMLElement.prototype 에 접근이 안된다는 얘기를 했더니 그럴리가 없다는 얘기를 하시면서 new로 생성이 안되어서 그렇다는 의견을 얘기한 적이 있었습니다. 그 당시에 실험을 해보고 글로는 안 썼었는데 정리하는 차원에서 추가합니다.

IE에서 몇 가지 실험을 해보면,

alert(HTMLElement);
// HTMLElement 가 정의되어 있지 않다고 에러가 발생합니다. (Element 동일)

즉, HTMLElement에 접근할 수 조차 없게 되겠죠. 그러나, new로 생성하지 못하기 때문에 new가 원인이 된다는 확인해보지 못했었는데요. 곰곰히 생각하다보니 IE에서 img 태그의 경우 new Image()로 생성할 수 있다는 게 생각이 나더군요. 그러나, 역시 Image의 경우에도 prototype에 접근할 수 없었습니다.

alert(Image); // Object가 뜹니다.
alert(Image.prototype); // undefined가 나오네요.

결론은 IE에서는 HTMLElement나 Tag에 직접접근할 수 없다고 보는게 맞다고 생각이 됩니다.

수원 화성..

2008-03-18T09:56:00.000+09:00

친구하고 수원 화성에 관해서 얘기를 하다 '세계 최초로 지어진 계획도시'라는 얘기가 나왔습니다.
TV 프로그램에서 나왔다고 하는데요. 수원 화성이 뛰어나긴 하지만 훨씬 이전에 로마에서 도시를 건축하는 방법이나 당나라 때의 장안 등등등 많은 도시들이 계획 도시로 만들어졌는데.. 하는 생각이 들더군요.

네이버에서 검색해보니 다음의 내용이 나오네요.

(그냥 생각해보기에는 정조가 과연 신도시 개념으로 수원을 지었는 지는 모르겠네요. 건축실명제의 경우에도.. 다른 건축물에도 실명이 남겨져 있는 경우도 있지 않은가요? 뭐.. 반박할 근거는 없습니다. -_-;;;)

다만, 유네스코에서는 수원 화성을 세계 문화 유산 목록에 추가했을 때 세계 최초의 신도시, 건축실명제 때문에 추가하지는 않았군요.

Justification for Inscription

The Committeedecided to inscribe this property on the basis of criteria (ii) and(iii), considering that the Hwasong Fortress is an outstanding exampleof early modern military architecture, incorporating the most highlydeveloped features of that science from both east and west.

등록기준 : 세계문화유산기준 (Ⅱ), (Ⅲ)

(Ⅱ) 일정한 시간에 걸쳐 혹은 세계의 한 문화권내에서 건축, 기념물조각, 정원 및 조경디자인, 관련예술 또는 인간정주 등의 결과로서 일어난 발전사항들에 상당한 영향력을 행사한유산
(Ⅲ) 독특하거나 지극히 희귀하거나 혹은 아주 오래된 유산

주저리주저리 썼지만.. 하고 싶은 말 == 세계 최초 너무 좋와하지 말자!!

출처:

World Heritage Center - Hwaseong Fortress
유네스코 세계유산 - 수원 화성
Nasa.gov - Mars

드디어 집을 구했습니다.

2008-03-12T22:38:00.000+09:00

가락시장 -> 문정 -> 장지 -> 복정 을 거쳐서 드디어 서울을 넘어서 '산성'역에 전세를 구했습니다.
복정은 지나쳤지만, 가락시장 부터 장지 역까지는 부동산에 일일이 들려서 집이 있나 확인했습니다만.. 역시 서울은 너무 비싸군요. 그렇다고 성남이 싸지도 않더군요;;;

언덕(산이죠~)이기는 하지만, 3천에 방 두개(같이 살 사람도 없지만) 있는 방을 구해서 한 숨 놓았습니다.
(회사는 어떻게 출근할 지는 전혀 신경 안썼네요. ㅠㅠ 휴~)

이제 남은 것은 대출받고 이사하고 2년 동안 대출 갚고 2년 후에 남쪽으로 더 이사가는 것(?)만 남았네요. 휴~
전월세 이제 그만 오르면 좋겠건만....

집 구하러 다니는 중입니다.

2008-03-11T09:42:00.000+09:00

이사온 지 2년이 되어 집을 옮기려고 이곳저곳 기웃거리는 중입니다.
몇 주째 돌아다니고 있는데 대부분의 집이 보증금 얼마에 월세 3,40이 넘어가네요. 30이 그나마 양호한 편이고 35~40이 보통이라니... -_-;;

부동산에 들어가서 보증금 1500에 월세 10~15 찾는다고 하니까 대뜸하는 얘기가 보증금 500에 월세 30이 최하라고 하면서 보증금 1000 더 붙여봐야 돈으로 치지도 않는다고 하더군요. 옆자리에서는 7억짜리 집을 사느니마느니 하는데 월세 방이 눈에 들어올리 있을리가 없죠.

주말동안 발품 판 결과 한 부동산에서 자기만 믿으라면서 1500에 10만원짜리 방 구해주겠다고 뻥뻥 큰소리 치더니 어제 한다는 얘기가 주인집에서 500에 20아니면 안된다고 했다는군요. 그런데.. 그걸 왜 전화도 안해주고 있다가 부동산 찾아가니까 그제서야 얘기를 해주는지...

살기 참 힘드네요 휴...

이제는 경기도민이 되어야 할 시간? ~

DOM을 구현한다는 표현은 반드시 binding이 되어야 할까요?

2008-03-10T10:22:00.000+09:00

DOM 문서에는 OMG IDL로 정의되어 있는 인터페이스를 Java와 JavaScript로 바인딩하는 Appendix가 존재합니다. 그러나, 해당 내용을 소개하는 부분 바로 아래 쪽에 다음과 같은 문구가 존재합니다.

Note: OMG IDL is used only as a language-independent andimplementation-neutral way to specify interfaces. Variousother IDLs could have been used ([COM], [JavaIDL], [MIDL], ...). In general, IDLs aredesigned for specific computing environments. The Document ObjectModel can be implemented in any computing environment, and does notrequire the object binding runtimes generally associated with suchIDLs.

DOM 모델은 IDL을 사용하여 binding으로 구현할 수도 있지만, 어떠한 컴퓨터 환경에서 DOM을 구현할 수 있다고 언급이 되어 있습니다. 그렇다면 DOM 문서를 한 번 들여다 보겠습니다. 모님이 주장하셨던 바에 따르면 DOM의 문서는 모두 implemented가 아니라 binding으로 되어야 하겠죠.

그러나, 위의 문서를 보시면 아시겠지만 implementation이라는 구현이라는 표현을 썼습니다. DOM 문서가 잘못된 걸까요?

출처: What is the Document Object Model?

P.S.1
DOM에서 제공하는 idl은 결국 인터페이스만 주기 때문에 Java로 binding하던 ECMAScript로 bindnig하던 브라우져 입장에서는 idl이 제공하는 인터페이스를 구현(Java로 보면 클래스를 구현해야하고, C/C++등에서 도 header파일을 제외한 body는 작성해야겠죠?)해야 합니다. binding만으로는 아무것도 할 수 없습니다.

P.S.2
e님의 댓글에 대한 추가 반론입니다.

1. 논쟁이 되었던 내용

논쟁이 되었던 내용은 YUI 라이브러리의 get()의 리턴 값에 대해서

저의 경우 HTMLElement 인터페이스를 구현했다고 얘기를 하자
e님께서 HTMLElement 구현은 틀렸다고 하셨으며, binding이라고 불러야 한다

는 주장을 하셨습니다. 여기에서 얘기한 바와 틀렸다고 하시면 더 이상 할 얘기는 없습니다.

2. 제 주장에 대한 근거
HTMLElement 인터페이스를 만드는 방법에는 두 가지가 있습니다.

하나는 binding으로 생성하는 방법이고
하나는 해당 인터페이스를 직접 구현하는 방법입니다.

두 번째 사항이 구현이라는 점에는 의심의 여지가 없다고 생각이 됩니다. 그럼 첫 번째 방법으로 어떻게 인터페이스가 만들어지는 지 구체적인 예를 보도록 하겠습니다.

2-1. Firefox의 예를 보도록 하겠습니다.
Firefox의 소스 코드를 다운 받아서 압축을 풀게 되면 dom이라는 폴더가 나오게 됩니다. dom > public > idl > core 를 들어가게 되면 DOM의 기본 core로 사용되는 idl 파일(정확히는 idl의 확장버전인 xpidl로 쓰여진)들이 정의되어 있습니다. (예를 들자면, nsIDOMElement.idl파일이 여기에 포함되어 있습니다. )

Firefox를 build하게 되면 idl이 정의되어 있는 core 폴더의 Makefile.in을 읽어서 rules.mk에 정의되어 있는 내용대로 파일을 생성하게 됩니다. (SDK_XPIDLSRCS에 정의되어 있음을 주의하시기 바랍니다.)

rules.mk파일을 살펴보게 되면 다음과 같이 XPIDL로 정의된 idl 파일들에서 header 파일을 생성해 내는 것을 보실 수 있습니다. xpt파일도 생성이 될 수 있습니다. idl파일로 부터 header를 생성하는 과정까지를 생성하고 cpp 파일 부분은 실제 브라우져에서 구현하게 됩니다.

이 외에도 xpidl을 이용해서 header, xpt, html, java 파일들을 만들 수 있습니다.

Firefox에서 YUI의 get으로 해서 얻어진 Element의 입장을 생각해 보면 다음과 같이 말할 수 있을 것 같네요.
Element는 DOM의 HTMLElement.idl 파일을 바인딩해서 생성된 헤더파일을 구현한 객체라 보면 되지 않을까 생각됩니다.

2-2. Webkit의 경우
Webkit의 소스코드를 보게되면 Webkit_WebCore > html 폴더에 여러 DOM idl 파일들이 있는 것을 확인할 수 있습니다. 해당 idl 파일들은 build 시에 DerivedSources.make 파일을 호출하게되고 여기에서 .idl을 header 파일로 변경되는 것을 확인할 수 있습니다.

즉, Webkit도 Firefox와 마찬가지로 IDL 파일로는 header파일만 생성이 되고 구현은 브라우져에서 직접 구현을 해야된다는 얘기입니다. YUI의 get()으로 생성되는 element의 입장에서 본다면 binding이 갖는 의미는 header를 생성해준다 여기까지만 해당되고 구현은 브라우져 자체의 문제가 되는 것이지요.

3. 결론
Firefox, Webkit이 아닌 브라우져의 경우에는 소스를 볼 수 있는 방법이 없어서 확인을 하지 못했습니다. 여기 두 브라우져에서 살펴본 결과 구현이라는 표현을 사용못할 이유는 전혀 찾지 못하였습니다.

e님께서 말씀하신 '자신의 카테고리 범주'가 뭔지 e 님께서 말씀하시는 '깊은 의미'가 뭐길래 구현이라 부를 수 없는 지 구체적 근거에 의해서 반론을 해주시기 바랍니다. 진정한 기술자란 말로서 비난하는 자세가 아니라 논리적 근거와 코드로서 답할 수 있어야 한다고 생각합니다.

반론에 대해서는 언제든지 환영합니다.

Visible Body

2008-03-06T10:40:00.000+09:00

RSS리더를 읽다가 (출처를 잊어먹어서;;;) Visible Body라는 사이트 소개 글을 보았습니다.
인체의 여러 부분을 플래시로 보여주는 사이트인데요. 정확한 비지니스 모델은 모르겠습니다. 지금은 구글 애드센스만 붙어있는 모습이구요.

가입시에 교육용으로 사용할 지 아니면 연구용으로 사용할 지, 재미로 보러왔는 지 등에 대해서 물어보는 것을 봐서는 아직 정확한 방향을 잡지는 못한 것 같습니다. Sign up을 눌러서 가입을하면 가입 시 등록했던 메일로 등록확인 메일이 오는데요. 링크를 익스플로러에서 누르면 가입이 완료가 됩니다.

Firefox는 지원이 되지 않구요. IE에서만 지원이 되고 있습니다.

Launch를 눌러서 프로그램을 구동하면, 다음과 같이 Anark Software를 설치하라는 메시지가 나오면서 길고 긴 다운로드 시간이 걸립니다.

여기까지 오면 프로그램 설치는 완료가 되나 이제 세부 정보(?)들을 다운 받는데요. 먼저 뼈 구조를 다운로드 받아서 보여주고 림파구, 근육 등등을 받습니다.

뼈만 받은 모습이구요. 나머지 부분은 다운로드 중인 모습입니다. 뼈하고 옆의 목록 사이에 나와있는 버튼들이 각 모듈을 조작할 수 있는 도구들이구요.

각 모듈(?)을 add 버튼을 눌러서 추가하거나 HIde/Show 버튼을 눌러서 보여주거나 감출 수 있습니다.

회사에서 재미있다고 이것 저것 누르다보니 갑자기 나온.. 야한(?) 사진 --;;

교육용으로 참 좋은 것 같습니다. 강추~

출처: Visible Body

IDL(Interface Definition Language)의 상속(Inheritance)

2008-03-03T14:18:00.000+09:00

DOM Core에서 DOM interface를 정의하는데 IDL(Interface Definition Language, 정확히는 OMGIDL)를 사용합니다. OMGIDL로 모두 정의되어 있는 내용은 DOM Core의 Appendix C- IDL Definitions에서 보실 수 있습니다.

위와 같은 코드를 영어로 표현하자면, 'Element interface is derived from Node interface'가 되겠지요. 즉, inherited로 표현이 됩니다. OMGIDL 스펙의 Interface Inheritance 항목을 보시면 상세히 보실 수 있습니다.

하고 싶은 얘기를 정리하자면, Element 인터페이스는 Node 인터페이스를 상속받았다는 얘기를 하고 싶을 따름입니다.

출처:

OMGIDL Syntax and Semantics - 3.23 Interface Inheritance
DOM Core의 Appendix C- IDL Definitions

Cy모 친구에게~

2008-03-03T11:47:00.000+09:00

오늘 너의 메신저 아이디를 보니

라고 되어있더군.

솔직히 너에게 맞는 아이디는

덕후들은 애니와 피규어와 망가에 빠지게 되어 있는 모양입니다. 어리다고요? 그게 덕후잖아요

아니겠삼?