margalog

MS가 IE8 부터는 웹표준 기술을 준수하겠다고 밝혔다.

관련 포스트는 '여기' (영어다..)

이를 위해 IE8팀은 웹 표준화 그룹(WaSP)의 CSS 표준 테스트인 Acid2 Test를 이미 통과했다.

자료출처 : Channy’s Blog



그동안 IE의 '사용자 편리성' 이라는 미명하에 얼마나 많은 기형 코드들이 쏟아졌던가!

특히나 국내의 친 IE적 웹소스들은 심각할 정도의 수준이다.

FF(Firefox) 나 Safari 에서 오류나는 화면들을 보여주면 "IE 에선 되잖아 왜 그걸써?" 라는 말도 안되는 대답을 당연한 듯이 받아들여야 했던 상황에서 이젠 탈피할 때가 온 것이라 할 수 있다.

점유율을 믿고 훨씬 나은 기능들을 가진 Firefox, Safari, Opera 같은 다른 웹브라우저들의 웹표준 준수화를 무시한 IE가 지금이라도 웹표준을 지키겠다고 선언한 것은 반가운 일이라 할 수 있다. (세계시장 웹브라우저 점유율을 보려면 '여기')

"회사가 웹표준 개념을 안드로메다로 보낸게 100년 전인데, 그럼 난 이제 어떻해!!" 라고 말하는 당신..

너무 걱정하지 말자.
IE8이 웹표준을 준수하더라도 META 태그를 통해 IE7 렌더링 엔진을 타겟팅 할 수 있도록 해 놓는다고 한다.


하지만 언젠가는 해야할 웹 표준 작업이라면, 회사 사이트가 엉망이 되는 것을 느긋하게 바라 보는 것도 나름의 즐거움이 있지 않을까? (야근은 잠시 접어두자...)

http://www.iconspedia.com/



http://www.icondrawer.com/free.php



http://www.monofactor.com/goodies/free-vector-icon-set-1/

Tistory의 서비스 점검 시간에 접속했다가 보게된 메세지...


참 신선하다. ㅋ
저런 퀄리티 높은 사진은 어디서 구했단 말인가..ㅋ
마침 할일도 없고 해서 팀원들 메세지 추출 모드 돌입...
나도 참 한가한 인간이군... (오옷! 개발자 디자이너 둘다 '양' 이야! +_+)

가끔씩, 가끔씩, 자주가 아니고 가끔씩은..
만나고 싶어도 만날 수 없는 안타까움이 서로의 소중함을 확인해 주는 것 아닐까요?
티스토리는 지금, 설레는 마음으로 꽃단장을 하고 있답니다.. ^^
곧 만나러 달려 갈게요~

by 마케팅 송군

-----------------------------------------------------------------------------------
6.6.6. 법칙을 아시나요?
6개월에 한번씩 6시간 동안 6번 이상 점검을 해야
서비스를 건강하게 유지할수 있다고 하네요.
100년이 지나도 튼튼한 티스토리를 만들기 위해,
정기점검하는 습관을 기릅시다.

by 기획자 선데이

-----------------------------------------------------------------------------------
다음 점검 때는 좀 더 이쁜 공지로 찾아뵙겠습니다. ;ㅁ;)/

by 개발자 mr.simple

-----------------------------------------------------------------------------------
날이면 날마다 하는 점검이 아닌 6개월에 1번씩 하는 정기 점검이니
너그러운 마음으로 이해해주세요.
밤새 점검 후 안정적인 모습으로 여러분들을 만나뵐 수 있도록 하겠습니다.

by 마케팅 river

-----------------------------------------------------------------------------------
체력은 국력,
서비스 점검은 티스토리 힘!

by 개발팀장 앤디군

-----------------------------------------------------------------------------------
사람들도 아프지 않도록 예방주사를 맞고,
아픈 곳이 없는지 정기적으로 정기 검진을 받듯,
티스토리도 더 오래동안 튼튼한 체력을 갖기 위해 점검중입니다.
보고 싶으시더라도, 건강히 돌아올 때까지 조금만 더 기다려주세요~:D

by 기획자 신짱

-----------------------------------------------------------------------------------
애가 타고 속이 타고 계시죠?
타들어가는 속 금방 꺼드리겠습니다.
잠시만 기다려 주세요...

by 까칠맨 이군

-----------------------------------------------------------------------------------
티스토리는 외출중...
저는 티스토리에게 어제 읽었던 책 내용을 들려주고 ,
친구와 먹었던 매운 떡볶이 사진도 보여주고 싶습니다.
하지만, 티스토리가 건강해져서 돌아온다니 기쁜 마음으로 돌아오길 기다려봅니다.

by 마케팅 조기사

-----------------------------------------------------------------------------------
지금 티스토리에 더 많은 스토리를 남기실 수 있도록 열심히 작업중입니다!
오늘 밤은 블로깅 대신 꿈속에서 티스토리를 만나보세요!
I'll be Back!

by 운영킴

-----------------------------------------------------------------------------------
"지나친 블로깅은 건강을 해칠수 있습니다."
지금은 잠시 쉬셔도 좋습니다.

by Crizin 씨

-----------------------------------------------------------------------------------
문근영님을 보내주신다면, 빛의 속도로 작업하여
지금이라도 오픈하겠습니다.

by 개발자 박군

-----------------------------------------------------------------------------------
돌다리도 두들겨보고 건넌다!는 말 아시죠?
핵폭탄이 떨어져도 멀쩡하게 살아남는 돌다리가 되는
그날까지~ 티스토리는 달립니다.
잠시만 기다려주세요. ^^

by 기획자 문양

-----------------------------------------------------------------------------------
파일시스템 체크도 하고, 서버도 점검하고 있습니다.
건강검진 끝내고, 더 튼튼해진 티스토리로 찾아뵐께요.
야근 개발자 간식 사주러 전 고고씽~

by 캡틴네오

이상이 주요 등장인물..
추출중에 7시에 서비스 점검이 끝나버려서 확인작업을 할 순 없었지만..(9시래매!! 거짓말쟁이들!!)

스토리보드, 사이트맵, 사이트평가 시트...
정리가 잘된건 아니지만 일단 급한대로..

유명한 에디트 프로그램중의 하나.

install하면 AcroEdit 와 AcroDiff 가 설치된다.
나는 주로 AcroDiff 로 파일을 비교하기 위해 사용한다.

홈페이지 : http://www.acrosoft.pe.kr/

최신버젼 받기 : http://www.acrosoft.pe.kr/board/ae_download

체크해야 할 책이 생겼군...
가격이 상당한걸로 봐서 분명 올 컬러에 이것저것 사이트 이미지를 가진 디자이너적 책일거라는 추측.
뭔가 표지부터 감각적이지 않은가!!
괜찮으면 회사에다 사달랠까...흐흐...(넌 개발자잖아!!)

