창조유저그룹-커즈닷컴

LIST ALL

Posted by 김길남

2007-02-19 00:40:27, Hit : 2555

웹 표준에 대한 정의 카피 해봅니다.

Homepage : http://infomasi.com

Post URL : http://cugz.sjworks.net/bbs/zboard.php?id=freeboard&no=3502

웹표준에 대해서 이런저런 자료를 보다가 어떤 싸이트 메가진 같은데서 나름데로 정의 한 내용이 있어 여기에 카피 해봅니다.
마침 디자인에 관한 시각도 이렇게 보고 있겠구나 하는 짐작이 드는 정의 이네요.

"본래 목적에 맞는 태그를 사용함으로써, 그리고 컨텐츠(Contents)와 디자인(Style)을 분리하여 자신의 사이트에 최적화된 페이지를 생산해 내는 것."

암튼 이렇게 정의 하고 분리 함으로서 여러매채 (브라우저도 하나에 매채로 ..) 에 다각도로 유기적인 대응 할 수 있는 웹을 만들 수 있다는 커다란 장점이자 큰 목적이기도 하겠구요,,

그러나 실제 기법들은 차음 익혀 간다 하지만
그전에 여전히 뭔가가 답답하다는 느낌을 지울 수 가 없네요.

그것이 무엇인가 ...

강정훈 2007-02-19 AM 1:10:46


웹표준이 뭐죠? 전 홈페이지 만들면서 웹표준 신경 안쓰는데... 컴퓨터 손상 가지 안는 한도 에서.........브라우져를 예기 하는건가? 무엇이죠?

김길남 2007-02-19 AM 1:50:11


우리가 보고 있는 웹페이지가 표현되는 방법이 그냥 방치 하면 무질서 해지니까 개발자도 힘들고 사용자도 불편해지는 것을 방지하기 위해 표준을 만들고 이를 권고하는 국제적으로 인정하는 단체가 있나봐요,,그 단체 이름든 W3C 이구요,, 한편 이러한 웹표준에 대한 강력한 대두는 익스플로어의 독점에대한 개발자님들의 강력한 반발에서 실질적인 가동력을 지니는 특성도 있는듯 합니다. 최근 "웹2.0"과 함께 중요한 화두로 급부상 하고 있으며 이번 비스타 발표이후 문제의 엑티브엑스 때문에 표준화 문제가 파장이 더할듯 합니다.

지상현 2007-02-19 AM 3:27:12


여러 매체란건 화면/프린터, 같은 화면도 윈도나 리눅스 같은 여러 플랫폼, 같은 윈도라도 Windows Mobile 같은 다른 기계... 뭐 웹 표준을 지키면 이런 여러 매체에서 동일하게 표현할 수 있습니다.

김길남 2007-02-19 AM 7:45:00


여러매채에 같은 표현도 중요한 목적이겠지만. 각 매채별로 다른 표현도 가능하다는점이 더 장점으로 느껴지네요,, 즉..CSS를 통해 "컨텐츠와 디자인의 분리" 함으로서 이를 실현한다는 이야기 이구요.. 이때 이 정의는 디자인을 "장식" 정도로 취급함을 알수 있는데. 웹표준을 선두하는 웹페이지들이 그래픽이 없는 이유를 말해 주기도 합니다.

박종훈 2007-02-19 AM 8:36:59


