dohoons(도훈) _(≥∇≤)ノミ☆

포털의 한글날 로고

(dohoons) — Fri, 10 Oct 2008 13:36:33 +0900

2008년 10월 9일 한글날.
각종 포털의 한글날 특집 로고 모음.

구글 크롬 - 구글 웹브라우저 시장 진출

(dohoons) — Wed, 03 Sep 2008 21:43:51 +0900

구글에서 오늘 작품하나 내놓았네요.

다들 아시겠지만 구글의 웹브라우저 '크롬' 이 나왔지요.

아...진짜 빨라요.
웹서핑하는 속도야 다른 브라우저도 충분히 빨랐지만
브라우저 실행속도는 정말 압권입니다.
메모장을 실행할때의 느낌과 비슷합니다.

사파리와 비슷하게 랜더링하는 것 같고...
탭 인터페이스는 그야말로 직관적입니다. 굿..
편의기능은 많이 부족하게 느껴지네요.
정말 최대한 최소화시켜놓은 듯한 느낌입니다.

웹퍼블리셔가 브라우저 테스트할게 하나 늘었군요.
하지만 파이어폭스와 사파리랑 비슷하기 때문에 크게 문제는 안될 것 같습니다.

ACID2 통과, ACID3 76점으로 알고 있는데요.. 훌륭합니다 ㅋㅋ
사람들 호응도 괜찮은 것 같네요. 충분히 이슈도 되었고...

웹브라우저 시장이 이렇게 치열해지는 가운데
IE8의 소식을 들어보면 초라하기만합니다 ㅋ

비스타에서 실행해봤습니다. 에어로 효과가 적용되니 XP에서 해봤을때보다 모양이 구리군요..

오픈베타 웹하드 김밥 런칭~ 무료에요

(dohoons) — Tue, 19 Aug 2008 11:47:00 +0900

힘들게 작업해서 오픈한 웹하드서비스입니다.
좋은 정보~!

[Flash] /blog/attachment/1253564218.swf

웹하드 김밥 : http://gimbob.co.kr/

2008.08.13 ~ 2008.9.12 오픈베타 !
- 오픈베타기간 무제한 무료다운로드
- 1만원 10,5000p (1원 = 10.5MB), 10만원 1,500,000p (1원 = 15MB)
- 오픈베타 기간중 결제하면 두배로 충전(요금페이지 보기)
- 서비스 런칭기념 페라리 이벤트. 시가 3억6천원 페라리 F430 스파이더 드립니다.

웹하드로써 충분한 메리트를 갖췄습니다.
많이 소문내주세요^^

죄송스럽게도 한참이나 잠수타다가 쓴다는 글이 홍보글이네요ㅋㅋ

신혜성 - Buen Camino (Feat. 강수지)

(dohoons) — Mon, 23 Jun 2008 02:18:30 +0900

good morning 너는 어디에서 이 아침을 맞이 하는지
언제나 반복되는 그리움의 시작 눈을 감으면 다 생각나

good evening 너는 어디에서 이 하늘을 보고 있는지
니가 항상 보여줬던 스마일 그 모든 꿈이
노을 속에 아직 그대로

참 많은 시간이 스쳐갈 지라도
함께 했었던 추억들로 살아갈 우리

Buen Camino 어디로 너 떠나가든
외로워도 울지 말고 다시 또 만나
Buen Camino 내게로 돌아 올 땐 떠나지 말아줘
그땐 never say good bye

good night kiss 가득 담긴 moon-light
누가 보낸 선물인건지
니가 항상 들었던 한밤의 라디오엔
우리 노래가 흘러나와

이 넓은 세상을 다 돌아온데도
함께 있었던 그 자리로 올 걸 알기에

Buen Camino 어디로 너 떠나가든
외로워도 울지 말고 다시 또 만나
Buen Camino 내게로 돌아 올 땐 떠나지 말아줘
그땐 never say good bye

너무 멀리 와서 미안해 여긴 너무나 쓸쓸해
괜찮아 난 그저 널 기다릴뿐야
영원히 사랑할 그 날이 다가오잖아

Buen Camino 세상끝 어디 있든지
아프거나 힘들어도 그때까지만
Buen Camino 내게로 돌아 올 땐 (돌아 갈 땐)
떠~나지 말아줘 그땐 (그땐) never say good bye

김원준 - show

(dohoons) — Wed, 11 Jun 2008 16:21:58 +0900

show! 끝은 없는거야
지금 순간만 있는거야
난 주인공인거야 세상이라는 무대위에
show! rule은 없는 거야
내가 만들어 가는거야
난 할 수 있을거야 언제까지나