IE의 경우 CSS에서 부여한 font-size 를 무시하는 경우가 발생한다.
이를 잘 정리해 놓은 블로그가 있어서 아래에 일단 링크를 해 두고...

잘 정리해 놓은 블로그 가기

요약하자면...
IE에서는 특정 조건을 만족 시켜 주지 않으면, 한글폰트의 경우 font-size:11px 을 무시한다.
이를 해결하기 위해서는 font-famaily의 맨 앞에 한글 폰트를 명시해 준다.


CSS에 관심이 없다면 굳이 이해하려 하지 않아도 좋다.

로고 디자인을 해본 사람이라면 안다.
하나부터 열까지 얼마나 신경이 쓰이는 가를...
내가 만든 로고를 다른사람들은 다 괜찮다고 하는데, 나는 왜 그렇게 못마땅한지..
디자인은 끝없는 자기 자신과의 싸움이다. (물론 대충해도 먹고 사는데 지장은 없다.)













성공한 로고들의 특징을 보면, '단순', '강렬', '글로벌' 이다.
말이 쉽지 "단순하면서도 강렬하고 글로벌 시대에 통용되는 이미지" 를 만들어 낸다는 것은 정말 어렵다!

가장 확실한 방법이 Canon 이나 Microsoft 처럼 글씨만 새기는 거지만, 막상 저렇게 만들어 놓으면 굉장한 허전함이 몰려온다.
그러다 보면 MS의 1987년 버젼이나, Canon의 1934년 버젼을 만들어 버리기 일쑤...

GoldStar도 참 깔끔한 로고 였는데..
LG의 얼굴형상 심볼 로고 보단 개인적으로 GoldStar가 낫다고 봄. -_-

결론.. 로고 디자인은 어렵다.. (난 디자이너가 아니잖아! 왜 이런 고민을 하는거야!)

태그를 뭘로 달아야 하지... 이건 거의 잡담 수준인데...

오래전 여수에 갔을때 봤던 그 모습이다.
투박한 남정네들과 갔을때는 그저 '그렇구나..' 라고만 생각했는데,
지금보니...'예쁘구나..'

사진출처 : http://blog.naver.com/photo_nc2u/70027841051

http://www.zipfinder.co.kr/

위 사이트의 우편번호 원본파일 컨텐츠 에서는 다양한 타입의 우편번호 데이터를 제공하고 있다.
아래는 페이지 바로가기

http://www.zipfinder.co.kr/zipcode/index.html

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=euc-kr">
    <script language="javascript">
        function ieExecWB( intOLEcmd, intOLEparam ) {
            //참고로 IE 5.5 이상에서만 동작함

            // 웹 브라우저 컨트롤 생성
            var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';

            // 웹 페이지에 객체 삽입
            document.body.insertAdjacentHTML('beforeEnd', WebBrowser);

            // if intOLEparam이 정의되어 있지 않으면 디폴트 값 설정
            if ( ( ! intOLEparam ) || ( intOLEparam < -1 ) || (intOLEparam > 1 ) )
                intOLEparam = 1;

            // ExexWB 메쏘드 실행
            WebBrowser1.ExecWB( intOLEcmd, intOLEparam );

            // 객체 해제
            WebBrowser1.outerHTML = "";
        }
    </script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
    <input type=button value="인쇄 미리 보기" onclick="window.ieExecWB(7)">
    <input type=button value="페이지 설정" onclick="window.ieExecWB(8)">
    <input type=button value="인쇄하기(대화상자 표시)" onclick="window.ieExecWB(6)">
    <input type=button value="인쇄 바로 하기" onclick="window.ieExecWB(6, -1)">
</body>
</html>

인간이 가장 순수한 때라는 아이들을 상대로 한 실험.
혈액형별 성격 분류는 근거 없다는 설이 일반론 이므로, 그냥 재미로 감상하는게 좋겠지? ㅋ
근데, 화질이 많이 별로구나....-_-;;

새로운 웹 서비스, 새로운 인터넷 창업을 하려면 어떻게 해야 할까? 뭘 만들어야 할까?
그에 대한 얘기를 하고 있는 글이다.
컬럼 치고는 스크롤의 압박도 적고, 내용도 좋다.
(스크롤의 압박이 심하면 아무리 좋은글 이라도 읽기가 쉽지 않다.)

'글 보러가기'


요약 하자면,
"일상에서 꼭 필요한 것을 만들어라."
가 되버리는군... -_-;;

"다들 아는 얘기 아니냐!"
"식상하다! 뻔하다!"
라고 하겠지만,

우리는 알고 있고, 식상하고 뻔한 것들을 못하고 있다.
이것은, 모르고 있는 것 보다 더 심각한 문제이다.

@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
body{
    font: 12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
    padding:20px 0;    
    color : #666;    
    background:/*@background-image=url(images/bg.gif)*/ url("images/bg.gif") /*@*/;
    /*@background-image-position=background-position:;*/ background-position: ; /*@*/
    /*@background-image-repeat=background-repeat:;*/ background-repeat: no-repeat; /*@*/
    background-color:/*@background-color=#ddd*/ #ddd /*@*/;
}
/* 2. 기본 링크 */
    a:link {
        text-decoration: none;
        color : #369;
    }
    a:visited {
        text-decoration: none;    
        color : #369;
    }
    a:hover {
        text-decoration: underline;    
        color : #666;
    }
    a:active {
        text-decoration: none;    
        color : #666;
    }    
/* 3. 이미지 */
    img {
        border-width: 0px;
    }
/* 4. 이미지 버튼 */
    .ib {
        cursor: pointer;
    }
/* 5. 입력 텍스트 */
    .text {
    border:1px solid #999;
    }
/* 6. 트리 테이블 */
    .branch2 {
    }
/* 7. 트리 셀 */
    .branch3 {
        cursor: pointer;
        height: 10px;
    }
/* 8. 달력 월 표시 */
    .cal_month {
        font-size : 11px;
        height: 18px;
    }
/* 9. 달력 요일 표시 */
    .cal_week1 {
        font-size : 11px;
        height:18px;
    }
/* 10. 달력 일요일 표시 */
    .cal_week2 {
        color: #f30;
        font-size:12px;
        text-align: center;
    }
/* 11. 달력 지난 달 날짜 표시 */
    .cal_day1 {
        color: #000;
        font-size:12px;
        text-align:center;
    }
/* 12. 달력 다음 달 날짜 표시 */
    .cal_day2 {
        color: #000;
        font-size : 11px;
        text-align: center;
    }
/* 13. 달력 이번 달 날짜 표시 */
    .cal_day3 {
        font-size : 11px;
        text-align: center;
    }
/* 14. 달력 오늘 날짜 표시 */
    .cal_day4 {
        text-align: center;
        font-size : 11px;
        background-color:#ccc;
        font-weight:bold;
    }
