Daybreakin Things
dolufy 님의 답글 및 블로그를 보고 트랙백합니다.
우선, 웹표준을 지키는 것과 테이블 레이아웃은 별개의 문제입니다. w3c에서 테이블 쓰지 말라고 한 적도 없구요. 저를 비롯해서 많은 분들이 혼동하는 것 중에 하나가 바로 그 점입니다. 웹 접근성을 지키기 위해서 테이블을 쓰지 말라는 것이지, 웹표준을 지키기 위해서 테이블을 쓰지 말라는 게 아니라는 거죠. (웹표준 지키면서 테이블 레이아웃 쓰는 거 얼마든지 가능합니다. 제가 태터툴즈의 제작자이신 JH 님께 건의하는 글을 보시면 좀더 이해가 되리라 생각합니다.)
웹 접근성이라 하면 또 많이 하실 수 있는 오해가, 장애인들을 위한 지침들을 지키는 것 정도로 생각할 수 있다는 점입니다. 그러나 접근성은 사실 장치 독립성의 문제에 더 가깝습니다.
dolufy 님의 포스트에 답글을 다신 oseb 님의 말처럼 옛날 브라우저 같은 경우는 CSS를 지원하지 않습니다. 그리고 현재 모바일 기기들(PDA나 휴대전화 등) 또한 기초적인 것만 지원할 뿐 레이아웃을 하는 데 사용되는 고급 CSS 기법들은 전혀 먹지 않습니다.
이때 생각해야 할 것이, 모든 장치에서 디자인을 동일하게 보이도록 하는 게 접근성을 지키는 것이 아니라는 점입니다. 장치마다 그 장치에 맞도록 표시되는 것이 가장 이상적이죠. (여기서 말하는 장치에는 시각장애인용 웹브라우저 등도 포함합니다) 하지만 그렇다고 각각에 대해 다 다른 웹페이지를 만들어야 할까요?
웹표준이 제시하는 것은 올바른 XHTML 문서를 만들고, 디자인을 CSS로 분리하라는 것입니다. XHTML 문서는 지극히 단순한 태그들로만 이루어집니다. 모든 레이아웃과 디자인은 CSS에 정의되어 있지요. 그러면 CSS나 고급 테크닉들을 지원하지 않는 장치나 예전 웹브라우저에서는 XHTML만 자체 방식대로 표시하면 되는 겁니다.
여기서, 테이블을 쓴다는 것은 XHTML 문서 자체에 디자인 요소가 포함된다는 것을 뜻합니다. 게시판 글목록, 달력, 자료 표시처럼 테이블을 꼭 써야 할 부분들이 있지만, 레이아웃을 테이블로 하게 되면 장치 종속적이 되어버립니다. 일반 PC의 웹브라우저에서는 잘 보이겠지만, PDA 처럼 작은 화면을 가진 장치들에서 볼 때는 엄청난 스크롤을 해야 할 것이고 사용자의 불편을 초래하겠지요.
웹과 인터넷이 앞으로 모바일 기기로 점점 확장되어 나갈 것이라는 데 이견을 달 사람은 없을 것입니다. 이미 일어나기 시작한 일입니다. 제 블로그 우측 상단에 보면 HTML을 건드리지 않고 CSS만 바꿈으로써 모바일용 스킨과 심플 모드 스킨을 구현한 것을 볼 수 있을 것입니다. 아직까지 모바일 기기의 브라우저들이 표준에 대한 지원(link 태그의 media 속성)을 많이 하지 않아 실제로 저 스킨이 지금 당장 적용되지는 않습니다. (관련 포스트 1, 관련 포스트 2, 웹 표준의 현실성 참조)
웹의 근본 정신을 회복하고 접근성을 높이자라는 게 원래 목적이며 취지임을 아셨으면 좋겠습니다. table 레이아웃은 극히 작은 부분일 뿐이구요.
덧/ 일모리 님의 글들을 참고하세요.
웹표준의 잘못된 문구사용
테이블을 사용하는것 당연히 옵션입니다
또한 태우 님의 7월 블로그 포스트들도 참고하시기 바랍니다.
태우's log (2005/07)
덧/ 하드 코딩과 위지윅 중 어느 것이 더 나쁘다고 말할 수는 없습니다. 하지만 제대로 된 XHTML 문서 구조를 만드는 건 위지윅을 쓴다고 하더라도 하드 코딩하는 것에 비해 더 나은 결과를 얻기는 어렵다는 점이 있습니다. 위지윅을 사용하더라도 XHTML에 대한 이해가 있으면 괜찮지만, 그렇지 않고 순수하게 위지윅만 쓰게 되면 테이블 레이아웃의 함정에 빠질 수 있다는 것이지요.
특히 제가 강조하고 싶은 부분은 툴에 의해 만들어지는 겉모양이 중요한 게 아니라는 것, XHTML 문서의 의미가 무엇인지 그 내면을 볼 수 있어야 한다는 점입니다.
웹 표준에 대해 관심을 가지기 시작하면서 자연스레 테이블의 본래 의미대로 사용되지 않은 "테이블 레이아웃"에 대해 반대하게 되었다. 하지만, CSS를 제대로 활용하는 방법을 모른다면 현재로서는 테이블 레이아웃이 그나마 원하는 모양을 만들기 좋은 가장 나은 수단이다.
헌데, 불여우에서 Web Developer 확장기능을 이용해 다양한 사이트들의 Table과 Table Cells의 테두리선을 강조해 보면서 이상하게 느껴지는 것이 있었다. 테이블 레이아웃을 쓴 것까지는 그렇다 치더라도, 왜 그렇게 테이블을 많이 썼느냐 하는 점이다. 테이블을 쓰더라도 td에 (HTML 4.01까지 존재하는) cellpadding 같은 속성만 잘 쓰면 되긴 되는데(-_-) 왜 table 안에 table 안에 table 안에 table 안에... 이런 식으로 가는 건지 잘 이해가 되지 않는다.
웹에디터로 만들면 그렇게 되는 건가? 그렇지만 대개의 대형 사이트들은 웹에디터보다는 직접 코딩하는 경우가 꽤 될 텐데.. 궁금하다.
며칠 전부터 떠들썩하더니 이젠 아예 VMWare 용으로 제작된 MacOSX Tiger 이미지까지 돌고 있어 다운받아서 압축풀어서 VMWare에 넣으니 바로 돌아갈 정도가 되었군요. 물론 Native 설치한 것에 비해서 속도는 많이 느리고, 안 되는 것도 많지만 말입니다. (특히나 내 컴은 놋북이라서, 인텔 M(Centrino) 1.5 GHz...-_- 결정적으로 SSE3가 지원되지 않는다는...orz)
일단 VMWare에서 돌려보니 부팅 같은 건 잘 되는데, 시스템 메모리가 512 MB인지라 가상 머신에 256 MB 정도밖에 줄 수 없었고 당연히 느립니다. (게다가 조금만 오래 실행하면 화면에 글자들이 일부만 나오는 기현상도 벌어집니다—"Network Utilities"가 " tw rk tili "처럼 말이죠. ㄱ-)
그럼에도 불구하고 맥의 예쁜 인터페이스를 윈도와 함께 한 컴에서 볼 수 있다는 건 정말 대단한 일입니다. 불과 몇 달 전만 해도 이런 걸 누가 상상이나 했겠습니까, MacOS가 x86에서 돌아가다니.
아까부터 네트워크 설정을 잡으려고 삽질을 하고 있습니다. 분명히 시스템 정보에서는 Ethernet Adapter가 DHCP로 설정이 되어 있다고 나오는데, 막상 고정 ip로 변경하려고 네트워크 설정 부분에 들어가면 Ethernet을 선택할 수가 없게 되어 있습니다. -_- cpu 호환 문제인지, 장치 자체가 호환이 안 되는 것인지는 모르겠고, 그것만 되면 Safari에서 웹사이트 호환성 테스트를 해 볼 수 있을 텐데 아쉽군요.
그나저나 가장 많은 분들이 궁금해하는 실행속도는 별로 나쁘지 않았습니다. 작업관리자에서 VMWare의 vmx 실행 프로세스의 우선순위를 올려주면 상당히 속도가 향상됩니다. Dock의 아이콘을 클릭했을 때 위아래로 통통 튀는 정도는 대충 볼만하게 나옵니다. 창 드래그도 별로 문제 없고.. 그러나 무슨 창 하나 열거나 하려면 그게 좀 오래 걸리는군요. (System Preferences를 연다든가 말이죠)
네트워크만 되면 금상첨화겠는데.. 혹시 아시는 분은 도움 주시면 감사하겠습니다. ^^;
덧/ 말투를 평어체에서 합쇼체로 바꿔봤는데 뭔가 이상한 것 갈기도 하고.. -_-;;
어제 군대 간 형에게 면회를 갔었다. 내가 다니는 학교(대전에 있음-_-)보다 거리는 가깝지만 고속도로로 한 번에 가는 게 아니라서 시간은 오히려 더 걸린다. 게다가 요즘 한창 휴가철이고 해서 아침 8시에 일찍 출발했다.
그런데 웬걸, 집에서 떠나기 3분 전에 형에게 전화가 와서 햄버거를 먹고 싶다는 거였다. (전날 면회 간다고 연락은 했던 상태다) 그래서 온가족이 비상이 걸려서-_- 햄버거를 구하기 위해—가능하면 맛잇게 잘 하는 패스트푸드 점 것으로—난리를 쳤는데 맥도날드, 롯데리아, KFC 등등은 대부분 문여는 시간이 9시, 10시인 것 아닌가.
일단 8시 30분쯤 맥도날드 수지점에 들렀더니 문은 열려 있는데 9시는 되어야 햄버거를 해 줄 수 있다는 것이다. 그러면 분당 쪽에 들르면 딱 시간이 맞겠다 생각을 했는데, 미금역은 문 연 곳이 없었고 서현역 로데오 거리에서 맥도날드를 뒤져서 찾아갔더니 거기는 10시에 문을 연다는 것이다. OTL
결국 다시 수지로 되돌아와서(-_-;;) 가는 도중 114로 전화해 미리 주문을 시켜 놓고 바로 받아와서 다시 출발한 것이 9시 33분이었다. ㅠㅠ
형에겐 한 10시쯤 도착할 거라고 했었는데 실제 도착은 12시가 거의 다 되어서였다. (휴가 차량들이 많아지니 20분 정도 더 지연..) 그렇게 해서 아주 쌩쑈를 부려서(...) 햄버거를 같이 먹었는데, 그래도 역시 형이랑 오랜만에 얼굴도 보고 같이 먹으니까 비록 감자칩이 다 눅지긴 했어도 맛있었다.
*
우리 형은 재작년 11월에 입대하여 올 11월에 제대한다. (어제가 D-90일인가 그랬다) 포병으로 가서, 월남전에도 참전했었다는 맹호부대로 갔는데 훈련이 빡쎄서 뭐 다른 걸 걱정할 여유가 없었다(고 한다). 이제 말년 고참 다 됐으니 부대 내에서 병장 이하 서열 16위라나... 특히 병장 중에서도 분대장이라는 것을 맡게 되어 전체가 직접 참가하는 훈련만 아니면 대부분은 지시하는 정도라고 한다.
이제 정신적으로는 훨씬 편안해진 것 같고, 무박5일 훈련(5일간 잠 안 자고 하는 훈련)과 전투력측정 등 두어 가지 큰 훈련만 끝나면 제대! 마지막으로 남은 휴가를 몽땅 모아서 9월 초쯤 10일 정도의 휴가를 나온다고 하니 그때 다시 얼굴을 볼 수 있을 것이다.
자.. 그러면 내년 가을학기부터 나와 형은 같은 학년이 되는 것인가!! -_-;;;;; (나이는 4살 차이가 나는데 나는 조기졸업, 형은 재수 안 하고 대학가서 2학년 2학기때 군대갔으니 그렇게 된다) 어쨌거나, 남은 군대 생활 무사히 마치고 돌아오길 바랄 뿐이다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
라는 것을 예로 들어 보겠다.<!DOCTYPE foo [ <!ENTITY greeting "hello"> ]>
inc_presswork.php 일부분 보기
키캡은 원래 나중에 끼우는 건데.....
라고 하시길래 키캡을 따로 분리해서 받침대만 끼워봤더니.. 3분만에 복구. OTL (진작에 좀 말해 주시지ㅠㅠ)