그결과.. 포스팅이 올라왔는데... 재미난 에피소드가 있더군요.
여기 오시는 분들 중에서 옷파는 사람으로 알고 오시는 분이 있을까요? ㅋㅋㅋ
P.S. 개인적인 사정상.. 트랙백은.. 생략할께요 ^^;;;; 왠지 무안하잖아요..
2006년 12월 29일 금요일
카드보내기 이벤트 후기
시키는데로 잘하는 옷장수는 해~님이 시킨데로 5분에게 카드를 보냈답니다.
그결과.. 포스팅이 올라왔는데... 재미난 에피소드가 있더군요.
여기 오시는 분들 중에서 옷파는 사람으로 알고 오시는 분이 있을까요? ㅋㅋㅋ
P.S. 개인적인 사정상.. 트랙백은.. 생략할께요 ^^;;;; 왠지 무안하잖아요..
그결과.. 포스팅이 올라왔는데... 재미난 에피소드가 있더군요.
여기 오시는 분들 중에서 옷파는 사람으로 알고 오시는 분이 있을까요? ㅋㅋㅋ
P.S. 개인적인 사정상.. 트랙백은.. 생략할께요 ^^;;;; 왠지 무안하잖아요..
압축과 통합을 통한 js, css 다운로드 최적화
Ajaxian에 Maximizing Performance with Compression and Combination이라는 기사가 있더군요. [Ajaxian의 밀린 기사 읽는 중이랍니다. ^^;;] 이전에 Vox.com 분석할 때 Vox.com의 js 및 css를 자동으로 통합해서 배포하는것 같다는 얘기를 한 적이 있습니다. 이와 비슷한 방법이기는 하나 Ajaxian의 Maximizig Performance...도 js와 css를 자동으로 통합해서 배포하는 방법에 대해서 설명하고 있습니다.
큰틀은 다음과 같습니다.
큰틀은 다음과 같습니다.
- js 및 css 파일들을 request에 따라 하나의 통합된 파일로 생성합니다. (Combination)
- 이 통합 파일을 gzip으로 압축하여 배포합니다.
- 그리고 압축파일을 디스크에 캐싱해 둡니다.
RewriteEngine On
RewriteBase /
RewriteRule ^css/(.*\.css) /combine.php?type=css&files=$1
RewriteRule ^javascript/(.*\.js) /combine.php?type=javascript&files=$1
RewriteBase /
RewriteRule ^css/(.*\.css) /combine.php?type=css&files=$1
RewriteRule ^javascript/(.*\.js) /combine.php?type=javascript&files=$1
솔루션을 공개해주신 rakaz님께 감사를~~ ^^
출처 :
- rakaz님의 Make your pages load faster by combining and compressing javascript and css files
- Ajaxian의 Maximizing Performance with Compression and Combination
2006년 12월 28일 목요일
BackButton Overloading
Ajaxian의 기사를 다시 보고있는데 BackButton Overloading기사에서 onunload 이벤트 헨들러를 사용하여 페이지에서 빠져나가지 못하게 하는 방법에 대한 기사가 있네요.
페이지가 빠져나가는 순간(onunload 이벤트 발생하는 순간)에 location을 현재의 위치로 변경하게하여서 빠져나가지 못하게 하는군요. 이런 기쁜 방법(?)이... [Mario Heiderich님의 테스트페이지]
잘 사용한다면 글쓰기페이지에서 실수로 벗어나는 경우를 막는데 사용할 수 있지 않을까 싶네요.
나쁘게 사용한다면... 난감 -_-;;;;;
출처 : Ajaxian의 BackButton Overloading
페이지가 빠져나가는 순간(onunload 이벤트 발생하는 순간)에 location을 현재의 위치로 변경하게하여서 빠져나가지 못하게 하는군요. 이런 기쁜 방법(?)이... [Mario Heiderich님의 테스트페이지]
잘 사용한다면 글쓰기페이지에서 실수로 벗어나는 경우를 막는데 사용할 수 있지 않을까 싶네요.
나쁘게 사용한다면... 난감 -_-;;;;;
출처 : Ajaxian의 BackButton Overloading
한달 수명 노트북??
어제 TV를 비롯하여 많은 뉴스들이 삼성전자의 노트북PC용 1200Wh(와트아워)급 대용량 연료전지에 대해서 얘기를 하더군요. 제목만 보고선 "한달동안 사용한단말야?" 하고 놀랐었는데...
알고보니.. 주5회 하루8시간이군요. 한달을 4주정도로 가정하면 5 * 8 * 4 = 160시간이군요.
작지는 않은 시간이지만 뉴스 제목하고 이렇게 다를 수가 있는지....
제가 낚였군요.
이미지 출처 : http://www.sec.co.kr/
2006년 12월 24일 일요일
2006 난상토론회 참가 후기
2006 난상토론회 참가 후기 입니다.
22~23일까지 워크샵에 갔던 관계로 난상토론회에는 2시 40분정도에 도착했습니다. 장소는 삼성동 포스코빌딩 서관 5층의 마이크로소프트 미팅룸이었구요.
저희조의 토론 내용은 책에관한 토론이 진행되었습니다. (가칭 Book 2.0)
조원분들은 좌장 황진열(하울) 님, 추현우(FineApple) 님, 김용식(그냥) 님, 박찬준(찰리) 님, 이철민(chulmin) 님하고 저였구요. 노트북을 가져간 이유로 제가 서기가 되서 토론에는 참여를 제대로 못했습니다. ㅠㅠ
토론의 주제는 하울님과 찰리님의 영향(?)으로 책과 관련된 주제가 되었습니다.
- 책(e-book 포함)을 왜 보지 않는가?
- 지식인 같은 온라인 상에서 책의 요약 정리돈 내용이 나온다.
- 온라인에서 검색하면 책이 검색이 된다.
- 화면에서의 독서량이 책의 독서량보다 매우 높다.
- 전자책으로 해결하는 것도 한 방안이다.
- 박찬준 님 : 어려울것이다. 책의 내용을 한챕터 분량으로 나누거나 요약해서 e-book으로 팔고 수도물 정도로 판다면 충분히 경쟁력이 있을 것으로 생각한다. e-book은 검색, 독자와의 연계 등을 제공하므로 기존의 책은 기념품 정도로 되지 않을까 생각한다.
- 이현민 님 : 전자책이 대세가 될 것으로 생각하지만 화면으로보는 불편함으로 인하여 기존의 책이 사라지지는 않을 것이다.
- 추현우 님 : 책이 담고 있는 컨텐츠가 가치가 있다면, 오프라인상의 책은 사라지지 않을 것이다. 대신에 패러다임의 전환이 필요하다. 구글처럼 서비스를 무료로 제공하고 대신에 데이터를 얻는, 즉 백엔드로 돈을 버는 방법등을 생각해봐야 한다. 기존의 과금체계가 실패했다면, 이를 바꾸어서 접근해보는 것도 중요하다.
- 김용식 님 : iPod의 성공요인은 iTuens프로그램의 iPod과 온라인 스토어의 연결에 있다고 생각한다. 기존의 전자책들은 많은 불편함을 가지고 있다. iPod과 iTuens같은 온라인과 오프라인을 쉽게 연결시켜주는 하드웨어가 나온다면 기존의 책은 사라질 것으로 생각하낟. 무엇보다 사용자가 편리해야 한다.
온라인 상에서의 블로그의 글에 대한 보상은 어떻게 될 것으로 생각하는가?
- 김용식 님 : 평점 시스템이 도입되어서 글을 읽는 사람들이 글을 쓴 사람들을 평가하고 이를 통해서 돈이 지불될 수 있는 시스템이 될 수 있으면 좋겠다.
- 박찬준 님 : 컨텐츠 자체도 중요하지만, 컨텐츠에 대한 편집 비용도 중요합니다. 컨텐츠에서 부분의 내용이 필요할 때 이를 불필요한 검색을 하지 않고도 저렴한 비용으로 구매가 가능하다면 편집된 컨텐츠를 돈을 주고 구매를 하는 경우도 많을 것이다. 그러나, 저작권 문제도 있을 것이다. 저작의 단위 단위에 (예를 들면 블로그의 각각의 글에 대해) 저작의 단위를 알 수 있는 시스템이 필요하다. 그리고, 불법적인 부분에 대해서는 강경한 제재가 필요하다.
- 추현우 님 : 편집화된 컨텐츠에 대해서는 한계를 가지고 있다고 생각된다. 과금을 한다면 과연 구매를 할 것인가? dcinside에서 좋은 사진 기술에 대해 글을 쓴 사람들이 책을 출판 했을 때 dcinside의 구독자들이 그들의 책을 살 것인가? 블로그의 글에 대해서 과금을 통해서 해결하는 것은 어렵다고 본다. 또한, 좋은 컨텐츠를 만들수 있는 저자라면 저렴한 비용의 과금시스템을 통해서 자신의 컨텐츠를 공개하리라고 보기는 어렵다.
- 황진열 님 : 저자랑 독자를 바로 연결할 수 있는 유통시스템을 갖춘다면 가능하다고 생각한다. 온라인 컨텐츠를 유통하는 G-market같은 회사(구매자와 소비자가 바로 연결되는)가 있다면 가능하리라고 생각한다.
아쉬운 점은 시간이 너무 짧아서 얘기가 원할히 진행되지 못했다는 점, 토론에 각 조마다 주제가 있었다면 토론하고 싶은 주제를 찾아갈 수 있지 않을까 하는 생각도 들었습니다. 처음으로 한 서기 일도 매우 힘들더군요 ㅠㅠ
그러나, 새로운 주제에 대한 여러가지 다른 시선을 알 수 있었던 점도 즐거웠던 같습니다.
다음에도 꼭 참석해봐야겠네요 ^^
P.S.1 류한석님께서 꼭 23일까지 후기를 올려달라고 하셨는데... 개인적인 사정으로 지방에 내려가게 되서 다음날 올렸습니다. 양해 부탁드려요. (원래는 27일까지는 인터넷을 끊고 살려고 했답니다. ^^;;)
P.S.2 혹시 제가 요약을 잘못했거나 의도와 잘못된 내용이 올라갔다면 댓글로 달아주시면 수정하도록 하겠습니다.
P.S.3 이현민 님의 명함은 제가 받지를 못해서 블로그 주소가 빠져 있습니다. 댓글로 달아주시면 링크 걸도록 하겠습니다.
2006년 12월 22일 금요일
2006년 12월 18일 월요일
Wish List- 대장정
교보문고에 크리스마스 카드를 구입하러 갔다 발견한 모택동의 '대장정'에 관한 책입니다.
한장한장이 판화기법을 사용하여 세밀하게 그려져 있어서 더욱 소장가치(!!)가 뛰어난 책입니다. [주인장의 지름기미가 마구마구 보이는군요. --;;;]
대장정의 인물소개 페이지에는 모택동을 비롯하여 여러 인물의 그림과 이름이 소개되어 있는데요. 중국식 발음과 한국식 한자발음을 병기하여서 이전에 읽어왔던 책들과의 호환성(?)이 매우 뛰어난 책입니다.
가격은 무려 7만원대 - 할인혜택에 적립금 포함하면 5만 6천원대.... 비싸다 ㅠㅠ
한장한장이 판화기법을 사용하여 세밀하게 그려져 있어서 더욱 소장가치(!!)가 뛰어난 책입니다. [주인장의 지름기미가 마구마구 보이는군요. --;;;]
대장정의 인물소개 페이지에는 모택동을 비롯하여 여러 인물의 그림과 이름이 소개되어 있는데요. 중국식 발음과 한국식 한자발음을 병기하여서 이전에 읽어왔던 책들과의 호환성(?)이 매우 뛰어난 책입니다.
가격은 무려 7만원대 - 할인혜택에 적립금 포함하면 5만 6천원대.... 비싸다 ㅠㅠ
2006년 12월 17일 일요일
간만의 출사 ≈ 얼어 죽을뻔 했어요 -_-;;;
해~모님의 재안으로 시작된 크리스마스 카드를 위해서 출사를 나갔습니다.
나간 것은 좋긴한데... 춥더군요. -_-;;; 추위에 떨다보니 사진들이 다 흔들려 버렸습니다. ㅠㅠ
마지막 하이라이트..
SPORTS 2.0 - 네아가가 말하는 '김학범 축구'
SPORTS 2.0에 "네아가가 말하는 '김학범 축구'"라는 기사가 있더군요. 읽다보니 참 인상적인 구절이 있었습니다.
(--;;; 유겸애비님, esigi님, erehwon님은 아닙니다. -_-;; 빠진 분이 있으려나... )
주말에 오랜만에 만난 친구가 있었는데 회사를 그만둔다고 하더군요. 그 친구가 계속 생각나네요.
그는 "K리그의 적지 않은 감독들이 '넌 이렇게 해라'라고 일방적으로 지시하지만 김감독은 '넌 무엇을 원하느냐'고 선수들에게 먼저 묻는다.먼저 리더로서 자신의 팀원에게 '무엇을 원하냐고?' 묻는 사람이 과연 얼마나 될까요?
(--;;; 유겸애비님, esigi님, erehwon님은 아닙니다. -_-;; 빠진 분이 있으려나... )
주말에 오랜만에 만난 친구가 있었는데 회사를 그만둔다고 하더군요. 그 친구가 계속 생각나네요.
Vox.com (2)
HTML Code
Vox.com의 소스를 보면 재미있는 부분이 많습니다. 먼저, 소스읽기를 해서 head 코드를 읽어보면 head 안에 script와 link 태그를 살펴보면 각각의 src와 href속성이 특이한 부분을 볼 수 있습니다.
보통 src나 href에 하나의 파일을 설정합니다만, Vox.com에 나와있는 소스에는 여러 파일들을 하나의 태그안에 링크한 거처럼 보입니다. 처음에는 새로운 문법이라도 나왔을까 생각하면서(-_-;; 그럴 리는 없죠?) 표준을 뒤져보기도 했습니다.
두번째는 소스에 나와있는 href나 src의 위치에 여러 파일들을 하나의 파일로 만들어서 배치하는 빌드를 가지고 있다는 가정에 몇 가지 실험을 해봤습니다.
link태그를 기준으로 다음의 파일들은 실제 위치에 존재합니다.
그 와중에 나미님이 link에 사용된 href뒤의 파일들의 순서 및 개수를 바꿀때도 각각의 새로운 css 파일들이 생성된다고 알려주셨습니다.
Dynamic Css, JavaScript file Creation
즉, link나 script태그의 src, href 속성의 파일들의 요청을 해석해서 필요한 파일들의 집합을 하나의 파일로 동적으로 생성해냅니다. (*.* 호~ 참 편리하게도 만들었다는 생각이 들더군요. 저만 그런가요? ) script에 사용된 jsc의 경우에는 javascript파일을 minifying처리한 후에 필요한 여러파일들을 하나의 파일로 생성합니다.
Toolbar CSS
Vox.com 의 Toolbar에도 CSS를 깔끔하게 사용하고 있습니다. Toolbar가 위치한 editor의 html을 살펴보면 id가 compose-toolbar인 div가 있습니다. 그리고 그 안에 a 태그가 여럿들어 있습니다. 각각의 a 태그는 toolbar의 메뉴들입니다.
각각의 메뉴들을 DOM으로 만든다면, onMouseOver인 경우 css등을 이용하여 선택된 화면을 보여주고 onClick시 어떠한 동작을 수행하는 것을 나타내기 위해서 sytle을 변경하기 위한 여러 코드가 들어가게 됩니다.
그러나, Vox.com의 Toolbar는 Toolbar의 이미지를 하나로 통짜로 만든 후 css를 통해서 이미지의 위치를 이동시켜 보여줌으로서 Toolbar의 이미지 관리를 쉽게하였습니다. 또한 css의 hover기능을 이용함으로서 onMouseOver에 대한 기능을 추가할 필요가 없어졌죠.
따라서, click에 대해서만 따로 처리하고 있습니다. click의 경우에도 일괄적으로 click event를 듣는 클래스에 등록시킨 후 event를 발생시킨 target이 class의 이름을 통해서 어떠한 동작이 발생했는 지를 처리하고 있습니다.
Conclusion
Vox.com의 코드를 보면 상당히 단순하면서도 확장이 쉽게 될 수 있는 구조를 가지고 있습니다. DOM에서 html을 생성해내는 구조는 html 페이지와 css를 이용하여 밖으로 뺐구요. 동작에 관련된 구조도 Observer 클래스와 Componenet 클래스를 계층화 시켜서 쉽게 동작하도록 처리되어 있습니다.
이 때까지 봐온 코드중에서 가장 깔끔한 구조를 가진 것 같네요. ^^
Copyright
코드의 모든 권한은 Six Apart에 있습니다. Six Apart의 JavaScript 코드는 Copyright과 Disclaimer를 포함하는 조건하에서 재배포가 가능합니다.
Vox.com의 소스를 보면 재미있는 부분이 많습니다. 먼저, 소스읽기를 해서 head 코드를 읽어보면 head 안에 script와 link 태그를 살펴보면 각각의 src와 href속성이 특이한 부분을 볼 수 있습니다.
두번째는 소스에 나와있는 href나 src의 위치에 여러 파일들을 하나의 파일로 만들어서 배치하는 빌드를 가지고 있다는 가정에 몇 가지 실험을 해봤습니다.
link태그를 기준으로 다음의 파일들은 실제 위치에 존재합니다.
http://aka-static.vox.com/.shared:v19.6:vox:ko_kr/css/base.css
http://aka-static.vox.com/.shared:v19.6:vox:ko_kr/css/dialog.css
http://aka-static.vox.com/.shared:v19.6:vox:ko_kr/css/control-strip.css
http://aka-static.vox.com/.shared:v19.6:vox:ko_kr/css/flyout-vew.css
http://aka-static.vox.com/.shared:v19.6:vox:ko_kr/css/base.css?dialog.css,control-strip.css,flyout-view.css
http://aka-static.vox.com/.shared:v19.6:vox:ko_kr/css/dialog.css
http://aka-static.vox.com/.shared:v19.6:vox:ko_kr/css/control-strip.css
http://aka-static.vox.com/.shared:v19.6:vox:ko_kr/css/flyout-vew.css
http://aka-static.vox.com/.shared:v19.6:vox:ko_kr/css/base.css?dialog.css,control-strip.css,flyout-view.css
그 와중에 나미님이 link에 사용된 href뒤의 파일들의 순서 및 개수를 바꿀때도 각각의 새로운 css 파일들이 생성된다고 알려주셨습니다.
Dynamic Css, JavaScript file Creation
즉, link나 script태그의 src, href 속성의 파일들의 요청을 해석해서 필요한 파일들의 집합을 하나의 파일로 동적으로 생성해냅니다. (*.* 호~ 참 편리하게도 만들었다는 생각이 들더군요. 저만 그런가요? ) script에 사용된 jsc의 경우에는 javascript파일을 minifying처리한 후에 필요한 여러파일들을 하나의 파일로 생성합니다.
Toolbar CSS
Vox.com 의 Toolbar에도 CSS를 깔끔하게 사용하고 있습니다. Toolbar가 위치한 editor의 html을 살펴보면 id가 compose-toolbar인 div가 있습니다. 그리고 그 안에 a 태그가 여럿들어 있습니다. 각각의 a 태그는 toolbar의 메뉴들입니다.
그러나, Vox.com의 Toolbar는 Toolbar의 이미지를 하나로 통짜로 만든 후 css를 통해서 이미지의 위치를 이동시켜 보여줌으로서 Toolbar의 이미지 관리를 쉽게하였습니다. 또한 css의 hover기능을 이용함으로서 onMouseOver에 대한 기능을 추가할 필요가 없어졌죠.
따라서, click에 대해서만 따로 처리하고 있습니다. click의 경우에도 일괄적으로 click event를 듣는 클래스에 등록시킨 후 event를 발생시킨 target이 class의 이름을 통해서 어떠한 동작이 발생했는 지를 처리하고 있습니다.
Toolbar의 부모클래스인 Component에서는 모든 이벤트에 대해서 들을수 있도록 이벤트를 등록하고 있습니다.
Toolbar에서는 이벤트 중 click이벤트만 처리를 합니다.
Conclusion
Vox.com의 코드를 보면 상당히 단순하면서도 확장이 쉽게 될 수 있는 구조를 가지고 있습니다. DOM에서 html을 생성해내는 구조는 html 페이지와 css를 이용하여 밖으로 뺐구요. 동작에 관련된 구조도 Observer 클래스와 Componenet 클래스를 계층화 시켜서 쉽게 동작하도록 처리되어 있습니다.
이 때까지 봐온 코드중에서 가장 깔끔한 구조를 가진 것 같네요. ^^
Copyright
코드의 모든 권한은 Six Apart에 있습니다. Six Apart의 JavaScript 코드는 Copyright과 Disclaimer를 포함하는 조건하에서 재배포가 가능합니다.
Copyright (c) 2005, Six Apart, Ltd.
All rights reserved.
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are
met:
* Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above
copyright notice, this list of conditions and the following disclaimer
in the documentation and/or other materials provided with the
distribution.
* Neither the name of "Six Apart" nor the names of its
contributors may be used to endorse or promote products derived from
this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
All rights reserved.
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are
met:
* Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above
copyright notice, this list of conditions and the following disclaimer
in the documentation and/or other materials provided with the
distribution.
* Neither the name of "Six Apart" nor the names of its
contributors may be used to endorse or promote products derived from
this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
2006년 12월 15일 금요일
'LG 파워콤' 사용하시는 분들 주의하시기 바랍니다.
개인적으로 친구의 부탁으로 LG파워콤을 쓰고 있습니다.
옮긴지는 얼마 안되었구요. 이제 두번 째 요금을 낼 시기가 되었습니다.
고작 두 달 밖에 안되었는데 품질개선 점검을 두번이나 하더군요.
그런데, 막상 청구서를 받아보니 한달가격 전체를 다 내야한다고 하더군요.
어처구니가 없어서 전화를 해보니, 고지를 받은 시점에서 얘기를 해야하고 몇 시간 사용이 안되었는지에 대해서 고객이 연락을 해야한다고 합니다.
한바탕 싸우고 일단 전화 통화를 끊고 약관을 살펴봤습니다. 약관의 제 10조 4항과 5항을 살펴보면 다음의 얘기가 나와있습니다.
약관전문 : http://www.xpeed.com/xpeed/kr/etc/SvcAgreePop.jsp
최소한 기본적인 요금에 대한 정책은 약관에 맞게 정해놓고 왈가불가했으면 좋겠네요.
옮긴지는 얼마 안되었구요. 이제 두번 째 요금을 낼 시기가 되었습니다.
고작 두 달 밖에 안되었는데 품질개선 점검을 두번이나 하더군요.
그런데, 막상 청구서를 받아보니 한달가격 전체를 다 내야한다고 하더군요.
어처구니가 없어서 전화를 해보니, 고지를 받은 시점에서 얘기를 해야하고 몇 시간 사용이 안되었는지에 대해서 고객이 연락을 해야한다고 합니다.
한바탕 싸우고 일단 전화 통화를 끊고 약관을 살펴봤습니다. 약관의 제 10조 4항과 5항을 살펴보면 다음의 얘기가 나와있습니다.
제10조 (이용중지)
..(중략)..
4. 회사는 시스템 개선공사, 장비증설, 정기점검 등 서비스를 제공할 수 없는 불가피한 사유가 있어 이용고객의 서비스 이용을 중지하고자 하는 경우에는 그 사유 및 중지기간 등을 명시하여 서비스 홈페이지 등에 사전 공지하거나 이용고객 또는 그 대리인에게 통보합니다. 단, 회사가 긴급하게 이용을 중지할 필요가 있다고 인정하는 경우나, 이용고객의 귀책사유로 인하여 통보할 수 없는 경우에는 그러하지 아니합니다.
5. 제4항의 경우 이용고객의 실 이용중지 시간이 2시간을 초과할 경우 해당시간의 서비스이용료를 감면합니다.
..(중략)..
4. 회사는 시스템 개선공사, 장비증설, 정기점검 등 서비스를 제공할 수 없는 불가피한 사유가 있어 이용고객의 서비스 이용을 중지하고자 하는 경우에는 그 사유 및 중지기간 등을 명시하여 서비스 홈페이지 등에 사전 공지하거나 이용고객 또는 그 대리인에게 통보합니다. 단, 회사가 긴급하게 이용을 중지할 필요가 있다고 인정하는 경우나, 이용고객의 귀책사유로 인하여 통보할 수 없는 경우에는 그러하지 아니합니다.
5. 제4항의 경우 이용고객의 실 이용중지 시간이 2시간을 초과할 경우 해당시간의 서비스이용료를 감면합니다.
약관전문 : http://www.xpeed.com/xpeed/kr/etc/SvcAgreePop.jsp
최소한 기본적인 요금에 대한 정책은 약관에 맞게 정해놓고 왈가불가했으면 좋겠네요.
WYSIWYM
Wikipedia.org에 나와있는 WYSIWYM의 정의는 다음과 같습니다.
개인적인 의견으로는 내년도 하반기 쯤에 WYSIWYM이 이슈가 되지 않을까 생각하고 있습니다.
해서... ^^ 오픈소스 프로젝트로 여가 시간에 진행을 해볼까하는데 같이해보실 분 있으시면 댓글로 부탁드립니다.
출처 :
P.S.
In applied software engineering, WYSIWYM is spelt What You See Is What You Mean and refers to the paradigm created for LyX.WYSIWYM에 대한 자세한 설명은 CunningWeb님의 WYSIWYG vs WYSIWYM의 글을 읽어보시는 것을 추천드립니다. 해당 글에 나와있는 WYMeditor도 한번 방문해보시는 것도 좋구요.
개인적인 의견으로는 내년도 하반기 쯤에 WYSIWYM이 이슈가 되지 않을까 생각하고 있습니다.
해서... ^^ 오픈소스 프로젝트로 여가 시간에 진행을 해볼까하는데 같이해보실 분 있으시면 댓글로 부탁드립니다.
출처 :
P.S.
FCKeditor도 Frederico, Caldeira, Knabben 세사람이 시작해서 50명이 넘는 규모의 회사로 키워냈다고 들었습니다. (들었다 == 100% 신뢰성은 떨어진다!!) 자~ 열정을 한번 ㅋㅋ
2006년 12월 14일 목요일
DOM으로 sylte속성을 setAttribute로 설정할 때 문제점
역시 IE의 문제점입니다. IE에서 element에 속성을 줄 때 (setAttribute로) style속성이 먹히지 않습니다.
검색을하다보니 quirksmode의 Bug Report에 올라와 있더군요.
Problem
다음과 같은 html코드가 있다고 가정을 하구요.
JavaScript 코드로 id가 "test"인 div에 "color:red;"라는 style을 줍니다.
Mozilla 계열의 브라우저에서는 해당 속성이 적용되나 IE에서는 적용이 되지 않습니다.
Solution
IE인 경우는 분기하여 element.style.setAttribute를 사용합니다. 이 때 주의할 점은 속성으로 'cssText'가 name으로 들어가야 한다는 점입니다.
출처 : setAttribute does not work when used with the style attribute
검색을하다보니 quirksmode의 Bug Report에 올라와 있더군요.
Problem
다음과 같은 html코드가 있다고 가정을 하구요.
Solution
IE인 경우는 분기하여 element.style.setAttribute를 사용합니다. 이 때 주의할 점은 속성으로 'cssText'가 name으로 들어가야 한다는 점입니다.
출처 : setAttribute does not work when used with the style attribute
DOM으로 <input type='checkbox'>를 생성할 때 checked가 안되는 문제점
IE에서 dom으로 input을 생성할 때 (type은 checkbox입니다.) checked설정이 안되는 문제가 있습니다.
MSDN을 보면 checked attribute에 boolean값을 설정할 수가 있습니다.
그러나, IE에서 DOM을 이용하여 checkbox를 생성하는 경우 checked속성을 true로 설정하는 경우 설정이 안되는 문제가 있습니다. (Mozilla 계열의 브라우저는 동작합니다.)
Side-X에 올라와있는 실험 내용을 보면 다음과 같습니다.
결과로 1, 2는 설정이 되지 않으며 3, 4의 경우에는 설정이 됩니다. checked 속성이 설정이 되는 경우는 document에 input이 append되는 경우 또는 document.createElement를 생성할 때 <input checked>로 생성이 되는 경우에 해당이 됩니다.
참고로 mozilla 계열의 브라우져에서 <input chekced>로 생성할 경우 exception이 발생합니다.
출처:
MSDN을 보면 checked attribute에 boolean값을 설정할 수가 있습니다.
그러나, IE에서 DOM을 이용하여 checkbox를 생성하는 경우 checked속성을 true로 설정하는 경우 설정이 안되는 문제가 있습니다. (Mozilla 계열의 브라우저는 동작합니다.)
Side-X에 올라와있는 실험 내용을 보면 다음과 같습니다.
결과로 1, 2는 설정이 되지 않으며 3, 4의 경우에는 설정이 됩니다. checked 속성이 설정이 되는 경우는 document에 input이 append되는 경우 또는 document.createElement를 생성할 때 <input checked>로 생성이 되는 경우에 해당이 됩니다.
참고로 mozilla 계열의 브라우져에서 <input chekced>로 생성할 경우 exception이 발생합니다.
출처:
2006년 12월 13일 수요일
동해별관 해신탕
동해별관 해신탕에 다녀왔습니다. esigi과장님과 팟찌 대리님하고 다녀왔는데요.
서대문 역 옆의 골목을 따라가면 동해별관(본관 및 2분거리에 별관)이 있습니다. 팟찌 대리님 말로는 여기가 김혜자씨가 살던 집이었다고 하더군요.
여기서 포인트는 와사비입니다.
자리가 별로 없어서 예약은 필수로 해야할 것 같습니다. 별관에서 자리가 없어서 본관에서 먹었는데 해신탕은 별관에서만 판다고 하네요. 본관은 저녁식사, 한식으로 3만, 5만원 짜리가 있다고 합니다. (--;;; )
일단 음식이 나오기 전에 장맛을 잠시 보았는데.. 음 와사비가 맛이 있더군요. 직접 갈아서 만든 것 같은데 새콤하면서도 상쾌한 맛이 좋왔습니다.
음식 나오기전에 나오는 밑반찬들. 굴하고 부침개하고 청어알, 김치가 나왔구요. 김치에는 굴하고 오징어가 싱싱한게 들어가있습니다.
소주를 시켰는데 직원분이 깜박있고 있었더군요. 얘기를 다시하니 서비스로 회한접시가 !! (*.*)
 |  |