/* 15. 달력 글쓴 날 링크 스타일 */
    a.cal_click:link {
        font-weight: bold;
        color : #333;
    }
    a.cal_click:visited {
        font-weight: bold;
        color : #333;
    }
    a.cal_click:hover {
        font-weight: bold;
        color : #369;
    }
/* 16. 이미지 아래 캡션 스타일 */
    .cap1 {
        color: #876;
        text-align: center;
    }
/* 16. 키워드 스타일 */
    .key1 {
        cursor: pointer;
        border-bottom: 1px dotted #ccc;
    }
/* 16. 카테고리 옆 개수 스타일 */
    .c_cnt {
        font:9px Tahoma;
        color : #999;
    }
/* 17. 최신글 옆 개수 스타일 */
    .ps_cnt {
        font:10px Tahoma;
        color : #999;
    }

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
hr {
display:none;
}    
/* Structured */
#container {
    width:/*@post-width:240=*/ 940px /*@*/;
    background:url("images/bg_footer.gif") repeat-x bottom #fff;    
    border:1px solid #ccc;
    border-bottom:6px solid #ccc;    
    margin:0 auto;
    padding:20px;  
    background-color:#fff;
}
#content {                              /* 사이드바를 왼쪽으로 옮겨보세요 */
    float:left;
    margin-right:20px;    
    width:/*@post-width=*/ 700px /*@*/;
    overflow:hidden;
}
#sidebar {
    float:left;
    width:200px;
    margin-top:10px;
    border:5px solid #eee;
    padding:5px;
    overflow:hidden;    
}
#footer {
    clear:both;
}



/* header */
#header {
    padding: /*@title-height:-43=padding-top:*/ 30px /*@*/ 0 15px 60px;
    /*@title-background-image=background-image:url(images/bg_header.gif);*/ background-image: url("http://cfs.tistory.com/blog/style/template/image/title/4.jpg"); /*@*/
    /*@title-background-image-repeat=background-repeat:no-repeat;*/ background-repeat: repeat; /*@*/
    /*@title-background-image-position=background-position:;*/ background-position: center top; /*@*/
    /*@title-background-color=background-color:;*/ background-color: transparent; /*@*/
}
#header h1{
    margin:0;
    font-size:20px;
    float:left;
}
#header h1 a{
    font-size: /*@title-font-size=*/ 20px /*@*/;
    font-family:/*@title-font-family=*/ dotum /*@*/;
}
#header a{
    color:/*@title-color=*/ #fff /*@*/;     /* 헤더의 배경 이미지에 맞게 블로그 제목을 잘보이는 색으로 바꿔주세요 */
}
#header .sidemenu {
  padding:10px 35px 0 0;
    margin-left:400px;
    text-align:right;
}
#header .sidemenu a{
    padding-left:10px;
}




/* sidebar common*/
#sidebar ul{
    margin:0;
    padding:0;
    list-style:none;    
    }
#sidebar .name {
    font:11px dotum;
    color:#999;
}
#sidebar .date {
    font-size:12px;
    color:#999;    
}    
#sidebar .cnt {
    font :10px Tahoma;
    color:#333;
}
#sidebar h3 {      /* 사이드바의 제목을 바꿔보세요 */
    font:12px Tahoma;
    font-weight:bold;
    background:#eee;
    border-top:1px solid #ccc;
    padding:3px 5px;
    margin:0;
}    
#sidebar a {        /* 사이드바의 링크 색을 바꿔보세요 */
    color:#369;
}    
#sidebar .box {
    padding:8px;
}
/* admin menu */
#sidebar .owner {
    font-size:12px;
    text-align:center;
}
/* blog info (desc, image) */

#sidebar .blogimg {
    width:200px;
    overflow:hidden;
    text-align:center;
}
#sidebar .bloginfo {
    text-align:center;
}
#sidebar .bloginfo img{
    padding:5px;
}
/* notice list */
#sidebar .notice {
    padding:5px 10px;
    background-color:#eeeeee;    /* 사이드바의 공자사항 배경색을 바꿔보세요 */
    margin:5px 0;
}
#sidebar .notice li {
background:url(images/iconNotice.gif) no-repeat 0 50%;
padding-left:38px;
}
#sidebar .notice li a{
    font-size:12px;
    letter-spacing:-1px;
    color:#333;
}
/* search */
#sidebar .search {
    text-align:center;
    padding:5px 0;
}
#sidebar .search input{
    width:130px;
}
#sidebar .search .submit{
    border:1px solid #999;
    background-color:#ddd;
    font:11px Verdana;
    color:#222;
    width:50px;    
}
/* category, category_list*/
#sidebar .category .box li ul li ul li{
    list-style-image:none;
    padding-left:10px;
    margin-left:7px;
    border-left:1px dotted #999;
}
#sidebar .category .box a{
    font-size:12px;
    color:#333;
}
/* tag cloud*/
#sidebar .tagbox ul {
    padding:5px;
    text-align: justify;        
  }
#sidebar .tagbox a {
    letter-spacing:-1px;
    }    
#sidebar .tagbox li .cloud1 {       /* 사이드바의 태그 클라우드 스타일을 바꿔보세요 */
    background-color:#eee;
    font-weight:bold;
  font-size : 16px;
  color : #f30;
  }
#sidebar .tagbox li .cloud2 {
    background-color:#eee;
    font-weight:bold;    
  font-size : 15px;
  color : #f60;
  }
#sidebar .tagbox li .cloud3 {
    background-color:#eee;
    font-weight:bold;    
  font-size : 14px;
  color : #369;
  }
#sidebar .tagbox li .cloud4 {
    background-color:#eee;
  font-size : 13px;
  color : #690;
  }
#sidebar .tagbox li .cloud5 {
  font-size : 12px;
  color : #999;
  }    
#sidebar .tagbox a:hover{
    background-color:#cce5ff;
  color:#000;
  }    
/* recent posts, recent comment, recent trackback, archive, link */
#sidebar .listbox {
    padding:5px 0;
}
#sidebar .listbox ul {
    padding:5px 0;
    margin-left:3px;
}
#sidebar .listbox li {
    background:url(images/bul.gif) no-repeat 0 5px;
    line-height:16px;
    padding-left:8px;
}    
/* counter */
#sidebar .counter {
    background-color:#eee;
    padding:5px 0;
    text-align:center;
    font:10px verdana;
}
#sidebar .ad{
    text-align:center;
    padding:5px 0;
}




