유부중년 개발자의 우울

한국 developerWorks에 기고한 번역문 원문: Ajax overhaul, Part 4: Retrofit existing sites with jQuery and Ajax forms 번역: Ajax로 사이트 전면 개편, Part 4: 기존 사이트를 jQuery와 Ajax forms를 사용하여 개선하기 열화와같은 독자들의 성원에 힘입어 연장 방영 중인 Ajax 오버홀 시리즈~ 4부에서는 앞에서 한번 써 먹었던 jQuery Tabs UI와 jQuery Forms를 사용하여, 예제 애플리케이션인 Customize Me Now의 구매 과정을 마법사 스타일의 UI로 개선한다. 百問而不如一見~

힘들고 지칠 때 문득 문득 생각나는 노래... 그리고 영상... 바닥을 기면서... 바닥을 기면서... 도대체 무엇을 찾고 있는 건지... 차라리 춤을 출까요? 차리리 꿈 속으로 들어가 볼까요? (정녕 나는 오덕이란 말인가... oTL) ゆめの なかへ さがしものは なんですか みつけにくいものですか カバンのなかも つくえのなかも さがしたけれど みつからないのに まだまだ さがす きですか それより ぼくと おどりませんか ゆめの なかへ ゆめの なかへ いってみたいと おもいませんか ウフフ~ ウフフ~ ウフフ~ さあ~ やすむ ことも ゆるされず わらう ことは とめられて はいつくばって はいつくばって いったい なにを さがしているのか さがすのを やめた とき みつかる ことも よく ある はなしで おどりましょう ゆめの なかへ いってみたい..

아기다리고기다리던(20세기 개그를.. 쿨럭) 그놈 2.24가 나왔어요^O^ 흠... 뭐가 달라졌나 볼까~~ Telepathy 프레임웍 기반의 인스턴스 메신저 empathy...? 그럼 pidgin(aka gaim)은 어떻게 되는 걸까? (라고 했더니 아얄씨 그놈방 상구옹께서 pidgin은 그넘인적이 없다고...-.-) Ekiga 3.0이라... 난 화상채팅 안하니까... 무시~ 노틸리스에 Compact View 기능 추가. 단축키는 Ctrl+3~ 노틸러스에 탭 브라우징 추가!!! GREAT!!! Deskbar(OSX의 QuickSilver 짝퉁)에 계산기, Google Search, Google Code Search 기능 추가. XRandR 호환 듀얼 모니터 / 해상도 조절... 이건 우분투엔 원래 있던..

http://www.suntechdays2008.com/ 10/15(수) 시 간 내 용 07:30 ~ 09:00 참가 등록 09:00 ~ 09:10 환영 오프닝쇼 09:10 ~ 09:50 기술 데모 : 참여의 시대 내일의 기술 09:50 ~ 10:10 환영사 10:10 ~ 11:00 기조 연설 Rich Green/썬마이크로시스템즈 소프트웨어부문 수석 부사장 11:00 ~ 11:20 휴식 및 전시부스 방문 자바와 클라우드 컴퓨팅 효율적인 개발을 위한 혁신 오픈솔라리스 Hands-on-Lab (실습) 11:20 ~ 12:10 GlassFish와 Java EE의 미래 JavaSE6U10 무엇이 달라졌나 리눅스의 미래 : 오픈솔라리스 JAX_WS와 WSIT를 이용하여 신뢰도와 보안성 높은 웹 서비스 구축하기 1..

한국 developerWorks에 기고한 번역문 원문: Ajax overhaul, Part 3: Retrofit existing sites with jQuery, Ajax tabs, and photo carousels 번역: Ajax로 사이트 전면 개편, Part 3: jQuery, Ajax 탭, 회전식 슬라이드쇼로 기존 사이트 개선하기 Ajax 오버홀, Part 1: Ajax와 jQuery로 기존 사이트 개선하기와 Ajax 오버홀, Part 2: jQuery, Ajax, 툴팁, 라이트박스로 기존 사이트 개선하기로 마무리된 줄 알았던 오버홀 시리즈... 열화와같은 독자들의 성원에 힘입어 연장~~?! 하긴.. 그렇게 끝나면 열라 허무했을 거다. 지금 4부까지 번역했는데... 분위기로 봐선 5부도 조만간 나..