어흑; 저는 정확한 정의는 모르지만;; 그냥 쉽게 말하자면_-; W3C의 웹표준 권고안을 지키는 것이고. 더 들어가자면, 뭐, CSS나오고, 접근성 나오고.. 저는 이렇게 생각하는^^;; 이 댓글위의 대한 저의 생각입니다. 웹표준을 선두하는 웹페이지들이 그래픽이 없는 이유를 말해준다고 하셨는데요. 음, 저는 이 생각과는 조금 다른데;; [컨텐츠와 디자인의 분리]란 말은, 그래픽을 없엔다는 뜻보다는.. 분리시키므로써, 일단은 관리가 쉽다라는 의미가 있겠고, 더 들어가면, CSS가 지원되지 않는 환경에서도 디자인없이, 원래 컨텐츠를 사용해서 내용을 판별하는 데에는 지장이 없다라고 생각합니다. 꼭 화려한 것만이 그래픽이다 디자인이다 라고 생각하지 않습니다. 저는, 깔끔하고 단순한 것도 디자인이라고 생각하는데^^; http://www.csszengarden.com/?cssfile=/185/185.css&page=2 이 사이트에 대해서 어떡해 생각하시나요? 이 사이트는 CSS만으로 장식한 사이트입니다. [물론 배경이미지 등등이 쓰여겠지만;;;] http://www.csszengarden.com/?cssfile=/182/182.css&page=2 이것도 단순하지도 않고 화려하지도 않군요. http://www.csszengarden.com/?cssfile=/181/181.css&page=2 여성미가 물씬나는 사이트 같은데^^;; 위의 사이트들은 하나같이 공통점이 있습니다. ※웹표준을 완벽하게 준수합니다. 제가 검사를 해보니, 대부분이 XHTML 1.0 Strict를 준수하더군요. Strict는, 엄격하다는 의미라고 네이버 사전이 그러던데;;;; ※디자인과 컨텐츠의 분리를 실현시켰습니다. FF브라우저의 부가기능[확장기능]중에, 웹개발자를 위한 확장기능이 있어서 설치해봤는데요, 그래서 위의 사이트 들에대한 CSS를 비활성화시켜봤습니다. 그렇다면, 여기서!.. 디자인과 컨텐츠중에서 디자인이라는 요소가 빠지게 되는거죠. 그렇다면 남는것은? 컨텐츠. 실제로 해보니 보기에는 다소 거북한 그런것이었지만, 내용을 이해하는 데에는 전혀 문제가 없었습니다. CSS를 사용한 디자인은, 사용하는 웹개발자에 따라 달라질수 있으며, CSS를 사용해서 디자인이라는 요소를 분리한다면, 나중에 관리또한 쉬워질 것이다. 그 뿐만 아니라 불가피한상황[CSS를 사용할수 없거나..]에서 켄텐츠[내용]을 이해하는 데에있어서 아무런 지장이 없다. 그러므로 여러 접근성은 자연히 상승하게 될것이다!! ActiveX는, 이전에 지상현님인가?^^ 말씀하셨듯이 여러 대안이 있을텐데.. 비스타 발표로 분주해지는 웹관련 사람들은, 웹표준을 지키지 못한 사람들이다-_; 그런데, 그런 사람들이.. 대부분 우리 대한민국 웹관리자 들이니 원;; 아참, 제 홈페이지도 이번에 웹표준에 맞추어서 리뉴얼을 했는데;; 제가 실력이 없어서ㅜ 아주 깔끔한 페이지가 되버린;;;; 그리고, [실용예제로 배우는 웹표준]이라는 책을 써낸, [댄 씨더홈]이라는 사람은, 미국인가? 암튼 유명한 잡지회사인 패스트컴퍼니라는 잡지회사의 홈페이지를 웹표준과 CSS의 장점을 살려서 리뉴얼을 했다고 하는데요. http://www.fastcompany.com/

박종훈 2007-02-19 AM 8:37:43


그리고, 지상현님께서 말씀해주셨던^^.. 여러 매체가 제가 방금 이야기한, 불가피한상황에 속합니다.

박종훈 2007-02-19 AM 8:50:14