/* content common */
#content h2 a{    /* 글 제목의 스타일을 바꿔보세요 */
    font-size:18px;
    padding-top:10px;
    margin:0;
    /*@post-title-color=color:;*/ color: ; /*@*/ /*@post-title-font-family=font-family:;*/ font-family: inherit; /*@*/ /*@post-title-font-size=font-size:;*/ font-size: inherit; /*@*/
}
#content h2 a:hover{    /* post title mouseover*/
    text-decoration:none;
    color:#222;
    background:url(images/iconTitleLink.gif) no-repeat top right;
    padding-right:15px;
}
#content h3 {    /* tag, search, location, guestbook title */
    font-size:14px;
    color:#333;
    margin:10px 0;
    border-bottom:1px solid #ddd;    
    padding-bottom:5px;
}
#content ol, #content ul {
    list-style:none;
    padding:0;        
    margin:0;
}
#content .name {
    font-size:12px;
    color:#666;
    letter-spacing:-1px;
}
#content .cnt {
    font:10px Verdana;
    color:#666;
}
#content .date {
    font:10px Verdana;
    letter-spacing:-1px;    
    color:#666;    
}
#content cite {
    font-size:12px;
    font-style:normal;
    color:#666;
}
/* tag  */
#content .tagcloud ul {
    padding:5px;
    text-align:justify;        
  }
#content .tagcloud li {
    display:inline;
    }        
#content .tagcloud a:hover{
    background-color:#cce5ff;
  color:#000;
  }        
#content .tagcloud li .cloud1 {
    background-color:#eee;
    font-weight:bold;
  font-size : 16px;
  color : #f30;
  }
#content .tagcloud li .cloud2 {
    background-color:#eee;
    font-weight:bold;    
  font-size : 15px;
  color : #f60;
  }
#content .tagcloud li .cloud3 {
    background-color:#eee;
    font-weight:bold;    
  font-size : 14px;
  color : #369;
  }
#content .tagcloud li .cloud4 {
    background-color:#eee;
  font-size : 13px;
  color : #690;
  }
#content .tagcloud li .cloud5 {
  font-size : 12px;
  color : #999;
  }    

/* search list, rplist */    
#content .list, .rplist{
    margin-bottom:50px;
}
#content .list .date, .rplist .date{
    padding-right:8px;
}
/* location */
.location .spot {
    padding-left:30px;
    background:url("images/iconIndentArrow_local.gif") no-repeat 10px 2px;
    margin-bottom:3px;
    }    
.location .info {
    padding-left:15px;
    background:url("images/iconIndentArrow_localinfo.gif") no-repeat 0 50%;
    margin-bottom:3px;
    }    
/* guestbook > write */
.guestbook .write {
    margin-bottom:20px;
}
.guestbook .write p{
    padding:2px;
    margin:0;
}
.guestbook .write input{
    border:1px solid #999;
    height:18px;
    width:200px;
}
.guestbook .write .homepage{
    height:18px;
    width:400px;
}
.guestbook .write .submit{
    border:1px solid #aaa;
    background-color:#ddd;
    height:25px;
    width:98%;
    color:#333;
}
.guestbook .write label{
    font:10px Verdana;
}
.guestbook .write textarea{
    width:98%;
    height:150px;
    border:1px solid #aaa;    
    overflow:visible;
}
/* guestbook > list */
.guestbook p{
    padding:5px 0;
    margin:0;
}
.guestbook .list ol li{
    padding:10px 10px 10px 25px;
    background:url("images/iconGuestbook.gif") no-repeat 0 12px;    
}
.guestbook .list li ul li{
    padding-left:30px;
    margin-left:20px;
    background:url("images/iconIndentArrow_local.gif") no-repeat 10px 12px;
    background-color:#f5f5f5;
}
.guestbook .list .name a{
    font-size:12px;
    font-weight:bold;
    color:#666;
    padding-right:12px;
    background:url("images/icon_homepage.gif") no-repeat 0px right;
}
.guestbook .control a{
    font:9px tahoma;
    background:url("images/iconControl.gif") no-repeat center right;    
    padding-right:10px;
    color:#999;
    margin-right:5px;
}
.guestbook .control a:hover{
    background-color:#ddd;
    color:#333;
}
/* entry > notice */
.entry_notice {
    margin-bottom:30px;
    }
.entry_notice .article {
    padding:10px 0;
}    
/* entry > protected  */
.entry_protected {
    border-bottom:1px solid #ddd;
    margin-bottom:15px;
    }
.entry_protected h2 {
    color:#369;
}
.entry_protected input {
    border:1px solid #999;
    font:10px Tahoma;
}
.entry_protected .submit {
    border:1px solid #bbb;
    background-color:#ddd;
}

/* entry article*/
.entry .article {
    padding:10px 0;
    /*@post-body-color=color:;*/ color: ; /*@*/ /*@post-body-font-family=font-family:;*/ font-family: inherit; /*@*/ /*@post-body-font-size=font-size:;*/ font-size: inherit; /*@*/
}
.entry .article blockquote {
    border-left: 7px double #ccc;
    margin: 10px 10px 10px 20px;
    padding-left: 10px;
}    
.entry .article a{
    color:#369;
    border-bottom:1px dotted #999;
}    
#content .entry .article ul{
    padding:10px 30px;
    list-style-type:disc;
}    
#content .entry .article ol{
    padding:10px 30px;
    list-style-type:decimal;
}        
.entry .article a:hover{
    color:#369;
    text-decoration:none;
}    
/* entry top button*/
.entry .btn_top{
    text-align:right;
    margin-top:3px;
    clear:both;    
}
/* entry tag */
.entry .tagbox{
    padding:5px;
}
.entry .tagtext{
    font:9px verdana;
    font-weight:bold;
    background-color:#369;
    color:#fff;
    padding:1px 3px;
    margin-right:8px;
}
/* entry trackback, comment  */
.entry .tbrp_box {
    border-top:1px dotted #ccc;
    border-bottom:1px solid #999;
    padding:7px 8px;
    font:11px verdana;
}
.entry .tbrp_box .cnt{
    font:10px verdana;
    color:#666;
}
/* entry trackback */
.entry .trackback {
    font-family:verdana, dotum;
    background-color:#f5f5f5;
    padding:10px;
    margin-bottom:4px;
}    
.entry .trackback .add {
    margin:5px;
    font:11px Verdana;
    color:#333;
}    
.entry  .trackback li{
    border-top:1px dotted #ccc;
    padding:10px 0;
}
.entry .trackback h4{
    font:12px Verdana;
    font-weight:normal;
    margin:0;
}
/* entry comment */
.entry .comment {
    background-color:#f5f5f5;
    padding:10px;
}    
.entry .comment p{
    margin:0;
}    
.entry .comment ol li{
    padding:15px 10px 0 25px;
    background:url("images/iconGuestbook.gif") no-repeat 0 15px;        
}
.entry .comment li ul li{
    padding:15px 10px 0 25px;
    background:url("images/iconIndentArrow_local.gif") no-repeat 10px 12px;
    background-color:#f5f5f5;
}
.entry .control{
    font:11px dotum;
    color:#999;
    letter-spacing:-1px;
}
.entry .control a{
    font:11px dotum;
    color:#999;
}
.entry .control a:hover{
    background-color:#ddd;
    color:#333;
}
.comment .write {
    margin-bottom:20px;
}
.comment .write p{
    padding:2px;
    margin:0;
}
.comment .write input{
    border:1px solid #999;
    width:150px;
}
.comment .write .homepage{
    width:260px;
}
.comment .write .submit{
    border:1px solid #aaa;
    background-color:#ddd;
    height:25px;
    width:98%;
    color:#333;
}
.comment .write label{
    font:10px Verdana;
}
.comment .write textarea{
    width:98%;
    height:150px;
    border:1px solid #aaa;    
    overflow:visible;
}
.comment .write .checkbox{
    border:none;
    padding:0;
    margin:0;
    width:25px;
    }