다음이 메인 디시인 해신탕! 해신탕이란?
서울신문에 난 기사에 나와있는 표현을 빌리자면
뭔가 있어 보이지 않나요? 시킨것은 3~4인분(중자)를 시켰구요. 양은 그렇게 많지는 않지만 해산물이 푸짐하더군요. 해산물과 삼계탕을 다 먹고나면 죽을 끓여줍니다. 국물은 소금을 약간만 쳐서 싱겁습니다.(따로 소금을 뿌려먹어야하구요. 시원한 느낌이 들게하는 삼계탕입니다. ^^)한약재로 쓰이는 전복 껍질(석결명)을 8∼10시간 우려 만든 육수에 영계와 가시오가목, 녹각 등을 넣고 푹 끓인다. 토기냄비에 옮겨 담아 전복, 새우, 가리비, 낙지 등의 해물과 함께 상에 준비된 휴대용버너에 올린다.
상 위에서 바글바글 끓어 오르는 해신탕에서 한약재 냄새가 향긋하게 퍼진다. 닭과 해물을 맛보기 전에 국물을 한 숟가락 떠먹으니 입안에 약재향이 퍼진다.
그리고, 늦게가니 아구찜도 서비스로 주시더군요.
세 명이 가서 5만2천원이 들었구요.
덕분에 저는.. 점심에는 아웃백 저녁에는 동해별관 합이 => 이번주 파산이네요 ㅠㅠ
출처 : 서울신문의 서울 서대문 '동해별관'
뭉크의 '마돈나'
구글에서 뭉크 생일 기념일로 로고가 변경되었더군요.
개인적으로 뭉크의 '마돈나'를 매우 좋와해서 '마돈나'를 배경화면으로 깔았습니다.
캔버스의 이미지가 부드러운 느낌을 줘서 참 잘했다고 생각을하고 있었습니다. 만...
브라우저 띄울 때 눈에 띄는 부분이 있더군요.
이건.. -_-;;; 설마.... 뱃살?
이미지 출처 : http://www.ibiblio.org/wm/paint/auth/munch/munch.madonna.jpg
개인적으로 뭉크의 '마돈나'를 매우 좋와해서 '마돈나'를 배경화면으로 깔았습니다.
맥북인 관계로 회전을 했답니다.
브라우저 띄울 때 눈에 띄는 부분이 있더군요.
이미지 출처 : http://www.ibiblio.org/wm/paint/auth/munch/munch.madonna.jpg
블로그 스페이스를 보다가...
TODO list에 Point를 적용시키자.
Carsonified에 재미난 글이 올라왔네요. 잘 지키기 힘든 TODO list를 점수를 할당하면 좀 더 효율적이지 않을까 하는 글이 올라왔네요. ^^
이미지 및 글 출처: Points are better than priorities
이미지 및 글 출처: Points are better than priorities
2006년 12월 12일 화요일
Vox.com (1)
About
Vox는 Six Apart에서 만든 블로깅 서비스입니다. 블로그를 메인으로하나, Social Network를 중시하는 서비스로 다음의 특징들을 갖습니다.
Picking of predefined designs
Layout설정 및 미리 정의된 테마를 쉽게 변경할 수 있습니다.
Uploading videos
자신이 가진 동영상을 업로드하면, 웹에서 쉽게 재생할 수 있는 Flash로 변환시켜줍니다.
업로드된 동영상은 동영상에 대한 상세 정보를 설정할 수 있는(폼형태의) 새로운 글에 링크를 가집니다.
삽입된 동영상은 실제 동영상을 embed 등의 태그로 삽입되어 있는 형태가 아니라 동영상이 캡쳐된 이미지와 실제 동영상을 재생할 수 있는 페이지의 링크를 div로 감싼 형태입니다.
동영상의 이미지를 클릭하면 동영상과 동영상에 대한 정보를 상세하게 적을 수 있는 페이지로 이동하게 됩니다.
블로그 글에 대한 또다른 글을 생성하여 동영상, 사진, 음악에 대해서 정해진 폼을 통하여 정보를 얻기 위한 것은 좋으나 사용자가 과연 각각을 따로 싶어하고 싶을지는 의문이 가는 점이기도 합니다.
Control which posts are available to the public
Post 내부에서도 Social Network내부의 특징에 따라 공개를 다양하게 설정할 수 있습니다. 이 외에도 Social family, friends, neighborhood 등의 Network에 대해서 설정을 달리할 수 있습니다.
Linking of content from other sites, such as: YouTube, Flickr, iStockphoto, Photobucket, etc.
Compose(새글쓰기)에서 Photos, Audio, Video, Books, Collection에 대해서 링크를 생성(각각의 서비스에 Mashup을 통하여 접근하여 데이터를 가지고 옴과 동시에 서비스에 대한 링크도 생성이 됩니다.)할 수 있고 별점을 매기거나 책에 대한 평가 정보를 추가할 수 있는 폼도 제공합니다.
위의 다이얼로그를 통해서 링크가 삽입되고, 블로그 글에서 링크를 클릭할 때 각각의 Photo, Audio 등에 대해서 평점이나 동영상에 대한 느낌을 적을 수 있는 폼이 나옵니다.
Google AdSense
그리고, 다른 블로그 서비스와 달리 Vox.com내의 광고를 통해서 수익모델을 만들고 있습니다.
출처 : Wikipedia.org의 Vox항목
Vox는 Six Apart에서 만든 블로깅 서비스입니다. 블로그를 메인으로하나, Social Network를 중시하는 서비스로 다음의 특징들을 갖습니다.
Picking of predefined designs
Layout설정 및 미리 정의된 테마를 쉽게 변경할 수 있습니다.
Uploading videos
자신이 가진 동영상을 업로드하면, 웹에서 쉽게 재생할 수 있는 Flash로 변환시켜줍니다.
동영상을 업로드합니다.
업로드된 동영상은 동영상에 대한 상세 정보를 설정할 수 있는(폼형태의) 새로운 글에 링크를 가집니다.
[PV]..로 되어있는 링크를 클릭하면 동영상에 대한 세부내용을 적을 수 있는 다른 글로 이동됩니다.
블로그 글에 삽입된 동영상에 대한 이미지와 링크
Control which posts are available to the public
Post 내부에서도 Social Network내부의 특징에 따라 공개를 다양하게 설정할 수 있습니다. 이 외에도 Social family, friends, neighborhood 등의 Network에 대해서 설정을 달리할 수 있습니다.
Linking of content from other sites, such as: YouTube, Flickr, iStockphoto, Photobucket, etc.
Compose(새글쓰기)에서 Photos, Audio, Video, Books, Collection에 대해서 링크를 생성(각각의 서비스에 Mashup을 통하여 접근하여 데이터를 가지고 옴과 동시에 서비스에 대한 링크도 생성이 됩니다.)할 수 있고 별점을 매기거나 책에 대한 평가 정보를 추가할 수 있는 폼도 제공합니다.
YouTube mashup
Google AdSense
그리고, 다른 블로그 서비스와 달리 Vox.com내의 광고를 통해서 수익모델을 만들고 있습니다.
출처 : Wikipedia.org의 Vox항목
2006년 12월 11일 월요일
2006년 12월 9일 토요일
미디어 파일 재생 시 다른 웹사이트로 이동하는 문제
Problem
asx파일은 '구조화된 ASF파일(확장자가 .asf)'을 가리키는 메타파일입니다. asx파일을 이용하여 특정 페이지 로딩 시 플러그인 설치 경고가 뜬 후 플러그인 설치 시 다른 페이지로 이동하는 문제가 발생. Technology Issues
특정 페이지에서 embed 태그를 사용하여서 http://myfile.hanafos.com/~bbuma81/moviezone.wmv.wmx를 autoplay를 재생하도록 하였는데요. moviezone.wmv.wmx의 코드 내부를 살펴보면 다음의 asx태그로 구성되어 있습니다. 
ref태그의 href값은 길어서 임의로 잘랐습니다.
Solution
Windows Media Player를 '도구> 옵션> 보안 > 콘텐츠 > 웹 페이지에서 플레이어를 실행하는 경우 스크립트 명령 및 리치 미디어 스트림 실행 안함'을 체크하는 경우 asx와 같은 메타파일에서 스크립트를 실행하는 것을 막을 수 있습니다. 
관련자료:
Microsoft - Windows Media 파일 확장명에 대한 안내
Microsoft - ASX Elements Reference
Microsoft - Windows Media Player URL 스크립트 명령 동작 업데이트
Microsoft - ASX Elements Reference
Microsoft - Windows Media Player URL 스크립트 명령 동작 업데이트
피드 구독하기:
글 (Atom)