암튼, 웹표준은 좋은거구요^^; [컨텐츠(Contents)와 디자인(Style)을 분리]라는 말은, 제 생각에는 디자인을 부가요소로 취급하기 보다는, 말 그대로 분리하는 거라고 생각합니다. 제가 방금 네이버 사전에서 검색해본 결과, 북한말이지만; 분리라는 뜻이 [전체적 체계의 부분을 이루는 이치.]라고 나와있더군요. 암튼, [컨텐츠(Contents)와 디자인(Style)을 분리]라는 말에서 분리라는 뜻은, 부가적인 뜻도 있겠지만 그보다 더 중요한 의미가 있는듯합니다. 어떻게 설명하기가 좀^^;; 컨텐츠따로! 디자인따로! 라면.. 디자인이라는 요소를 사용할수 없을때, [앞서 말한 불가피한 상황.] 컨텐츠라는 요소를 고대로 살아있으므로!.. 내용을 이해하는 데에는 아무런 지장이 없고요. 단순하게 표시된다는 것 외에는 ^^; 디자인요소가 빠졌으니. 리눅스를 생각하시면 되겠군요. 리눅스 GUI환경은, X-Window라는 것이 더해져서 GUI환경을 이룬다고 하는데요. [아닌가;;] 여기서, X-Window가 빠지면, 일반 터미널[콘솔, CUI]환경이 되겠죠. 여기서의 불가피한 상황이라면 컴퓨터가 하도 꼬져서; 혹은 하드웨어등의 이유로, X-Window가 작동하지 않을때이겠죠?^^ 그렇다고, 리눅스를 사용할수 없는건 아니잖아요. 사실 리눅스는 원래가, CUI환경이었고요, 여기서 X-Window가 빠진다고해서 리눅스를 못 사용하는건 아닙니다. 다만, 일부 제약이 있겠지만요^^; [컨텐츠(Contents)와 디자인(Style)을 분리]라는 의미는, 쉽게 말하면, 컨텐츠와 디자인을 분리했으니까, 디자인이라는 요소가 없어도 분리가 되어있으니 컨텐츠를 사용하는데에는 아무런 지장이 없다.라고 생각합니다. 정말 관심이 있으시다면^^ 관련 도서를 구입하시는 것도 괜찮겠군요^^.. [에어콘출판사]의 도서중에, 좋은게 많더군요^^..

박종훈 2007-02-19 AM 8:53:27


오해하는 것중 일부가.. 웹표준 지키면 홈페이지의 디자인이 꼬져_-; 웹표준 지키면 괜히 시간만 돼따많이 들어_-; 웹표준 지키면 나중에 돈말 돼따 많이 들어_-; 과연 그럴까요_-;;; 웹표준을 지켜도 위의 사례와 같은 사이트가 있고요. 시간은 현재만 많이 드는 것이지, 나중에 관리하는 시간을 따진다면야 별거아니죠; 컨텐츠와 디자인이 분리되지 않아서, 그거 수정하는 시간을 따진다면;; 나중에 웹표준을 지키면 돈이 많이 드는 것은, 웹표준을 지키지 않았을적에 나중에 관리 비용을 생각하면;;

박종훈 2007-02-19 AM 10:20:55


아니, 그런데^^; 웹표준이 정말 흥미있는^^ㅋ 김길남님의 그 창조에서 보여주셨던 열정이라면! 분명히 웹표준을 준수한 사이트를 제작하실 가능성이 아주 높은^^..

박종훈 2007-02-19 AM 10:24:33


이런;; 제가 아까 달았던 댓글중에;; [에어콘출판사]가 아니라-_-;;; 무슨 에어콘이라;; 휘쎈도 아니고;; [에이콘출판사]로 정정합니다 하핫^^;;

김길남 2007-02-19 PM 12:21:30


