일러두기: 이 글은 옛날에 사용하던 엔비 블로그에서 가져 온 것으로, 원문은 여기에서 볼 수 있습니다.

* 블로그 코리아 이러니 늦지에 트랙백한 글입니다.

위의 포스트를 보고 한 번 블로그코리아에서 테이블을 적게 사용하게 해 보면 어떨까 하는 생각이 들었습니다. 그래서 세 시간 정도 걸려서 블로그코리아 첫 페이지를 XHTML로 변환하는 삽질을 해 버렸습니다. OTL 저는 XHTML(1.0/1.1 모두)이랑 CSS(level 2)는 여러 번 해 봤습니다만 DOM은 영 아니어서 결국 W3C의 DOM 문서를 수십 번 봐야 했는데... 흐으... 역시 제 내공이 부족한 가 봅니다.

아무튼 삽질을 통해서 거의 완성된(다 완성되진 않았습니다. 자바스크립트 부분이 완전하지 않아서 미니메뉴가 안 나오거든요 ;;;) 블코 첫 페이지를 구경해 봅시다.



블코랑 별로 다르지 않죠? -_-; 하지만 실제 소스는 이렇게 생겼습니다.


(윗쪽 두 개가 index.html, 아래가 blog.css입니다... ;;; 그림이 높이가 1400픽셀이라서-_- 클릭해야 제대로 볼 수 있습니다.)

하아... 상당한 삽질이었습니다. 역시 MSIE와 모질라 등 다른 브라우저에서 똑같이 나오게 하는 게 힘들더군요. (약간씩 다르게 나옵니다;) 오랜만에 대형 삽질을 한 덕분에 자 버려서 오늘 포스팅은 잡쳤지만(..) DOM 공부 좀 했다는 데 의미를 둘 수 있었습니다.

하지만 트랙백된 글에서 있던 "죽어라 많은 테이블 태그 때문에 트래픽이 많아진다"라는 주장은 충분히 반박되었다고 생각합니다. 두 개 다 용량이 비슷하거든요 -_-; HTML 코드가 더 깔끔하기 때문에 렌더링 속도 증가로 인한 체감 속도 증가는 기대할 수 있겠지만 트래픽 감소는 기대하기 힘들다는 겁니다. (사실 트래픽보다 DB 작업과 네트워크 부분에서 더 부하가 많이 먹을 것 같습니다만...) 가장 큰 원인이라면 역시 최근 블코에 들어 온 포스트 목록 출력하는 것 때문에... ;;

필요하신 분은 (아주 개판이지만;) HTML과 CSS를 보내 드리겠습니다. 제 계정이 아직 ftp 접속이 불가능해서 (shadow 파일이 호환되지 않아서 그냥 메일로 암호를 다시 받아야 겠다고 서버 관리자 님께서 말씀하시더군요) 올릴 순 없군요.