웹표준
웹표준 웹표준을 바라보는 세가지 관점이 있다.

우선 브라우저. 만약 W3C의 스팩이 브라우저가 어떻게 랜더링해야 하는가를 완벽하게 정의하고 있고, 브라우저는 그 표준에 맞게 웹문서를 표현하고 있다면, 코딩이야 어떻게 했더라도 웹사이트의 모양새가 동일해야 한다. 안타깝게도 현실은 그렇지 않다. 크로스플랫폼의 문제는 개발자의 탓이라기 보다 W3C와 MS, 모질라와 같은 플랫폼 담당자에게 원천적인 책임이 있다. 이 경우 개발자는 웹표준을 무시한 것이 아니라, 크로스브라우징을 고려하지 않았다는 표현이 더 정확하고, 브라우저간의 이 미묘한 차이를 보정하기 위해서 오늘도 야근 중일 개발자들에게는 비난보다는 연민이 필요하다.

그 다음은 코딩. 시멘틱 웹이라는 말이있다. 시멘틱은 우리말로 '의미론적'이라는 뜻이다. 다시말해, 의미론적으로 올바른 웹사이트를 만들자는 취지이다. 테이블 대신에 레이아웃은 div로 목록은 li로 만들자는 것이다. 웹페이지는 세가지 구성요소를 가지고 있다. 컨텐츠와 컨텐츠의 성격을 정의하는 메타데이터, 컨텐츠의 모양새를 정의하는 스타일이다. HTML은 메타데이터, CSS은 스타일에 해당한다. 이렇게 메타데이터와 스타일을 구분하는 이유는 무엇보다도, HTML을 해석가능한 데이터로 만들기 위해서다. 이렇게 되면, 인간 뿐 아니라, 기계도 문서를 이해할 수 있게 된다. 예를들어 문서내에 중요한 정보를 강조할 때 헤드라인(h1~6)를 쓸 수도 있고, <span sytle="font-weight:bold;font-size:24px">을 이용할 수도 있다. 어느 편이 건 인간은 그 의미를 이해할 수 있다. 하지만, 기계는 가시광선으로 사리를 분별하는 것이 아니라, 메타데이터를 통해 파악한다. 이 경우 헤드라인을 사용하면 <h1>으로 묶인 부분은 제목이고, 다른 부분보다 중요한 정보로 이해된다. 특히, 검색엔진에게 이 정보는 중요하다. 또, 시각장애인들이 컴퓨터를 이용할 때 사용하는 장치도 시멘틱웹의 도움을 받을 수 있다. 이를테면 헤드라인으로 명기된 부분을 읽어줄 때 한박자 쉬면서 좀 더 크게 읽어줄 수 있다.  그런 점에서 웹표준을 준수한다는 것은 개발자가 할 수 있는 최상의 휴머니즘 중의 하나다. 개발자들이 분발해야 할 부분이다.

마지막으로 ActiveX. ActiveX의 무분별한 사용은 사이트 접근성을 저하시킨다. ActiveX를 사용할 수 없는 시스템에서는 웹사이트를 이용할 수 없기 때문이다. 특히, 핵심 UI나 아이템이 ActiveX라면 비난받아 마땅하다. 하지만, 문제는 좀 복잡하다. 지금의 HTML로는 변화하는 시대를 수용하는데 한계가 있기 때문이다. 이것은 표준이 가진 일반적인 딜레마인데, 표준은 기본적으로 기술의 질서정연한 발전을 지향하지만, 과도한 질서는 혁신의 장애가 될 수도 있다. 예를들어, 소리나, 동영상을 재생한다거나, 실험적이고 진보적인 UI를 제공하려고 할 때는 아무래도 플러그인(ActiveX와 같은)이 필요하다. 결국 논리적으로는 모순되는 결론에 도달하게 되는데, 개발자 입장에서는 무비판적인 플러그인의 사용을 자제해야 할 것이고, 플러그인의 입장에서는 크로스플랫폼을 지원하는데 최선을 다해야 할 것이다.