디자인과 컨텐츠를 분리 하면 효율적이라는점은 경험에서 절실하게 느껴지는 바였던터라 카피해온 정의가 마음에 들어서 카피 해왔습니다. 그러나 이 방법이 파폭에서 되는지 않되는지. 네스케이프에서 되는지 않되는지는 저에게는 따지지 말자는 선택적인 결론을 가지고 임했습니다. 왜냐 하면 그것까지 생각하면 안그래도 딸리는 기술과 정보에서 정신적으로나 시간적, 기술적인 여유가 없기 때문이였습니다. 웹표준의 가장 매력포인트는 저는 관리성이라고 이라고 보는 이유 이기도 합니다. 아마도 저에게,,, 웹표준안 만드는 회사 문지기 할래,,,마이크로소프트사 문지기 할래,,,라고 물어 본다면. 당연 표준안 만드는 회사에 손을 들었을 것입니다. 그리고 오래전에 이 표준안을 단어모방한 기획도 하나 가지고 있습니다. 문제의 그래픽, 또는 디자인 이라는 것에 관한것인데요. 다 설명하자니 힘들고 그냥 극단적인 표현을 해봅니다. 기상청 홈페이지를 만든다고 합시다. 1.프로그래머 적인(?) 기획 오늘에 날씨 15도. 맑음 내일의 날씨 16도. 맑음+ 으로 알려줍니다. (매우 구글광고스럽지요?) 2.디자인적인 기획. 비가오면 모니터에 습기가 차는 모양을 표현 날씨가 추우면 모니터가 어는 형상 으로 알려줍니다. 이때 2번 기획이 장식인가요? 보여지는 그래픽이 있어도 그만 없어도 그만 일까요? (여기서 웹표준을 지키면 2번 기획이 불가 하다는것은 아님) 제가 디자인을 빗데어 이야기 하고자 하는 총제적인 것은 좋은 프로그램은 어디에서 나오는가..스스로 질문 하다보니 그리고 실제로 어떻게 작용하는가 등을 알아보기 위한 것입니다. 시간이나 글재주가 많다면 논리적으로 쎃을텐데,, 사실 내용을 쎃다가 오버 하는듯 해서 지우고 하다보니,,, 그냥 두루 이해 바랍니다~ 그리고 박종훈님이 이야기하는 콘텐츠와 디자인분리에 관한 그 문장의 뜻은 이해 했습니다, 만약 겔러리 게시판이라면 사진은 그래픽이지만 컨텐츠에 해당 되겠지요. 다만 그 정의를 내릴때 "디자인" 이라는 용어선택과 일반적인 웹표준 리더분들에 홈페이지의 특성,,, 그리고 프로그래머의 특징들이 일치 되는바가 있어서 .... 어째든 디자인과 스타일과는 다름을 인지 합시다^^ 이미 알고 계시겠지만서도요,,

지상현 2007-02-19 PM 12:26:07


김길남// 동일하게 표현하는 것도 가능한데, 다르게 표현하는 것도 가능합니다. 매체별로 따로 지정할 수 있어요. 따로 안하면 일치되는거죠.

지상현 2007-02-19 PM 12:29:53


웹표준을 선두하는 웹페이지들이 그래픽이 없는 이유를 말해 주기도 합니다. 이 부분을 잘 모르겠네요. 어느 사이트를 가보셨는진 모르겠는데, 웹 표준 준수하는 사이트들도 이미지 많이 사용합니다. (이미지가 비표준도 아닌데...) DHTML도 꽤 사용하고요. 구체적으로 어느 사이트가 이미지도 안쓰고 초라하게(?) 표준을 지키는지 제시해주셨으면...

지상현 2007-02-19 PM 12:33:29


그나저나, 위 댓글에서 예로 드신 1번, 2번은 왜 굳이 따로 나눈건지 모르겠습니다. 저 같으면 둘 다 만들 것 같네요. 기상 정보 같은 것은 사람이 보기도 하는 거지만, 예를 들어 시각 장애인이 볼 경우 접근성이 떨어집니다. 그럴 때를 위해 텍스트로 된 정보도 반드시 넣어줘야겠죠. 텍스트로 되어 있으면 TTS를 이용할 수가 있을 테니까요. 예로 드신 1번, 2번 중에서 어느 쪽이 더 좋다고 할 수 없다고 생각합니다. 둘 다 상황에 따라 적절히 필요합니다.

정성우 2007-02-19 PM 1:15:36


