StudioEgo's Thoughts, seasonⅡ

Head First HTML with CSS & XHTML
에릭 프리먼.엘리자베스 프리먼 지음, 홍형경 옮김 / 한빛미디어
나의 점수 : ★★★★★

어제(2006년 7월28일 금요일)집 근처 도서관에서 눈에 띄어서 바로 대출한 책이다.

너무나 잘쓴 웹프로그래밍(?) 책이다.
HTML은 웹프로그래밍이라고 하기도 좀 모호하지만 -_-;;
이 책은 요즘 화두가 되고 있는 웹2.0시대의 웹표준에 맞게 쓴 몇개 안되는 XHTML책중 하나이다.

서점에서 웹표준에 대한 국내 서적이 열손가락에 뽑을수 있을 정도일 것이다.내가 아는 웹표준 책을 보면 박수만씨가 쓴 "실용예제로배우는 웹표준"과 "웹2.0을 이끄는 방탄웹(크리에이티브한 웹표준 기법과 제작사례)"밖에 없을 것이다.
위의 책들은 웹언어인 HTML을 안다는 전제로 책을 썼기 때문에 초보자들에게 좀 읽기가 무리인 것 같다.
위 책은 글과 코드로 빽빽한 어느 책과 다르게 디자인이 화려하고, 그림도 많이 들어가서 책을 읽을 때 너무나 즐겁다. 그렇다고 책이 부실하다는 것은 아니다. 어느 책보다 알차다. 웹표준은 왜 지켜야 하고 인터넷에 떠돌고 있는 잘못된 웹페이지 작성법을 고쳐준다고 할까? 조금 무거운 내용을 아주 자세하게 재미있게 보여준다고 할까?

나는 이 책을 읽어보면서 이렇게 설명이 잘되있는 초보자들을 위한 웹표준 서적을 이 것밖에 찾을 수 밖에 없었다.
(박수만씨의 "실용예제로배우는 웹표준"과 "웹2.0을 이끄는 방탄웹(크리에이티브한 웹표준 기법과 제작사례)"은 어느 정도 HTML에 익숙한 사람들 빼고는 책을 보는데 힘들 것 같다. - 책 내용은 너무나 좋다.)