/* paging */
.paging{
    padding-top:10px;
    text-align:center;
    font:10px Tahoma;
}

/* footer */
#footer {
    text-align:center;
    padding:50px 10px 10px 10px;
    font:11px Verdana, dotum;
}

출처 : http://jaewook.net/871

Backinfo.exe는 Ms에서 제공하는 유틸리티로서 시스템관리자에게 유용합니다.
MS virtual lab에 보면 바탕화면에 시스템 정보가 간략하게 표시되는 것을 볼수있습니다.
깔끔하고 괜챦다고 생각했던차에  실제로 시스템관리에 유용하겠다고 판단되어서 찾아보았습니다.
터미널로 다수의 시스템에 로그인하다 보면 이 시스템이 어떤 것인지 혼동될수 있습니다.

이 프로그램 자체는 매우 작은 프로그램입니다만  MS에서 이 프로그램만 별도로 배포하지않더군요
WSSRA (System Reference Architecture)라는 툴의 구성요소에 포함하여 배포하고있습니다.
WSSRA는 'Microsoft 플랫폼을 가장 신뢰할 수 있는 비즈니스 플랫폼으로 만들어주는 입증된
아키텍처 가이드를 제공하는것'으로서 유용한 여러가지 툴이 포함되어있습니다.
하지만 여기선 너무 복잡해지므로 backinfo.exe만 소개합니다. 
WSSRA에 대해서는 나중에 시간이 되면 자세히 소개해드릴께요..  ^^

backinfo.ini는 환경값을 저장하고 있습니다.
backinfo.ini 값을 edit하면 조금 다른 모습으로 보여지게 할수있답니다.

다운로드: << backinfo.zip만 다운로드 (1)  (2)  >>
다운로드: <<  MS 사이트 (WSSRA 다운로드)  >>

WSSRA를 설치할 경우 아래의 경로에 backinfo.exe가 존재합니다.
C:\Program Files\WSSRA-VE_Deployment_Kit_2.1.342.0\BLD\Utils\

자세한 내용은 여기 => http://www.jco.or.kr/conference/conferenceInfo9th.jsp

function trim11 (str) {
    str = str.replace(/^\s+/, '');
    for (var i = str.length - 1; i > 0; i--) {
        if (/\S/.test(str.charAt(i))) {
            str = str.substring(0, i + 1);
            break;
        }
    }
    return str;
}

출처 : http://firejune.com/1280

왜 웹표준을 준수해야 하는지에 대해 잘 정리한 글이다.

출처 : http://monoeyes.com/523

여러분 가게에 물건 구경하겠다는 손님을 그냥 내쫓겠습니까?
손님이 시각장애인이라는 이유로 물건을 팔지 않겠습니까?

웹표준을 지키지 않으면 알게 모르게 놓치는 것들이 많습니다!

웹표준? 웹접근성? 그게 뭐길래?
웹표준을 지킨다 즉, 웹접근성을 높인다는 말은 무엇이고.
웹표준을 지키면 뭐가 좋길래 사람들이 웹표준, 웹표준 할까요?
똑같은 데이터를 가지고 있는 웹사이트가 있습니다.

웹표준을 지키면 브라우저나, 장치, 기기에 관련없이 조금더 많은 사람에게 정보전달을 할 수 있습니다. 또한 검색엔진 유입량도 늘어납니다. 웹표준을 지키지 않으면, 우리 웹사이트에서 가지고 있는 정보가 모두에게 전달될 수 없습니다. 제한된 일부 사람들에게만 전달될 뿐이지요. 이것은 매우 비효율적 입니다. 똑같은 데이터를 가지고 있는데 웹표준을 지원하고 안하고는 웹사이트의 정보를 더욱 많은 사람에게 전달할 수 있고 못하고의 차이를 가져옵니다. 그 이외에 웹표준을 지키면 다양한 장점이 있습니다. 그 장점들을 소개해 드리겠습니다.

크로스브라우징
혹시 익스플로러에 최적화하여 사이트를 제작하셨습니까? 파이어폭스나, 사파리, 오페라 등 다른 브라우저에서 웹사이트 레이아웃이 문제없이 출력되며, 문제없이 작동되는지 확인해보셨나요? 웹표준을 지킨 웹사이트는 일단 크로스브라우징을 가능하게 해줍니다. 내가 만든 웹사이트를 방문하는 방문객이 익스플로러를 사용하든, 파이어폭스를 사용하던, 사파리나 오페라 등의 특이한 브라우저를 사용하든 늘 한결같은 모습을 보여줍니다. 아래의 그림을 보시면 이해가 쉽게 되시리라 생각됩니다.

물론 익스플로러의 점유율에 비하면, 아직은 보잘것 없는 파이어폭스나 사파리등의 점유율 입니다. 그렇지만, 단 한 명이라도 방문객을 더 유치하기 위해서라면 웹표준은 반드시 지켜야겠지요.

데이터와 디자인의 분리?!
이 말은 처음 웹표준을 접하는 분들께는 언뜻 이해하기 어려운 개념일 수 있습니다. 하나의 웹페이지를 흔히 우리가 다루는 A4 용지의 문서처럼 하나의 문서라고 가정합시다. 그렇다면 해당 웹페이지는 디자인을 배제하고 기본적으로 문서의 형태를 띄고 있어야 합니다. 그 기본적인 문서의 형태를 띄면서 데이터를 가지고 있는 것이 HTML 입니다. 그리고 이 HTML 페이지를 좀 더 다양하고 보기좋게 디자인 해주는 역할을 하는 것이 바로 CSS입니다.

CSS Zen garden의 웹사이트 입니다. HTML 문서를 보세요. 큰 제목부터 작은 제목, 그리고 단락별로 들어가는 내용까지... HTML 문서의 구조화가 잘 되어있지요? HTML 파일에는 손 하나도 안대고, CSS 만 교체하여 전혀 색다른 느낌의 웹사이트 디자인을 만들 수 있습니다. 잊지마세요. HTML은 문서!(데이터) CSS는 디자인 속성 저장!