ie8이 나왔다. 여기저기서 탄식이 흘러나온다. 호환성에 대한 짜증 때문이다. 또 한편에서는 MS를 조롱한다. 지지부진한 웹표준의 채택 때문이다. 이것이 MS의 초라한 현실이다. 이것은 스스로 자초한 것이다. MS는 네스케이프가 사라지자 ie6을 끝으로 브라우저 팀을 해체한다. 무료 소프트웨어인 ie를 더 이상 개발할 이유가 없어진 것이다. 독점의 추한 생얼이 드러나는 순간이었다. 그러다 파이어폭스가 등장하면서 모든 것이 달라졌다. 파이어폭스는 폭발적인 인기를 얻었다. 부라부라 MS는 팀을 재조직하고 ie7을 내놓는다. 얼마전에는 구글이 세상에서 가장 빠른 크롬을 발표했고, 다시 애플은 그 보다 더 빠른 사파리 4를 출시했다. 그리고 ie8까지 숨가쁜 브라우저 대전이 다시 시작됐다. 이것은 흡사 90년대 중반 네스케이프와 MS의 각박한 브라우저 전쟁의 데자뷰 같지만 질적으로 다르다. 그 중심에 웹표준이 있기 때문이다. 웹표준은 MS와 네스케이프 간의 브라워저 전쟁의 후유증으로 시작된 운동이다. 신기술의 난립은 개발자들의 분노를 자아냈고, 웹표준이라는 형태의 운동으로 발전해서 W3C와 브라우저 벤더들, 그리고 웹에디터 개발사에 뚜렸한 영향을 미쳤다. 그 소중한 결실을 보고 있는 것이다. 모든 브라우저가 웹표준을 준수한다면 개발자들은 크로스브라우징 때문에 개고생을 하지 않아도 되고, 이용자들은 마음에 드는 브라우저로 갈아타면 된다. 경쟁은 다시 시작되고, 그 결과는 우리 모두가 공유하게 된다.


사족. 웹표준이 논쟁적인 사안이 된 것은 브라우저 전쟁의 후유증과 이에 대한 반성을 모태로 하고 있기 때문일지도 모르겠다. 흡사 반전운동의 성격도 느껴진다. 말 자체도 문제다. 나 역시 이 글에서 웹표준을 다양한 용도로 혼용하고 있다. 그것은 크로스브라우징을 말할 때도 있고, 시멘텍 웹을 이야기할 때도 있으며, W3C의 스팩의 말할 때도 있다. 그것의 역사를 말할 때는 일련의 운동(movement)로도 언급된다. 어떤 이들은 웹표준과 웹2.0을 혼동할 때도 있고, 웹2.0에 대해서 아냐고 물어보면 div를 이야기 할 때도 있다. 언어적인 모호성은 서로 다른 곳을 바라보게 한다. 아쉬운 부분이고 이해는 하지만, 좀 릴렉스 했으면 좋겠다. 각박하고, 조급하게 다툴일은 아닌 것 같다.


    + web 2.0


2009/03/23 14:52