오랜 만의 산행이다. 금요일 퇴근을 찍고 바로 튀었다. 8명이 차 두 대에 나눠 타고 밤 길을 달려 단양에 도착했다. 단양 대명콘도에 방을 잡았다. 오! 여기에 이런게 있었나?! 일행들이 가져온 "앵두술", "쑥술", "더덕술", 그리고 "와인"까지... 아주~ 완죤~ 짬뽕으로 부어 넣었다. 그리고, 정신없이 뻗어서 자다가 일어나니, 벌써 8시... 일행들은 벌써 일어나서 씻었고, 심지어 사우나까지 갔다 왔단다. 터미널 앞에 있는 식당에서 "올갱이 해장국"의 탈을 쓴 "우거지 소금국"을 뱃속에 우겨넣고 천동 입구로 향했다. 소백산을 여러 번 왔지만 이렇게 편하게 온 적은 없었다. 차를 타고 다리안 관광지 주차장까지 올라오니, 국립공원 입구가 바로 눈 앞이다. 발걸음도 사뿐히 산 길을 걷기 시작했다. 소백..

오늘 예스24를 뒤적이다 우연히 깨달은 변화... 현재 페이지를 확실히~ 알려주는 빨간 글씨와 사각형... 어쩌면... 기획자, 디자이너, 개발자들이 엄청 싸웠을지도... 그러나 그들은 예쁜 UI 보다는 편한 UX를 선택했고, 나는 그 결과가 만족스럽다. 예쁜 UI와 편한 UX는 공존할 수 없을까...

CVS에서 SVN으로 마이그레이션 하기... 벌써 세번째 인데... 할때마다 헷갈린다. 적어두자... -.-;;; (소 잃고 외양간 고치는...) cvs 서버:현 시점에서의 CVS를 SVN 형식으로 덤프 뜨자. $ cvs2svn --use-cvs --encoding=cp949 --fallback-encoding=utf8 --dumpfile=/tmp/cvs-dump /home/cvs 덤프를 SVN 서버로 복사하자. 같은 서버라면 할 필요가 없다. $ scp /tmp/cvs-dump root@svn.mycompany.com:/tmp/ svn 서버:SVN 리포지터리를 만들자. $ svnadmin create /home/svnSVN을 WEBDAV으로 접근하려면... 이런게 필요하다. $ chgrp -R www-..

Equilibrium(이퀼리브리엄, 2002) 감독: 커트 위머 주연: 크리스찬 베일, 숀 빈 A Matrix better than the Matrix. Matrix보다 나은 점은 어렵지 않다는 것이다. 그러면서도 Matrix가 말하고자 했던 것 이상을 말하고 있다. 다만 돈 버는 안목은 없나보다. 연기 잘하는 배우보다는 흥행 잘 되는 배우를 캐스팅 했어야... (서버 호스팅을 정리하기 위해 개인 위키에 있던 페이지를 옮김)

짠밥먹고 별 짓 다한다-.-; 아무튼... 먼저 현재 설정을 확인해보자: select dbms_xdb.gethttpport from dual; 손댄적인 없다면 기본값인 8080이 나올꺼다. 이제 바꿔보자: begin dbms_xdb.sethttpport('7080'); end; 만일 웹 콘솔에서 했다면... 다시 접속해야한다: http://localhost:7080/apex 윈도라면 시작메뉴가 사용하는 북마크도 바꿔줘야한다: C:\oraclexe\app\oracle\product\10.2.0\server\Database_homepage.url 이 파일을 노트패드같은걸로 열어서, 요렇게 바꿔주자: [InternetShortcut] URL=http://127.0.0.1:7080/apex 흠냐... 그냥 까먹..

방금 포스팅한 퀸의 노래 말고도 귀에 속속 들어오는 광고 음악이 하나 더 있다. 나이키의 최근 광고에 사용된 몽환적인 느낌의 노래... The Killers의 All These Things That I've Done When there's nowhere else to run Is there room for one more son One more son If you can hold on If you can hold on, hold on I wanna stand up, I wanna let go You know, you know - no you don't, you don't I wanna shine on in the hearts of men I want a meaning from the back of my ..

최근에 이런 저런 광고에 나오면서 인기를 끈다 싶었더니... 일본 드라마의 오프닝에 사용되었었군... I was born to love you (love you...) With every single beat of my heart Yes I was born to take care of you Every single day (single day...) All right Hey hey.. I was born to love you with every single beat of my heart Yes I was born to take care of you every single day of my life You are the one for me I am the man for you You were made fo..