모바일 기기를 위한 웹표준
CSS가 지원되지 않는 모바일 기기에서 여러분의 웹사이트는 접속을 원하는 이용자에게 정보전달을 제대로 하고 있나요? HTML데이터와 CSS디자인을 완벽하게 분리하여 웹표준에 따라 작성된 웹페이지는 CSS가 지원되지 않는 모바일 기기에서도 원하는 정보를 완벽하게 전달할 수 있습니다. (단, 와이브로나 휴대폰 전용 서비스로 개발된 웹페이지 제외)

시각장애인을 위한 스크린리더기의 지원
웹은 평등합니다. 웹은 사람을 차별하지 않습니다. 하지만 언제부턴가 우리나라는 많은 디자이너/개발자분들께서 의미를 담은 웹페이지는 신경을 쓰고 있지 않습니다. 사이트는 테이블로 통자이미지를 덕지덕지 붙여서 보여주기에만 급급한 경우가 많고, 필요없는 플래시 U.I.를 남발하여 웹페이지의 의미를 알아볼 수 없게 만들고 있습니다. 앞을 못보는 시각장애인을 위한 사이트를 고려해보셨습니까? 웹표준을 지키면 시각장애를 가진 분들도 웹사이트를 편안하게 이용할 수 있게 해줄 수 있습니다. 그래서 웹접근성도 한층 높아집니다.

계속 강조하는 것이지만, HTML 문서를 코딩할 때는 꼭 의미에 맞는 코딩을 해야합니다.
예 를 들어서, 강조하고 싶은 문장이 있는데, 해당 부분을 <b> 태그로 감싸면 글씨만 굵어질 뿐, 브라우저나 스크린리더기는 해당 문장을 중요문장으로 취급하지 않습니다. 웹표준에 맞는 태그는 <b>태그가 아니라 <strong>입니다. 이처럼 웹표준에 부합하는 태그들이 있습니다. 숙지하시어 사용하시기를 권장합니다.

사이트 디자인 관리 시간 단축
데 이터와 디자인의 분리. 즉, HTML 페이지는 말그대로 문서상태이고, CSS를 통해서 웹페이지를 디자인 합니다. 그러면, CSS를 여러개 만들었을 경우, CSS 파일의 경로를 변경하는 것 만으로 새로운 디자인으로 사이트를 리뉴얼 할 수 있습니다. 또한 기존에는 사이트에 이미지나 스타일 하나만 변경하더라도 페이지마다 다 바꿔주어야 하는 번거로움이 있었습니다. 하지만 HTML 과 CSS의 분리는 이런 작업시간까지 단축시켜 주었습니다. CSS에서 코드 한 줄만 수정해주면, 수백~수천페이지의 디자인이 한꺼번에 변경이 가능하게 되었습니다. 이것은 추가적으로 웹사이트 관리 비용절감의 효과도 가져옵니다.


검색결과 상단에 노출되고 싶으세요? 그럼 웹표준을 지키세요!
실 제로 똑같이 그래픽 처리가 된 두개의 웹사이트가 있다고 가정합시다. 하나의 사이트는 데이터와 디자인 분리를 하지 않고 많은 사이트이고, 다른 하나는 데이터와 디자인을 완벽하게 분리하여, 웹페이지의 내용과 의미를 정확하게 담고 있습니다. 겉보기는 똑같지만 속은 완전히 다른 사이트이지요. 한 쪽은 페이지의 의미를 정확하게 담고 있고, 한쪽은 페이지의 의미가 해석불분명하니까요.

이것은 검색결과에 상당한 영향을 미칩니다. SEO에서 웹표준은 많은 부분을 차지합니다.

검 색엔진의 검색결과 상단에 노출되기 위해서 메타태그나 title 태그의 활용, 본문에서 주력 단어의 빈도수 노출 등 많은 부분이 널리 알려져서 활용되고 있습니다. 그렇지만 아직까지, 웹표준을 지키면 검색엔진의 검색결과 상단에 컨텐츠가 노출된다는 사실은 그다지 많이 알려져 있지 않습니다.

대표적으로 H1, H2, H3 ... 제목 태그인 h 태그의 SEO는 막강합니다.

포 스팅 제목의 경우 검색엔진에서 검색되는 빈도가 많아야 하는 중요한 부분인 만큼, 문서 대제목인 H1 다음으로 H2를 주었습니다. H1 보다 중요도는 떨어지지만, 단락의 대제목으로서 검색엔진 검색결과에서 만족스러운 노출을 보여줍니다. 위의 사진은 CSS를 제거했을 때, 포스트 제목이고, '디올 어딕트'라는 디올의 제품을 구글에서 검색했을 때, 가장 상단에 쏭군의 블로그가 노출되는 것을 보실 수 있습니다.

DIV와 TABLE 논란은 문제의 본질이 아닙니다
많은 분들이 DIV=웹표준, TABLE=비표준이라는 인식을 가지고 계십니다. 문제는 DIV냐 TABLE이냐가 아닙니다. DIV나 TABLE은 모두 웹페이지를 작성하기 위한 '도구'일 뿐이지, 그 자체가 '웹표준이냐 아니냐'를 가늠하는 목적이 될 수 없습니다.

TABLE은 데이터를 출력하기 위해 존재하지 레이아웃 짜라고 존재하는 것이 아닙니다
테 이블은 말그대로 데이터들을 표형식으로 출력해야 할 필요성이 있을때만 사용합니다. 테이블로 레이아웃을 만들게 되면, 웹페이지의 로드 속도도 느리게 되고, 웹페이지를 수정할 곳이 생기면 자칫 페이지 전체를 뜯어내야하는 대공사가 발생될 수 있습니다.

TABLE에 없는 DIV의 장점
모 듈화? 디자인을 하시는 분들께는 말이 어렵지요. 하지만 간단한 뜻입니다. 필요한 부분을 마음껏 떼어서 쓸 수 있게 웹사이트를 만들 수 있다고 생각하시면 됩니다. 예를 들어, 테이블로 웹사이트 레이아웃을 구성하면 로그인 박스 하나를 바꾸기 위해서 웹페이지의 다른 부분도 영향을 주거나, 웹페이지 전체를 뜯어내야 하는 경우가 대부분입니다. 그렇지만 DIV로 작업을 하면 원하는 박스만 떼어서 디자인을 수정할 수 있고, 또 그 박스는 얼마든지 다른 페이지에 자유롭게 붙였다 뗐다 하면서 재활용이 가능합니다.

게다가 TABLE 레이아웃을 구성할때보다, 작업의 속도나 사이트 관리적인 측면에서 훨씬 이득을 볼 수 있고, 페이지 로드도 테이블 레이아웃 보다 빠릅니다.