태그 :
RSS | 한RSS | 구글리더
트랙백 :: http://egoing.net/trackback/1064
Tracked from miriya's me2DAY 2009/03/24 01:30 x
제목 : 미리야의 느낌
egoing 님의 웹표준에 대한 정리글 역시 짱이심.
Tracked from blog/Draco 2009/03/26 00:20 x
제목 : 오픈웹, 패소후 분노?
오픈웹은 우리나라 웹사이트들이 MS윈도와 IE에만 맞춰져 있는것을 개선하자는 운동을 하는 사이트입니다.참고 : http://ko.wikipedia.org/wiki/오픈웹얼마전에는 금결원에 금융결제 시스템에 파이어폭스도 호환 가능케 해달라는 소송을 걸었었습니다만, 패소했습니다. 그리고 항소를 했으나, 오늘 다시 패소했습니다.패소가 발표된 후 얼마후, 오픈웹 사이트는 다음과 같이 바뀌었습니다.클로즈드 웹? 오픈웹의 반대말? 혹은 사이트가 닫혔다?운영하...
Tracked from 하이컨셉 & 하이터치 2009/03/30 20:51 x
제목 : 웹 3.0, 시맨틱 웹, 그리고 마케팅의 상관관계
Picture from Flickr by VoIPman 다음의 새로운 전략인 "다음 뷰"에 대한 글을 쓰면서, 다시 한번 시맨틱 웹과 웹 3.0과 관련한 비즈니스 이슈에 대해서 생각을 해 보았습니다. 다음의 새로운 웹 플랫폼이 될 "다음 뷰"에 대한 포스팅은 아래 링크를 참고하시 바랍니다. 연관글: 2009/03/20 - '다음 뷰', 블로거뉴스가 차세대 웹 플랫폼으로 변신 결국 현재의 웹 환경의 다음 단계, 흔히들 웹 3.0 으로 이야기하는 차세대..
Tracked from 몽상연구소™ 2009/04/26 16:21 x
제목 : 오픈웹에 대한 오해
"2차 대전 이후, 기업계는 정부와 긴밀한 협조관계를 유지하면서 보조금을 얻어내며 비용과 위험을 사회화해야 할 필요성을 깨닫게 되었다. 퍼뜩 떠오른 방법이 에너지부, 원자력위원회, 항공우주국을 포함한 '펜타곤 시스템'이었는데, 이런 공적 지원체제가 2차 대전 이후 미국 경제의 핵심을 이끌어온 주체가 되었다. ……. 컴퓨터는 공공의 비용으로 공공발의로 개발된 것이다. 컴퓨터가 개발되던 단계였던 1950년대, 그 비용은 전적으로 공공이 부담했다. 인터넷..
Tracked from minoci's me2DAY 2009/08/10 06:51 x
제목 : 민노씨의 생각
오랜만에 다시 읽는 좋은 글. 강추. “웹표준을 준수한다는 것은 개발자가 할 수 있는 최상의 휴머니즘 중의 하나다.” (글 중에서)RT egoing님: 웹표준 http://egoing.net/1064
Tracked from mooozi's me2DAY 2009/09/23 16:41 x
제목 : mooo의 생각
웹표준
Tracked from 테스팅 히치하이커를 위한 안내서 2009/09/23 16:46 x
제목 : 오픈웹 논란에 대한 단상..
이 글은 김기창 교수님의 '한국 웹의 불편한 진실'을 읽은 후 개인적인 생각에 관한 글입니다. 오픈 웹 운동이 있습니다. 김기창 교수님은 법정까지 가셨죠.. 이 사건에 대한 반대 여론도 만만치 않습니다. 논란의 진실은 혼미하기 이를데가 없습니다. 누가 진실을 말하는 것인지, 어디까지가 거짓인지 일반인은 판단하기 무척 어려운 실정입니다. 어떤 분에게는 왜 이런 것이 논란이 되는지조차 이해가 가지 않기도 합니다. 많은 부분의 논란의 가운데에는 액티브 엑..
Q 2009/03/23 17:02 L R X
웹표준에 대해 더 이해할 수 있게 되었네요. 감사합니다.
H3같은 태그들은 좀 꺼리고 있었는데, 앞으로는 좀 더 적극적으로 사용해야겠습니다.
egoing 2009/03/24 00:16 L X
xhtml에서는 스팩에서 제외된 것으로 기억합니다. 참고하세요 ^^
A2 2009/03/23 18:13 L R X
시멘틱웹 정말 중요하지요.
egoing 2009/03/24 00:16 L X
예 정말 중요합니다.
염산맛황산 2009/03/23 18:47 L R X
당췌 누가 시작한지 모르겠는
'웹표준 = 크로스브라우징' 이라는 잘못된 사고가 만연한 중에
오랜만에 재밌는 글 보고 갑니다.
앞으로도 좋은글 많이 써주세요
egoing 2009/03/24 00:17 L X
재미있게 봐주셔서 고맙습니다. ^^
Joo 2009/03/23 21:54 L R X
생각해보니 그게 맞네요. 웹표준을 지키지 않은 것이 아니라 크로스 브라우징을 고려하지 않은거네요. ㅎ
그렇지만 가만히 생각해보면 웹표준에 맞춰 페이지를 제작하면... 그래도 내용을 볼 수 없는 브라우저가 생기지는 않습니다. ㅎ 두 개념이 다르나, 결과에서는 비슷하니 사람들이 혼동하는 것이겠죠.
좋은 글 잘 읽었습니다.
egoing 2009/03/24 00:19 L X
이 미묘한 차이가 분란의 원인 중의 하나지요. 언제가 웹표준과 크로스브라우징이 하나가 되서 이 말 자체가 소멸되는 때가 오기를 바랍니다. 그 때오 시멘틱 웹과 같은 이슈는 있겠지만, 지금처럼 눌러붙어서 악다구니쓰게 되는 상황은 많이 해소 되겠지요.
민노씨 2009/03/24 09:21 L R X
오랜만에 그래도 좀 긴 글이네요. : )
(반가워서...ㅎㅎ)
egoing 2009/03/24 12:00 L X
힘들었습니다. ㅋㅋ
앵~ 2009/03/24 11:11 L R X
웹 서비스를 하고 있다고 하면서 저조차 웹표준과 크로스브라우징을 같다고 여기고 있었는데요.
땀방울이 흐르네요 ^^;;
egoing 2009/03/24 12:02 L X
아쉬운 부분입니다만, 언어라는 것이 사회성과 역사성을 가지고 있는 것이기 때문에 두가지가 혼용되고 있는 것도 어찌보면 용법인 것 같습니다. 둘 사이의 차이를 주의깊게 들어야 한다는 어려움이 청자에게 위임된다는 것이 불편한 것이겠습니다만...
ghost 2009/03/24 13:48 L R X
흠 웹표준이라고 할만한 부분에는 표현(CSS) 의미(HTML) 동작(?애매하긴한데 DOM with script) 이 있습니다. 언급하신 부분에서 CSS HTML은 언급되셨는데 언제 DOM쪽도 언급해보삼 ㅎㅎㅎ DOM쪽은 요즘 브라우저는 getElement~~ 이런식으로 표준권고안을 충실히 지키고 있습니다. 다만 언제나 했깔리고 표준에도 모호하게 적용된게.. dom event 모델이라는거 브라우저마다 확연히 구현 방식이 틀리더군요. 이런 부분도 신경을 써야 할 듯 합니다. 참고로 CSS쪽은 박스모델만 잘 이해해도 반은 먹고 가더군요 ㅎㅎㅎ 박스모델 , quirk mode 이런거로 검색해보면 재밌는 브라우저의 역사에 대해서 확인해보실수 있으실듯
egoing 2009/03/25 10:27 L X
좋은 지적입니다. DOM 중요하지요. 그 부분에 대한 언급은 ghost님에게 토스 합니다.
ghost 2009/03/25 12:42 L X
저는 A4 용지 3분지 1도 채우기 버겁습니다. 알잔아요 한국말 잘 못하는거......
미라클김 2009/03/24 22:36 L R X
와 길지만 재밌네요~ 잘읽었습니다^^
egoing 2009/03/25 10:29 L X
재미있으셨다니 다행이내요 :)
북곽 2009/03/29 14:08 L R X
이쪽에는 문외한인데도 불구하고 쉽게 읽었습니다, 몇몇 전문용어를 몰라도요^^
egoing 2009/03/30 13:43 L X
감사합니다. 별 볼 일 없는 글입니다. :)
이현국 2009/03/31 02:33 L R X
안녕하세요- 좋은 글 잘 읽었습니다.
글을 읽다가 본문에 오해를 불러일으킬 수 있는 부분이 있어서요.