내가 지금 개편하고 있는 P.C.R.C.홈페이지(http://pcrc.hongik.ac.kr)도 웹 표준에 맞게 준수해야겠다는 생각을 하고 개편을 하는데 막코딩과 디자인 감각 제로로 그다지 -_-;; 홈페이지 개편하는 것이 걱정이다.
(지금 작업중인 것을 보려면 http://pcrc.hongik.ac.kr/~pcrc3)

읽다보니 하루가 금방 간 것같다. 재미있게 써서 그런지 100쪽 이상을 읽어버렸다.-_-;;

웹 표준을 왜 지켜야 할까?
FireFox같은 웹브라우저를 쓰다보면 우리나라 홈페이지들은 거의 이상하게 보인 다는 것을 알 수 있다. 웹페이지들이 웹 표준을 안지키고 Explorer로 거의 맞추다 보니 FireFox나 Opera같은 웹브라우저에서는 이상하게 보이는 것이 당연.이렇듯 우리나라의 웹환경은 너무나 열악하다. 이 책을 통해서 우리나라의 웹사이트들이 웹표준을 준수했으면 한다.
Explorer뿐만 아니라 Firefox, Opera, Safari, Mozilla등등의 웹브라우져에서도 웹사이트들이 작성자가 의도된대로 보여졌으면 좋겠다.

요즘 아주 예전에 산 책인 실용예제로 배우는 웹표준을 다시 보고 있습니다.
아주 예전(2001년)에 만들어진 전공학회 홈페이지 P.C.R.C.(http://pcrc.hongik.ac.kr)을 개편하려니 웹2.0으로 만들려고 생각을 합니다. 지금 홈페이지는 너무 답답한 감도 있고 테이블을 써서 답답한 감이 있었는데요.

지금 학회 홈페이지 개편하려고 준비를 하고 있습니다. 웹 표준으로 하려고 하는데 제가 예전 문법으로 홈페이지를 짜려는 답답한 생각때문에 미치겠네요. (http://pcrc.hongik.ac.kr/~pcrc3)
홈페이지를 개편하면 이번 P.C.R.C.가을 작품전시회때 전시할 예정입니다 ㅋㅋ

요즘 제 친구 네쯔군은 웹2.0을 이끄는 방탄웹이란 책을 가지고 블로그를 꾸미던데 정말 예쁘게 꾸미는 것 같네요.


MSN에 방탄웹 구축한다고 노력하는 네쯔군

저도 오늘 계절학기 수업 끝내고 나서 교보문고로 달려가서 웹2.0을 이끄는 방탄웹이란 책을 샀습니다.

어떻게 하면 웹 표준에 맞는 예쁜 홈페이지를 만들수 있는 스킬이 생길지? 오랜 시간이 걸리려나?

제가 쓰는 노트북에 IPv6 터널링 기술중 Teredo 터널링으로 IPv6 주소도 지원하게 되었습니다.
아 기뻐라.^^


숙제도 안하고 뭐하는 짓이라 ㅡㅡ;
이것 전기전자공학개론 숙제였지만.. 남은 숙제는 어쩌란 말인가?

이번에 IE (Internet Explorer) BETA 2를 노트북에 깔았습니다.

써보니 만족할만 하더군요.
그런데 써보니 Mozilla FireFox에서 지원하던 기능들을 그대로 반영했지 M$사에서 새로 만든 기능은 없더군요.

그래도 IE 6 버전보다는 낫더군요. IPv6주소지원이라든가 탭브라우징, RSS구독.
(근데 RSS구독하는 기능에는 직접 주소를 집어넣는 기능은 어디있는지 잘 모르겠네요 ㅡㅡ;)
IE6 보다 그래픽 디자인이 깔끔해지고 좋아진 인상이 드네요.

그러나 단점은 자꾸 한글 싸이트를 UTF-8로 인식하는 바람에 좀 짜증나기는 했네요.(IE6, FireFox에서는 안그랬는데)
그래도 FireFox를 겨우 따라간 M$사에 노력의 박수를 ^^
(근데 써보니 단점이 또 생겨버렸군요. 파일 업로드가 안되는군요. IE7 BETA 2 버젼이라서 그런가? 버그가 이런데서 발견되다니 ㅡㅡ; 작성을 FireFox에서 해버렸습니다.)

M$사에서 야심차게 발표하려고하는 Internet Explorer 7 BETA 2 버젼입니다.


IPv6 주소를 지원하더군요
http://[2002:cbf9:4be3::1] 이 주소는 IPv6용 주소로 IPv4로 203.249.75.227이고 홍익대학교 컴퓨터공학과 전공학회P.C.R.C.(http://pcrc.hongik.ac.kr/) IPv6용 주소입니다. 주소가 좀 희한하죠?^^


RSS 구독 기능
FireFox의 기능을 답습한 기능!!!


Tab 브라우징 기능
이것도 FireFox의 기능을 답습한 기능!!!
IE에서 지원하는 것이라서 좀 신기했습니다^^



IE 7 BETA 2에서 버그가 있더군요
파일업로드할때 파일명이 올바르지 않습니다.의 압ㅤㅂㅞㄺ
빨리 버그 잡아서 정식버전으로 올렸으면 좋겠습니다.
아래는 버그 화면입니다. IE7 BETA 2버전으로 블로깅하려고 했더니 이런 변이있나 ㅡㅡ;


아직도.. IE 6의 후속판이라서 그런가? ActiveX 아직도 지원하군요.
그래도 ActiveX지원안하면 인터넷 뱅킹 안되는걸 ㅡㅡ;
불행인지 다행인지 ActiveX 아직도 지원하네요.
IE 6의 보안 위협은 ActiveX가 했다는데...


버그가 또 발견되었군요.
JPG, PNG 파일을 저장할때 꼭 BMP 파일로만 저장이 되군요. 아 역시 BETA판은 안좋다니깐..
한글 파일도 완벽하게 지원이 안되더군요 한글 파일 이름 읽는것을 깨져서 못보더군요. FireFox에서는 한글로 된 파일 이름 읽는것을 깨지지 않게 봅니다.

아직도 안 쓴 기능들이 많은 것 같은데 맛보기로 쓴 기능만 올렸습니다.

웹 2.0이 대세인가?

요즘 컴퓨터 관련 포스팅이 좀 뜸하였다.
나의 게으른 면도 있고 변명같지만 노느라, 숙제하라, 레포트 제출하라, 서버관리하라 정신이 없기 때문에 그런 것 같다.

주간지 이코노미스트 2006년 3월 21일 창간 특대호에서는 웹 2.0 에 대한 소개를 하였다.

웹 2.0이 뭐지?
웹 2.0은 사전에 정의된 용어가 아니다 그만큼 추상적인 단어다. 그렇다면 이말의 유래는 어딜까. 2004년 미국 IT미디어그룹인 오라일리사의 데일 도허티 부사장이 닷컴 붕괴 후에도 살아남은 구글, 아마존, 야후 같은 업체들을 분석해 본 결과 공통된 특징을 발견했다. 이런 특징과 현상을 그는 웹 2.0이라고 이름을 붙였다. 웹 2.0은 이후 세계적으로 퍼진 용어다. 20세기가 21세기로 갔듯 인터넷이 진화하면서 변하고 잇는 흐름을 웹2.0이라고 부르는 것이다. 편의상 기존 인터넷은 웹1.0이라고도 부른다. 그래서 웹2.0 뒤에 '시대'라는 단어를 붙이면 이해가 다소 쉬워진다

신문, 잡지 기사들도 웹 2.0에 대해 관심을 가지기 시작한 것 같다. 요즘 신문에서도 웹 2.0이란 용어를 쉽게 볼수 있으니 말이다.

잡지에서는 류중희 올라웍스 대표, 장병규 첫눈 대표, 노정석 태터앤컴퍼니 대표와 김종화·김창욱 윙버스 공동대표의 인터뷰 기사도 올라왔다.


김중태문화원장이진 김중태 씨가 웹 2.0이 대세라고 하고 바로 책까지 쓴 것이 2005년 1월달인 것을 감안하면 잡지 기사도 시대의 대세를 이제 알아차린 것 같다.


나도 웹2.0에 대한 공부를 해버릴까 보다.

제가 몸담고 있는 P.C.R.C.의 홈페이지 게시판이 폭발했다.
게시판에 스팸 글들이 하루종일 토했기 때문이다.
으 스팸 글 못 올리게 하려고 노력을 하려고 해도 삭제 버튼만 누르던 날이 한동안이었다.

오늘 PHP책을 보고 임시방편으로 P.C.R.C.게시판에 스팸글들을 올리는 것을 막았다.

스팸글들은 이런 형식으로 올리고 있었다.

이 름 Daniel Robinson E-mail : d-robinson_101@yahoo.com Homepage : advertisersworld.com/order-hydrocodone/
작성 시각 2006-02-15 16:05:26 조회수 3
제 목 order hydrocodone IP : 70.162.6.155
order hydrocodone http://advertisersworld.com/order-hydrocodone/ [URL=http://advertisersworld.com/order-hydrocodone/]order hydrocodone[/URL] [URL]http://advertisersworld.com/order-hydrocodone/[/URL]



이 름 Charles Wright E-mail : charles_wright914@aol.com Homepage : advertisersworld.com/hydrocodone-on-line/
작성 시각 2006-02-15 16:55:44 조회수 1
제 목 hydrocodone on line IP : 72.224.183.50
hydrocodone on line http://advertisersworld.com/hydrocodone-on-line/ [URL=http://advertisersworld.com/hydrocodone-on-line/]hydrocodone on line[/URL] [URL]http://advertisersworld.com/hydrocodone-on-line/[/URL]

이 름 Michael Adams E-mail : m_adams_519@bigmailbox.com Homepage : advertisersworld.com/buy-generic-phentermine/
작성 시각 2006-02-15 19:56:37 조회수 1
제 목 buy generic phentermine IP : 207.172.233.69
buy generic phentermine http://advertisersworld.com/buy-generic-phentermine/ [URL=http://advertisersworld.com/buy-generic-phentermine/]buy generic phentermine[/URL] [URL]http://advertisersworld.com/buy-generic-phentermine/[/URL]


이 름 John Young E-mail : john_young792@techemail.com Homepage : advertisersworld.com/buy-phentermine/
작성 시각 2006-02-15 19:56:46 조회수 1
제 목 buy phentermine IP : 196.40.31.138
buy phentermine http://advertisersworld.com/buy-phentermine/ [URL=http://advertisersworld.com/buy-phentermine/]buy phentermine[/URL] [URL]http://advertisersworld.com/buy-phentermine/[/URL]



이 름 Sandra Thompson E-mail : sandra_thompson-426@mail.com Homepage : advertisersworld.com/buy-phentermine-overnight/
작성 시각 2006-02-15 20:22:10 조회수 1
제 목 buy phentermine overnight IP : 196.40.31.138
buy phentermine overnight http://advertisersworld.com/buy-phentermine-overnight/ [URL=http://advertisersworld.com/buy-phentermine-overnight/]buy phentermine overnight[/URL] [URL]http://advertisersworld.com/buy-phentermine-overnight/[/URL]

제목에는 링크가 달려서 클릭하면 그 홈페이지로 가게끔 되어있다.
제목에 [a href=" "] [/a]이 적용되어 있었다.

그리고 올리는 IP주소를 조사해보니 완전 남미나, 동유럽 IP였다.
로봇이 마구마구 올리는 것 같은 느낌이었다.
인증코드가 있었으나 인증코드를 무력화 시켜서 인증코드가 쓸모없게 했다. 그래서 김중태문화원에서 쓴 이미지 처리로 하려고 했더니 시간이 좀 걸릴 것 같다.
그래서 자바스크립트를 써서 특정 내용이 올라가면 절대로 못 쓰게 하려고 했다.
그래서 PHP함수 strcasecmp()를 이용해서 처리를 하였다.
if(strcasecmp($title, $ahref) !=NULL){ ?>alert("죄송합니다만 등록이 안됩니다^^");history.back();<?exit; }
PHP는 함수가 많아서 좋은 것 같다. 프로그램 할때 너무 편하다. (PHP의 단점이기도 하다. 알고리즘을 생각할 시간을 안주고 바로 함수를 쓰니;; 생산성에 맞게 웹프로그래밍을 하려면 PHP가 가장 편리하다고 생각하다.)


내가 처리한 것이 "[a href=" 태그를 올릴수 없게 했다. 그래서 문제가 있다. P.C.R.C.에 로그인 한 사람들은 [a href=태그가 먹힐 것이라 해당이 없지만 로그인 안하고 글 쓰는 사람들은 홈페이지에 자기 자신을 알릴때 [a href=태그를 쓸 것이다. 근데 [a href=태그를 내가 막았으니 사람들이 [a href=를 쓸수 없다. 좀 내가 처리한 것이 문제가 있다. 스팸글들이 [a href=로 계속 폭탄을 주니 어쩔 수 없다만

[a href=태그를 허락하자니 게시판 글들을 일일히 지워야 하는 문제점이 있고 [a href=태그를 막자니 선량하게 P.C.R.C.를 찾아오신 분들에게 좀 죄송도 된다.
그러나 스팸때문에 이렇게 처리할 수 밖에 없는 것이 좀 마음에 걸린다.

방학때에 홈페이지 게시판과 홈페이지를 완전히 개편하고 싶은 마음이 든다.
지금 현재 개강하면 학과공부때문에 전혀 홈페이지에 신경도 쓸수도 없고.

내가 다니고 있는 홍익대학교에서...

12월동안 T동에서 NESPOT공사를 했다. 그래서 노트북에서 무선 인터넷에 NESPOT이 잡히기 시작하였다.
T동 어느 곳이든 다 잡히였다. 신호감도가 매우 쎄다.

이 사진은 T동 6층에 NESPOT 설치전 입니다. C동, K동 여러군데서 공사를 많이 하였다.
T동 3,4,5,6,7,8,10층 C동 8층, K동 5,6층에서 공사 현장을 심심치 않게 보았다

그러나 문제점이 있다. 교내 NESPOT 신호가 잡혀서 접속을 했더니... 인터넷이 안되고
그렇다면 NESPOT 설치를 했으니 가입을 하라는 소리인가?

현재 T동 도서관 열람실이 있는 3층과 4층은 NESPOT서비스와 함께 hongik_T4, hongik_T3 신호가 잡힌다.
현재 NESPOT 사용을 안하고도 학생들이 무료로 무선인터넷을 쓸수 있는 신호는 hongik_T4, hongik_T3 이다.
이 신호들은 T동 3, 4, 5층에서만 겨우 쓸 수 있지 T동 6, 7, 8 층은 쓸수 가 없다.
(왜 하필 T동만 이야기 할까? 제가 있는 컴퓨터공학과가 여기 있어서 그렇습니다 ;;)
다른 학교와 마찬가지로 NESPOT을 이용하려면 가입을 해야 할 것 같다.

T동 3,4,5층 말고도 무선 인터넷을 쓰려면 NESPOT에 가입하는 것 밖에 없는가?

이번에도 구글은 센쓰를 잃지 않았습니다 :-)
새해 다가온다고 재미있는 그림을 올리네요.
근데 이제 쥐띠 해인가? 쥐가 나온 것 보면 X자 년인 것 같은데 X는 갑을병정.... 중의 하나겠지요
X자년에서 X는 내년 달력을 보면 알겠지요
돼지해가 끝난후 다시 쥐해로 맞이한다고 그래서 쳇바퀴를 돌리는 그림이 나왔나 :-)

1:
2:
3:
4:
5:

드디어 불여우 1.5 가 나왔군요!


우분투에서 apt-get을 해도 업데이트가 안되었다고 하는데, 직접 소스 컴파일을 하니까 업데이트가 되었네요.
써보니까 너무 기능이 좋네요^^