하지만 TABLE이 꼭 필요한 곳은 테이블을 쓰세요
테이블을 이용해서 웹사이트의 레이아웃을 짜면 나쁜 것 입니다. 하지만 반드시 테이블이 들어가야 할 곳이 있습니다. 반드시 데이터형식을 표방식으로 보여주어야 하는 곳은 테이블을 쓰는편이 낫습니다.

만 약 위의 프리미어리그 점수판을 표를 사용하지 않고 DIV나 LI 를 이용해서 표현했다고 가정합시다. 그 페이지의 CSS가 지원되지 않을때 오히려 팀별로 득점이나 승점을 보기가 힘들어집니다. 이런 표형식의 데이터는 TABLE을 사용하는 것이 더욱 웹표준에 부합합니다. 또한 CSS를 깼을때도 점수표를 깔끔하게 출력할 수 있구요. 반드시 이런 데이터처리에만 TABLE을 쓰시고 어지간하면 사용하지 않는 것을 권장드립니다. 더구나 TABLE로 레이아웃을 짜는 비통한 일은 다시는 있어서는 안 되겠지요. 데이터를 표시하라고 하사한 TABLE 이거늘.. 그걸로 홈페이지 레이아웃을 만들면 원래 목적에도 어긋날 뿐 아니라 원통하기 까지 합니다.

스크립트 사용시
될 수 있으면 스크립트 사용을 자제하는 것이 좋습니다. 부득이 스크립트를 사용해야 하는 경우라면, 모든 브라우저에서 작동되는 스크립트를 사용하시고, 스크립트가 지원되지 않는 환경을 위해서 스크립트 없이도 웹사이트를 이용할 수 있도록 차선책을 미리 만들어 두시는 것을 권장합니다.

서버 부하를 덜어줌
디자인 정보를 CSS에 저장함으로서, 관련 소스코드를 획기적으로 줄일 수 있습니다.
또한, CSS는 캐싱되어 웹사이트에 최초 접속할 때 한번만 로드되므로, 서버 부하를 획기적으로 줄여줄 수 있고, 규모가 큰 사이트라면 비용 절감 효과도 가져올 수 있습니다.

긴 글 읽느라 고생 많으셨습니다. 글쓴이를 표기하신다면 본 문서를 상업적으로 이용하셔도 되고, 어디에나 퍼가셔도 됩니다. 웹표준을 처음 접하시는 분들께 도움이 되고자 작성한 문서인데. 조금이나마 도움이 되셨으면 좋겠습니다.

스티브잡스를 비롯, 빌게이츠나 워렌버핏, '불편한진실'의 엘고어나 TED(Technology, Entertainment, Design)의 세션 진행자 등 외국의 PT진행 방식을 보면 정말 흥미 진진하다.

물론, PT에 있어 최고인 사람들이 하는 것이니 당연하다고 할수도 있겠지만, 내가 생각하는 핵심요소는 이렇다.

1. 초점을 분명히 한다.
2. 시각적 볼거리를 제공한다.
3. 숫자의 의미를 강조한다.
4. 청중에게 감동을 준다.
5. 극적인 상황을 연출한다.
6. 마지막 순간까지 연습한다.

이중에서 가장 중요한 것은 6번이다.
아무리 연습해도 실수는 발생할 수 있다. 그렇다면 그 실수를 최소화 할 수 있도록 연습에 연습을 거듭해야 한다.
위에 나온거 말만 바꾼거 아닌가?

이상이 PT의 핵심요소라고 한다면, PT를 진행하는 발표자의 핵심요소는 다음과 같다.

1. 청중은 모두 바보 라고 생각하라.
2. 실수를 진행상의 설정으로 생각하게 하라.
3. 청중에게 자신의 감정을 어필하라.

이중에서 가장 중요한 것은 1번이다.
처음 발표하는 사람들을 가장 당황하게 만드는 것은 청중들의 눈빛이다.
수많은 사람들의 시선이 자신에게 꽃이는 경험은 겪어본 사람만이 알것이다.
그 눈빛을 감당하지 못하면 긴장하게 되고, 떨게 되며, 실수하게 된다.
PT를 진행하는 순간 만큼은 '내가 이 분야의 최고다. 아무것도 모르는 사람들이 나의 설명을 듣고 싶어 왔다' 라고 자신에게 강한 자신감을 부여하는 것이 중요하다.
하지만, QA시간에 집중 공격당하는...

인원이 얼마든지 간에, 청중들 앞에서 PT를 발표하는 것은 정말 재미있다.

HTTP로 PC와 Internet 사이에서 발생하는 모든 HTTP 트래픽을 로깅하는 HTTP Debugging Proxy이다.

쓰면 쓸수록 좋다는 생각이 드는 프로그램.

Fiddler를 실행하면 자신의 PC의 HTTP트래픽 정보가 모두 나타나기때문에 메신저나 다른 사이트 들에서 사용자 정보를 전송하는 것도 캐치할 수 있다.

이 밖에도 웹페이지를 분석하는데도 유용하게 쓸수 있다.
.net Framework이 설치 되어 있어야 하며, 설치되있지 않을경우 install시 설치페이지로 안내해 준다.

프로그램도 가볍고, 나름대로 튜토리얼까지 제공한다.

홈페이지 : http://www.fiddlertool.com/fiddler/
튜토리얼url : http://www.fiddler2.com/fiddler/help/video/default.asp

대략 이런걸 그리는 방법들이 나와있는...












오랫만에 발견한 괜찮은 tutorials!
이런걸 찾으면 왠지 행복해지는....
아직 디자인에 대한 향수가 남은건..

자세한 내용은 아래링크에 가면 볼 수 있다.

http://www.smashingmagazine.com/2008/01/10/adobe-photoshop-tutorials-best-of/

영문사이트지만, 포토샵을 할줄 안다면 어렵지 않게 따라 할 수 있다.
물론, 브러쉬 터치 같은건 개인 역량이 필요하다.
그거때문에 내가 디자인을 포기했...

아래는 illustrator tutorials
http://www.smashingmagazine.com/2008/02/05/illustrator-tutorials-best-of/

http://www.robotstxt.org/

로봇배제 표준이란?

로봇배제 표준이란 구글 등 검색로봇이 정보 수집을 위해 사이트를 방문할 경우를 대비하여, 검색로봇에 의한 웹 사이트의 디렉터리 및 파일들에 대한 검색 조건을 명시해 놓은 국제 규약이다.
정상적인 검색로봇은 사이트 방문 시 가장 먼저 웹사이트의 로봇배제 표준파일(robots.txt)을 확인하고 파일에 명시된 사항을 준수하면서 웹사이트의 컨텐츠를 수집한다.
※ 로봇배제 표준은 방지기술이 아닌 사이트 및 검색로봇 운영자간의 단순한 약속(규약)이므로 악의적인 로봇의 경우 로봇 배제 표준을 무시하고 사이트의 컨텐츠를 수집할 수도 있다.