여름 휴가도 있고... 밥먹고 사는 일도 있고 해서... 한참 쉬었으니 다시 시작해보자. dojo의 객체 시스템의 핵심은 dojo.declare다: dojo.declare(className, superClass, { members... }) : 주어진 이름을 가진 클래스를 정의한다. 클래스 이름은 문자열로, 수퍼클래스는 클래스 객체로 지정해야 한다. 수퍼클래스가 없으면 null 또는 [ ] (빈 배열)을 지정하면 된다. 하나 이상의 수퍼클래스(정확히는 하나의 수퍼클래스와 여러 개의 믹스인을 배열로 지정할 수도 있다.먼저, 단순한 클래스를 정의하는 예를 보면: dojo.declare('Point', null, { x: 0, y: 0, constructor: function(x, y) { this.x = x..

Elephant(엘리펀트, 2003) 감독: 구스 반 산트 주연: 알렉스 프로스트 / 에릭 듈런 / 존 로빈슨 차라리 우연이길... 상상이길... 바랬다. 이젠 엄연한 현실이 되어 버린 거실의 코끼리 이야기. 착한 영화 전문 감독으로 전락해버린 구스 반 산트... 그가 다시 "작가"로 돌아오는가? (서버 호스팅을 정리하기 위해 개인 위키에 있던 페이지를 옮김)

Edward Scissorhands(가위손, 1990) 감독: 팀 버튼 주연: 조니 뎁, 위노나 라이더 팀 버튼과 조니 뎁 콤비의 위대한 탄생. 그리고 눈부시게 아름다웠던 위노나 라이더를 추억하다. (서버 호스팅을 정리하기 위해 개인 위키에 있던 페이지를 옮김)

웹2.0의 열기가 안정되면서 한 때 잘 나가던 몇몇 회사의 서비스들이 조용해졌다. 씽크프리도 그 중의 하나일지도... 그러나 버뜨! 쓸모도 없는 데모만 보여주고(지금은 뜨지도 않지만)... 스샷만 남발하고... 연기에 연기를 거듭하던 씽크프리 노트가 최근 업데이트에서 모습을 드러냈다. 데모 때 보다 한결 깔끔해진 모습으로~ 고화질(1024x768) 동영상(30M)은 용량 문제로 따로 올렸다. 흠... 솔직히... 아직 제대로된 원격 블로깅 도구라고 하기엔 한~참 멀었지만... 다음 업데이트를 기약하면... 이번엔 요기까지~ 덧. 블로그 포스팅에 촛점을 맞춰서 만들었는데... 관심있는 분들... 더 삼빡하게 하나 만들어 주세요.~.~/

오늘, 기묘세미나로 유명한 기묘 에 계시는 우일님으로부터 깜짝 선물을 받았다. 우선 인증샷 부터! 우일님의 사부님께서 클래식 기타 앨범 을 내셨다는데... 오옷 @..@ 이런 유명한 분에게 체계적으로 기타를 배울 수 있다뉘ㅠ.ㅠ 완전 초 부럽 IANAL 테크닉이나 속도보다는 깊이가 있으면서도 부드러운 연주라, 밤에 혼자 듣기에 좋겠다 ~.~ 쇼핑몰에 가면 샘플 이 있으니 꼭~ 들어보시길~ 나도 예전에... 음악감상실을 들락거리다가 (그때도 지금도 안유명한)가수분께 어깨너머로 기타를 잠깐 배운적이 있는데... 지금은 완전 막손이다 -.-;;; 아... 인사를 깜빡했네... -.-;; 우일님~ 너무너무 고마워요~.~

자바스크립트로 코딩 좀 했다는 분들도 IE(참고자료)와 불여우, 그리고 W3C의 표준 DOM 이벤트 모델간의 차이에 대해서 제대로 이해하기보다는 까이꺼~ 대충~ 통밥으로~ 처리하는 경우를 많이 본다. 누가 좋으냐 나쁘냐는 논쟁은 끝이 없으니... 넘어가기로 하고... 골치아픈 브라우져간의 차이점을 신경쓰지 않고 개발할 수 있는 dojo의 이벤트 시스템을 알아보자. dojo.connect(이벤트객체, 이벤트이름, 이벤트핸들러함수) : 지정한 객체에서 지정한 이름의 이벤트가 발생하면 이벤트 핸들러 함수를 호출하도록 "연결"한다. 핸들을 리턴한다.dojo.disconnect(핸들) : dojo.connect()함수의 리턴값으로 받은 핸들을 사용하여 이벤트와 이벤트 핸들러 함수의 연결을 끊는다.뭔 얘긴지 더 헷..

Die Fetten Jahre sind vorbei(The Edukators; 에쥬케이터, 2004) 감독: 한스 바인가르트너 주연: 다니엘 브륄, 율리아 옌치, 스티페 에르켁 영화로 만나는 아직 끝나지 않는 노래. 그러나 노래는 이미 끝났다. 그리고 이 젊고 촉망받는 독일 감독도 그 사실을 잘 알고 있다. (서버 호스팅을 정리하기 위해 개인 위키에 있던 페이지를 옮김)

Dogville(도그빌, 2003) 감독: 라스 폰 트리에 주연: 니콜 키드먼 (라스 폰 트리에) 개자식-.-; 라스 폰 트리에는 지금의 미국이... 개들이 사는 마을...과 무엇이 다르냐고 묻는다. 나는 개들이 사는 마을에서... 지금의 대한민국을, 서울을... 본다. (서버 호스팅을 정리하기 위해 개인 위키에 있던 페이지를 옮김)

숲 숲에서 나오니 숲이 보이네 푸르고 푸르던 숲 내 어린 날의 눈물 고인 저 숲에서 나오니 숲이 느껴지네 어둡고 어둡던 숲 내 젊은 날의 숲 숲에서 나오니 숲이 보이네 푸르고 푸르던 숲 내 어린 날의 슬픔 고인 저 숲에서 나오니 숲이 느껴지네 외롭고 외롭던 숲 내 젊은 날의 숲 그 알수 없던 나무 나무 사이를 끝없이 헤매이며 어두운 숲 속을 날아다니던 시절 저 파란 하늘 한 조각 보고파 울던 그 수많던 시간들을 남긴 채 광야로 광야로 광야로 저 숲에서 나오니 숲이 보이네 푸르고 푸르던 숲 내 젊은 날의 숲 문득... 가늘게 떨리던 하덕규의 목소리가 떠올랐다.

한국 developerWorks에 기고한 번역문 원문: Develop Ajax applications like the pros, Part 1: Using the Prototype JavaScript library and script.aculo.us 번역: 전문가다운 Ajax 응용 프로그램 개발, Part 1: Prototype 자바스크립트 라이브러리와 script.aculo.us 사용하기 developerWorks 특유의 장황한 제목이 인상적이다. 장황한 제목은 무시하고... 내 맘대로 제목을 붙여본다면... 프로토타입과 스크립타큘러스로 배우는 AJAX 프로그래밍 입문.

이번에 알아볼 내용은 애니메이션/효과를 위한 기능이다. 기본 효과 간단한 효과들이지만 dojo base에 포함되어 있어서 dojo.js 파일 하나만 있으면 편하게 쓸 수 있다. dojo.fadeIn(args) : 지정한 노드를 서서히 불투명하게 만든다. args는 여러가지 파라메터를 묶은 해시다. dojo에서는 이런 식의 파라메터를 즐겨쓴다. dojo.fadeOut(args) : 지정한 노드를 서서히 투명하게 만든다.dojo.animateProperty(args) : 지정한 노드의 (CSS) 속성을 연속적으로 변화시킨다. 이 함수만 활용하면 대부분의 효과를 만들 수 있다.간단한 예를 들어 보면: dojo.fadeOut( node: 'title', duration: 1000, delay: 250 }).pl..

뜬금없는 OSGi 기반 웹 어플리케이션 얘기다. OSGi를 실무에 적용하려고 삽질 좀 해 본 사람들이라면 아래의 그림들을 본 적이 있을 것이다(문서 전체). 시나리오1 기존의 WAS 위에 OSGi 프레임웍을 내장해서 돌리는 방식이다. 시나리오2 OSGi 프레임웍이 바닥에 깔리고 그 위에 WAS가 구동되는 방식이다. Equinox나 Felix등이 추구하는 모델은 모두 시나리오2다. Spring-DM도 기본적으로 시나리오2에 스프링 IoC 컨테이너와의 접점을 마련해둔 것 뿐이다. OSGi를 옹호하는 입장에서는 OSGi가 모든 것의 기반이 되는~ OSGi 번들로만 이루어진 세상(class space)을 원하겠지만, 현실의 웹 어플리케이션은 그렇게 자유롭질 못하다. 지금 쓰고 있는 WAS를 버리고, 듣도 보도 ..

Dances With Wolves(늑대와 춤을, 1990) 감독: 케빈 코스트너 주연: 메리 맥도넬, 그레이엄 그린, 케빈 코스트너 고딩때 였나... 아무튼 꽤 오래 전에 극장에서 봤었는데... 얼마전 신정 특선 영화로 다시 봤다. 지금도 기억나는 인디언식 이름들... 머리 속의 바람, 발로 차는 새, 열마리 곰, 항상 웃는, 주먹 쥐고 일어서, 늑대와 춤을... 그리고, 그 이름만으로도 기억나는 그들의 캐릭터... 전혀 기억나지 않는 배우들의 이름... 처음 봤을 때의 그 느낌은 거의 별 다섯개 만점에 가까웠지만... 좀 지나자, 괘씸한 생각이 들었다. 왜 '늑대와 춤을'은 '주먹 쥐고 일어서'와 결혼했을까? 넘쳐나는 수족의 여인들을 다 놔두고, 하나 뿐인 백인 인디언 여자와... 결국 케빈 코스트너의..

Contact(콘택트, 2005) 감독: 로버트 저메키스 원작: 칼 세이건 주연: 조디 포스터, 제임스 우즈, 안젤라 바셋 우아할 뻔 한 SF 소품. (서버 호스팅을 정리하기 위해 개인 위키에 있던 페이지를 옮김)

F3에 JavaFX라는 뜬금없는 이름을 붙이곤, 자바원 2008에서 그렇게 떠들어 대더니... JavaFX의 첫번째 프리뷰 SDK가 나왔다. 포함된 것들을 보면: 1) JavaFX Compiler & Runtime tools 2) 2D Graphics and Media Libraries 3) Tutorials API docs, and Sample Code 4) NetBeans Plug-in 5) Project Nile - a suite of tools and plug-ins(포토샵/일러스트레이터용!) 그렇다... 역시 넷빈즈 플러그인만 있다. 이클립스 플러그인은... 당근 없다. 하긴... 마티스가 없는 JavaFX는 FLEX Builder없는 FLEX! 뽀대 작살! (역시... OSX은 스샷을 위한 O..

한국 developerWorks에 기고한 번역문 원문: Performance Ajax tools 번역: Ajax 성능 도구 Apache Bench, Tsung, Bonnie++, Wireshark(Ethereal), 그리고 Cometd, Lightstreamer, KnowNow, lighttpd 등의 Comet 구현체들, LiveHttpHeaders 등의 파이어폭스 확장들을 소개한다. 말그대로... 소개만 할 뿐... 너무 기대하지 말자. -.-;;; 그래도 이렇게 모아서 소개해주는 것만으로 큰 도움이 된다.

할 수 있는데 까지 해보자. DOM 노드 위치/좌표 관련 함수들 CSS만으로 모든 레이아웃을 정확하게 계산하기란 쉽지 않다. 디자이너의 현란한 디자인이 IE의 더블마진 버그와 만나는 순간... 때문에 레이아웃 잡는게 여간 골치아픈게 아니다. 그래서 이런게 필요하다: dojo.marginBox(domNode) : 지정한 DOM 노드의 margin box를 얻는다.dojo.marginBox(domNode, {l:가로좌표, t:세로좌표, w:너비, h:높이}) : 지정한 DOM 노드의 위치/크기를 margin box로 설정한다. 위치는 부모 노드의 위치에 대한 상대좌표다(즉, CSS의 position:absolute 다). margin/padding/border는 바뀌지 않지만, content box의 크기는..

Clockwork Orange (시계 태엽 오렌지, 1971) 감독: 스탠리 큐브릭 주연: 말콤 맥도웰 / 패트릭 마지 / 마이클 베이츠 무지막지한(?) 폭력성과 선정성으로 30년만에 DVD 출시된 스탠리큐브릭의 문제작... 이라는데... 불과 30년전엔.. 상상조차 허락되지 않던... 폭력이 지금은 현실이 되었다. 그러나 우리들의 삶은 여전히 시계 태엽 오렌지인걸... (서버 호스팅을 정리하기 위해 개인 위키에 있던 페이지를 옮김)