예를들어 문서내에 중요한 정보를 강조할 때 헤드라인(h1~6)를 쓸 수도 있고, <span sytle="font-weight:bold;font-size:24px">을 이용할 수도 있다.

중요한 정보를 강조할 때 사용하는 태그는 em 또는 strong 입니다. 본문에 나오는 것처럼 h는 제목에 사용됩니다. '제목'과 '중요한'은 다릅니다. 제목은 제목의 하위 컨텐츠의 내용을 함축적으로 담아내는 문장(혹은 단어)이니까요-
egoing 2009/03/31 09:25 L X
그렇게 생각하실 수도 있겠내요. :)
민노씨 2009/08/10 06:41 L R X
트위터에 소개하셨길래..
오랜만에 다시 읽습니다. :)
역시나 참 좋은 글이네요.

추.
사소한 독자로서의 바람을 전하자면, 저처럼 과문한 독자들을 위해 좀더 대중적인 언어로 풀어주셨으면 더 빛나는 글이 되지 않았을까 싶습니다. ^ ^;
egoing 2009/08/12 01:15 L X
그러게요. 그럴께요 :)

아이디 :
비밀번호 :
홈페이지 :
  비밀글로 등록
내용 :
 


[PREV] [1] ... [192][193][194][195][196][197][198][199][200] ... [518] [NEXT]
RSS | 방명록 | 트위터