/robots.txt 파일 내용

1. 홈페이지 전체 내용을 모든 검색엔진에 노출 허용

User-Agent : *
Disallow :

2. 홈페이지 전체 내용을 모든 검색엔진에 노출 방지

User-Agent : *
Disallow : /

3. 홈페이지의 디렉터리가 information인 것에 대한 노출을 방지

User-Agent : *
Disallow : /information/

4. 특정 검색엔진(googlebot)의 접근만을 거부

User-Agent : googlebot
Disallow: /
User-Agent: *
Disallow:

5. 특정 검색엔진(googlebot)의 접근만을 허가

User-Agent : googlebot
Disallow :
User-Agent : *
Disallow: /

6. 모든 검색엔진에 대해 /directory/index.html의 접근을 거부

User-Agent : *
Disallow : /directory/index.html

7. 홈페이지의 디렉터리가 information인 것에 대한 노출을 허가

User-Agent : *
Allow : /information/

8. 홈페이지의 디렉터리 또는 파일명이 information인 것에 대한 접근을 허가

User-Agent : *
Allow : /information

- User-Agent : '*' :모든 User-Agent, 특정 User-Agent 를 지정할 경우 해당 로봇 이름을 입력
- Allow or Disallow
Disallow에서 '/'는 모든 하위 문서에 대한 배제를 의미, 아무것도 쓰지 않으면 허가를 의미
'/...../'는 디렉터리만, '/....' 는 디렉터리+파일이 적용대상

- Meta Tag를 통한 노출방지

<html>
<head>
<title>...</title>
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
</head>

noindex 면 그 페이지는 긁어가지 않습니다.
nofollow면 링크를 확인해서 긁어가는 것을 건너 뜁니다.

<META NAME="ROBOTS" CONTENT="NOINDEX, FOLLOW">
-이 문서는 긁어가지 말고 링크된 문서만 긁어감

<META NAME="ROBOTS" CONTENT="INDEX, NOFOLLOW">
- 이 문서도 긁어가고 링크된 문서도 긁어감

<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
- 이 문서도 긁지 않고, 링크도 무시함

자바스크립트 함수 중 alert 이라는 함수를 override 하여 system modal window 가 아닌 layer 디자인을 통해 alert window를 만들어 사용할 수 있습니다. (window.confirm 도 바꿀 수 있겠죠.. ㅎㅎ )

<!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>
<title> Override Alert </title>
</head>
<body>
<script type='text/javascript'>
/***
 * Description : override alert
 * Author : blueb(xblueb@gmail.com)
 * Date : 2008-02-04
 */
	window['alert'] = function(msg){

		if( document.getElementById("alert") == null ){
		
			var cw = parseInt(document.documentElement.clientWidth);
			var ch = parseInt(document.documentElement.clientHeight);

			var _top = ch/2 - 50;
			var _left = cw/2 - 150;

			 var div = document.createElement('div');
			 div.id = "alert";
			 div.style.width = "300px";
			 div.style.height = "100px";
			 div.style.border = "5px solid #000";
			 div.style.fontSize = "9pt";
			 div.style.zIndex = "100";
			 div.style.position = "absolute";
			 div.style.top = _top +"px";
			 div.style.left = _left +"px";
			 var layout = "
" + msg + "
";
			 layout += "
[close]
";
			 div.innerHTML = layout;
			 document.body.appendChild(div);

		}else{

			var cw = parseInt(document.documentElement.clientWidth);
			var ch = parseInt(document.documentElement.clientHeight);

			var _top = ch/2 - 50;
			var _left = cw/2 - 150;

			 var div = document.getElementById("alert");
			 div.style.top = _top +"px";
			 div.style.left = _left +"px";

			document.getElementById("alert-msg").innerHTML = msg;
			document.getElementById("alert").style.display = "";
		}
		 
	};


</script>
<a href="javascript:window.alert('Hello world')">click</a>
<p> </p>
</body>
</html>

system alert 과 같은 형태의 효과를 내기 위해서는 몇가지 더 추가 되어야 할 사항들이 있습니다. alert window가 발생된 시점에 content의 모든 영역에 click을 방지 하기 위해 투명 layer로 차단해줘야 겠죠 그외에도 몇가지 더 추가 해야 할 거 같습니다.

http://www.ajaxload.info/

Generator 에서 원하는 image와 색상을 선택하고, Priview 에서 Download 하면 끝.

http://jaewook.net/236

링크만 올려놓기..
'모르는동생'이 주로 쓰는 방법인데 편하네? ㅋ

더 자세한 정보는 '여기' 에...

http://www.pdftextonline.com/

온라인상에서 PDF 파일의 Text를 추출해 주는 서비스를 하는 사이트 이다.
한글도 잘 되고, 속도도 좋은편.

PDF파일을 선택해서 Start 를 누르면, Page 별로 나눠준다.

Windows7 의 첫번째 테스트 버전이 MS의 주요 파트너사에 제공 됐다.

Vista를 구입한지 얼마 되지 않은 사람들 에겐 좋은 소식으로 들리지 않을 듯.

두 번째 코드테스트 버전인 M2를 오는 4월이나 5월중에 발표할 것으로 보이며, M3 버전은 2008년 3/4분기에 나올 전망.

Windows7은 약 3년의 개발 기간을 거쳐 2010년경 공급될 것으로 예정 되어 있었으나, 당초 계획보다 좀 더 시기를 앞당겨 2009년 후반 정식 제품으로 출시될 가능성이 높아졌다고 한다.

새로운 기능은 물론 구체적인 정보 조차 밝혀지지 않은  윈도우 7에 대해 마이크로소프트는 공식적인 언급을 피하고 있는 상태라고...

이미 사용자들 사이에서는 "Vista가 제 2의 Windows ME가 되는것 아니냐?" 는 소리가 나오고 있다.

뭐, 빠른 생산성을 추구하는 것도 좋고, 보다 나은 성능 향상도 좋겠지만, 좀 심하다는 생각이 드는 것은 나뿐인가?

일반 Software도 아니고 PC사용의 중추가 되는 OS제품 이라면 좀 더 생명력 있게 가야 하는 것 아닌가 싶은데..

어차피 Windows7도 sp2 까진 기다려야 제대로 사용할수 있겠지...

아래는 떠돌고 있는 Windows7에 대한 스크린샷.

꽤 오래된 영상이지만, 그의 굴곡 심한 인생은 꽤 교훈적이다.
뭐... 새옹지마 라고나 할까..

새삼스레 왜 올렸냐고?
걍 지나가다가 눈에 띄어서.. -_-;

아래는 한글 자막 버젼...