일단 웹 표준은, 준수하기만 하면 넷스케이프든 파이어폭스든 IE든 '일반적으로' 같게 보여준다고 보장하는 뜻이 되니까, 웹 표준만 잘 지키면 다른 브라우저에 대해선 크게 상관할 일이 비표준보다는 없죠... 그리고 김길남 님의 디자인 이야기는, 지상현 님 말씀처럼 상황에 따라서 올바른 것을 선택하는 것이 좋겠다고 생각합니다. 속도를 생각한다면 그냥 텍스트 찌익 나오는 게 좋겠고, 많은 사람들이 알기 쉽게 보거나 이용하려면 디자인도 고려하고 ^^

박종훈 2007-02-19 PM 1:27:55


이미지와 텍스트모두 사용하면 되겠네요~ 이미지의 경우에는, alt 속성으로;;

변혁수 2007-02-19 PM 2:20:37


정성우 // 웹 표준 준수가 타 브라우저간 동일하게 보여짐을 뜻하지는 않습니다. 실제로도 그렇지 않구요. 안타까운 현실이죠.

김길남 2007-02-19 PM 3:17:54


예로든 1 번과 2번의 나눈 이유는 프로그램을 만드는 총체적인것을 설명하기 위한것입니다. 위 예제에서 결록적으로 목적, 환경, 등에 의한 적절한 선택또는 조화를 이루면 된다는것을 누가 모를까요... 아마도 설명이 부족한 탓일텐데요. 이미지 안쓰고 텍스트만 쓰겠다는것도 디자인 입니다. 그리고 저 개인적으로는 알아보지도 못하는 작은 글씨라든가 읽을것 같지도 않은 텍스트도 디자인적인 중요한 요소로 생각합니다. 초라하게 웹표준을 지킨다는것은 아니구요 그래픽을 장식적인 요소로 생각하는 그러한 관점, 멀리서 예를 들 필요도 없습니다. 현제 페이지에 있는 구굴 광고를 보면 되니까요. 구글에 저런식에 광고는 구굴에 중요한 정책이기도 하겠지요. 그리고 사용자는 알아서 또 각자 나름에 판단을 할것이구요. (구굴광고로 웹표준 전체를 이야기 하는것이 아님니다) 좋은프로그램을 만들어 가야만 하는 제작자로서 지녀야할 총제적인 것을 검토 하고자 함입니다. 아마도 이러한 문제는 이론보다 실제적인데서 더 구체적으로 직면할 것입니다.

박종훈 2007-02-19 PM 4:04:06


변혁수님의 말씀에 절대 공감합니다ㅠ 특히 쓸어먹을 IE란;; 웹표준만 있으면 뭐합니까!ㅜ 웹브라우저에 대한 표준이 나왔으면 하는;;;

김길남 2007-02-19 PM 4:28:02


아마도 힘들지도 모릅니다. 언어를 통일 시킵시다. 당연 한국어로 이지요,, 아님 좀 양보해서 우간다어로 ... 영어를 배우느라고 지출하는 시간과 비용이 저는 어찌나 아까운지.. 외국어 교육프로그램 보면 저는 사이비 종교집단이 연상되서 소름이 돋습니다. 또 식당에서 밥먹다가 이번에 겨울스포츠 유치에 관한 실사단 뉴스를 식당에서 봤는데,, 긍정적으로 부분을 이야기 하면서 그 이유를 훌륭한 영어구사를 포함한 프리젠테이션을 꼽더군요,, 그 이야기를 듣고 저는 왜 자존심이 은근히 상할까요,,,

박종훈 2007-02-19 PM 5:53:20


지금, 관련문서들의 언어가 영어로되어있는 것을 이야기 하시는 건가요? [아니면 웹브라우저에 대한 표준에 관한 이야기 인가?^^;;]

김길남 2007-02-19 PM 6:05:00


ㅎㅎ 박종훈님 제가 또 헷갈리게 해드렸네요,, 그냥 농담으로 우리가 사용하다는 언어 있지요? 문자와 말요,,, 그것을 한국어로 통일 시키자는 이야기 였어요,,,