내 주위를 스쳐간 그 누군가 말했지
우리네 화려한 인생은
일막의 쇼와 같다고
커튼이 내려진 텅빈무대 뒷켠엔
오늘도 또 하루를 사는 내가 있는거야
날 지켜봐줘 넌 모르는
멋진 내 모습은 늘 가려졌던거야
이제 너에게 보여줄께

*귀 기울여줘 너를 위해 부르던 노래는
늘 묻혀 왔던거야 이제 너에게 들려줄께
show! 끝은 없는거야
지금 순간만 있는거야
난 주인공인거야 세상이라는 무대위에
show! rule은 없는 거야
내가 만들어 가는거야
난 할 수 있을거야
언제까지나 너와 함께

웹표준 Round input 방법론

(dohoons) — Tue, 10 Jun 2008 01:47:08 +0900

항상 코딩하기 편리하게 디자인되는 것은 아닙니다.
어떠한 디자인이라도 완벽하게 표현해낼 줄 알아야 정말 실력있는 사람이라 할 수 있겠죠.

이번에 다룰 내용은 라운드 형태의 텍스트필드(이하 Round input) 입니다.

유동적인 Round input 모델

사실 웹표준의 측면에서 보자면 위와같은 입력폼은
해당 input 의 상위 엘리먼트에 사이즈를 맞춰서 bg 를 깔아줘야 합니다.
하지만 같은 디자인의 입력폼이 자주 사용된다면 다양한 사이즈의 bg를 준비하는 것이 힘들겠죠.

input 을 span 으로 감싸서 bg로 양쪽 라운드를 표현해주는 방법도 있습니다만..
몇가지 문제가 있더군요.

여러가지 측면에서 고민하여 혼자서 결론을 내려봤습니다.
의미없는 라운드 이미지를 input 의 좌우에 배치하는 것입니다.
단, html 코드의 간결함과 추후 유지보수의 편리함을 위해
자바스크립트로 특정 class 가 지정된 input 의 좌우에 이미지를 삽입합니다.

이 방법을 사용하면 inline 엘리먼트의 특성을 유지하며 가로 사이즈가 유동적입니다.
또한 HTML 코드가 매우 간결해지며 스크립트가 동작하지 않는 환경에서도 사용에 지장이 없습니다.

소스코드는 아래와 같습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Round input</title>
<style type="text/css">
.roundInput { vertical-align:middle; margin:0; padding:3px 0 0 0; height:18px; border:none; background:url('round_input_bg.gif') repeat-x 0 0; }
</style>
<script type="text/javascript">

</script>
</head>

<body>
<input name="textfield" type="text" class="roundInput" />
<input name="textfield" type="text" class="roundInput" />
<input name="textfield" type="text" class="roundInput" />
</body>
</html>

클래스명이 roundInput 인것을 찾아 좌우에 라운드이미지를 삽입해주는 스크립트입니다.
이미지 경로를 수정해서 사용하면 되구요.
위 코드처럼 insertAfter 와 getElementsByClass 함수가 정의된 상태에서 동작합니다.

하루빨리 웹브라우저가 업그레이드 되어 이런 복잡한 방법없이도 편하게 디자인을 구현할 수 있으면 좋겠네요 ^^

유효한 button IR 기법

(dohoons) — Tue, 10 Jun 2008 01:18:00 +0900

Image Replacement(이하 IR) 기법을 사용하면 기존 마크업의 수정없이 CSS조작으로 이미지를 교체하여 내용을 표시할 수 있고, 스크린리더 사용자도 고려할 수 있습니다.

하지만 이미지가 로드되지 않았을때 알아볼 수 없고, 인쇄시 배경이미지 출력 문제가 있습니다.
HTML 마크업 자체는 깔끔해질 수 있으나 접근성 측면에서 이 기법은 권장하지 않습니다.

input 버튼 요소의 IR 기법입니다.
아래 예제는 IE,FF,Oprea,Safari 에서 테스트했습니다.
(이미지는 Daum 의 검색버튼..)

소스코드 펼치기..

소스코드 & 결과

dohoons 블로그 통계

(dohoons) — Mon, 09 Jun 2008 15:59:40 +0900

얼마전 블로그를 텍스트큐브 최신버전으로 갱신했습니다.

텍스트큐브 확장패키지에 들어있는 블로그통계 플러그인으로 통계를 확인해봤습니다.

전체 년도별 글(포스트)

2005년 블로그 개설 이후로 매년 눈에 띄게 포스팅이 줄어들고 있습니다 ㅋㅋㅋ
귀찮아진다는거죠..

전체 년도별 방문자 통계

하지만 방문자수는 매년 꾸준히 늘고 있습니다.
아마도 검색엔진을 통해 기존 글들을 타고오는게 가장 큰 것 같습니다.

전체 시간대별 글(포스트)

시간대별 글 통계를 보면 주로 밤늦은 시각에 집중되있습니다.
회사에서 글쓰는경우는 없고 제가 조용한 밤에 또각또각 타자치는걸 즐기기 때문이 아닐지..

리퍼러 TOP 10 통계

유입경로는 네이버 검색이 가장 높습니다.
MS 의 live.com 도 대단하네요. 의외로 블로그메타사이트는 카운트가 낮습니다.

기본적인 통계 자료들만으로 재밌는 사실을 알게됐습니다.
브라우저나 해상도같은 환경들도 조사하고 싶은데
처음부터 통계로그를 철저하게 쌓아두지 않은게 좀 아쉽네요.

어릴때 보던 컴퓨터 책 발견(?)

(dohoons) — Tue, 27 May 2008 00:41:47 +0900

뭐 발견이라기보다 무관심속에 묻혀있던것이지요.
다른 책들은 버려도 컴퓨터책은 안버리기 땜에 아직 잘 살아있었네요.

초등학교때 저는 컴퓨터반(??)이었는데 그때 보던 책입니다.
10~12년정도 밖에 안된 책입니다만 저한텐 길게 느껴지므로 효과를 높이기 위해 흑백처리했습니다.

컴퓨터배움책, 알았어요2!한글윈도95

멋지군요. 저는 이 '컴퓨터 배움책'을 재밌게 공부했던 기억이 나네요ㅋㅋ
이때는 아무것도 모르고 그냥 따라만합니다.
윈도우95가 처음나올때 상당히 편리하다고 느꼈던 기억도 납니다.
저때 눈 똥그랗게 뜨고 열심히 배우지 않았다면 아마
윈도우의 기본을 깊이 이해하지 못해서 컴맹이 되었을것이라 확신합니다.

보고 또 보느라 너덜너덜

음...대충 도스시절의 내용을 다룬책입니다.
이런것도 소중한 추억이 되는데 좀더 예전부터 컴퓨터를 접했다면 얼마나 좋았을지 아쉽습니다.

그리고 하이라이트..

이건 좀 짱!!

결정적으로 이 책에는 한마리 초딩의 힘찬 손짓,발짓(?)들이 상세히 기록되어있습니다.

사진의 내용은 한메타자교사를 실행하는 방법을 메모한 것이고,
아래에는 한메타자교사 점수로 추정되는 것이 적혀있습니다.
아래로 갈수록 점수가 획기적으로 좋아졌어요!! 푸훗

저는 타의 추종을 불허하는 악필이었습니다.
글자 중간중간 진하게 덧칠한것이 있는데 이건 저의 몹쓸 습관이었죠.
어설프게 써진 부분을 똑바로 고치려다가 더 조져버리는..강박증이랄까요?
이거땜에 정말 신명나게 맞았던 기억이 납니다.

스팸시즌, 나만의 스팸 대처법

(dohoons) — Mon, 26 May 2008 21:26:44 +0900

바야흐로 스팸시즌입니다.
잠잠하던 댓글스팸이 요즘들어 극성이네요ㅋㅋ

자고나면 수백개씩 쌓여있는 댓글에 흐뭇합니다.
옛날엔 그 많은 스팸들을 하나씩 지웠는데
요즘엔 그나마 30개씩 선택해서 일괄 삭제할 수 있죠.

그래서 만들었습니다.
이름하여 스팸삭제 툴~

DB정보와 기간을 입력하고

목록이 나오면 내용을 확인한 후 삭제~

이 툴의 특징은 다음과 같습니다.

- 킹왕짱 위험함
- 프로그램 동작이 비효율적임
- 스크립트가 IE에서만 동작함
- 철저히 검증되지 않음
- 디자인이 구림
- 혁신적이지 못함. 예를들면 스팸의 규칙을 찾아서 스팸공격 받은 것을 복구시켜준다거나.. 그냥 기간으로 다 때려잡음
- 특정 기간의 내용을 일괄 삭제하는데 만약 스팸댓글 중간에 진짜 댓글이 껴있더라도 상관없이 다 삭제함
- 잘못 삭제하더라도 DB에서 완전히 지워지는게 아니라 휴지통으로 옮겨지기 때문에 필요한 내용은 관리자페이지에서 복구가능

이제 초대형 스팸이 또한번 오기만을 기다리고 있습니다.
준비완료다! 오너라!! 하하하하!

※ 위험한 물건이기 때문에 비공개