현재 회사에서 개발하고 있는 솔루션이 대부분 완성이 되고,
남는 시간에 크로스브라우징 작업과 CSS 표준화 작업을 병행하고 있다.
평소 관심두었던 부분이라 많은 것을 얻게 된다.
물론 표준을 잘 지키는 FF(FireFox) 브라우저를 설치하고, FF Plug-Ins 를 설치 한다.
KLDP 를 통해 웹 개발자들이 주로 이용하는 플러그인이 무엇인지 검색하여, 공통적으로 이용하는 플러그인들은 All-In-One Guesture, Javascript Debuger, Firebug, Web Developer, IE-View, IE-Tab 정도 였다.
물론 처음엔 어리버리 했지만, 쓰다보니 매우 편리하고, 이것들 없이는 개발이 불편하게 느껴질 정도이니...
Javascript Debuger 는 복잡해서 거의 쓰지 않고, 주로 Firebug를 이용해서 표준화작업을 진행 했는데, MS 종속적인 코드가 이렇게 많은지 몰랐다. 일단은 이것들을 먼저 수정했다.
또, IE에서는 동작하지만 FF에서 안되는 것, 반대로 FF는 되지만 IE에서는 되지 않는 것들이 있었다. Ajax in action 에서 배웠던 디자인 패턴중, 퍼사드 패턴을 적용하여 해결하였다.
그리고 W3C 에서 제공하는 CSS Validation 서비스를 이용하여 CSS를 표준화 하였다.
이 정도면, 어느정도 FF와 IE에서 문제없이 잘 동작하였다.
하지만 오늘 우연히 FF오른쪽 상단의 작은 아이콘이 보였다. Tstory 에서는 초록색 버튼이 두개가 되지만, 개발중인 AN4U 게시판은 빨간색 하나 초록색 하나 이렇게 뜨는 것이 였다.
클릭해서 보았더니 페이지 모드가, 비표준 확장 모드와 표준 확장 모드라는 차이가 있었다.
HTML 상단에 기입하는 DOCTYPE 의 태그로 브라우저가 페이지의 해석을 표준으로 할 것인지 비표준 확장으로 할 것인지 결정 짓는 것으로 유추 된다.
적당히 간단한 로그인 페이지에 이를 적용해 보니, 생각했던 것과는 확연히 틀리게 UI가 뒤엉켜 버리는 것이다. 예상 밖이였다.
몇가지 오류와 경고만이 (Firebug가) 나올 거라 예상 했건만... 이건 장난이 아니다. IE역시 테스트를 해보았지만, 확연히 틀린 화면을 돌려줄 뿐이였다.
라는 생각이 머릿속으로 스쳐가면서 대충은 볼만하도록 페이지 소스를 수정해 보았으나, 어느정도 봐줄만한 수준이 아니였다.
애초부터 표준 확장 모드 에서 작업을 해야 된다는 생각이 뇌리를 스친 것이다. 그리고, 그렇다고 해도, 표준에 맞게 디자인 하고 코딩 할 수 있다는 보장이 없다는 생각도 동시에 떠오르면서, 뭔가 다른 문서를 참조 해야 할 필요성을 느끼고, 매우 생소한 뭔가를 또 배워야만 할 것같은 생각이 든다.
그렇다면 이제, 웹 표준을 위해 다음 단계로 가야 할 길은 어디인가!
- 여기서부터는 독백 -
남는 시간에 크로스브라우징 작업과 CSS 표준화 작업을 병행하고 있다.
평소 관심두었던 부분이라 많은 것을 얻게 된다.
물론 표준을 잘 지키는 FF(FireFox) 브라우저를 설치하고, FF Plug-Ins 를 설치 한다.
KLDP 를 통해 웹 개발자들이 주로 이용하는 플러그인이 무엇인지 검색하여, 공통적으로 이용하는 플러그인들은 All-In-One Guesture, Javascript Debuger, Firebug, Web Developer, IE-View, IE-Tab 정도 였다.
물론 처음엔 어리버리 했지만, 쓰다보니 매우 편리하고, 이것들 없이는 개발이 불편하게 느껴질 정도이니...
Javascript Debuger 는 복잡해서 거의 쓰지 않고, 주로 Firebug를 이용해서 표준화작업을 진행 했는데, MS 종속적인 코드가 이렇게 많은지 몰랐다. 일단은 이것들을 먼저 수정했다.
또, IE에서는 동작하지만 FF에서 안되는 것, 반대로 FF는 되지만 IE에서는 되지 않는 것들이 있었다. Ajax in action 에서 배웠던 디자인 패턴중, 퍼사드 패턴을 적용하여 해결하였다.
그리고 W3C 에서 제공하는 CSS Validation 서비스를 이용하여 CSS를 표준화 하였다.
이 정도면, 어느정도 FF와 IE에서 문제없이 잘 동작하였다.
하지만 오늘 우연히 FF오른쪽 상단의 작은 아이콘이 보였다. Tstory 에서는 초록색 버튼이 두개가 되지만, 개발중인 AN4U 게시판은 빨간색 하나 초록색 하나 이렇게 뜨는 것이 였다.
클릭해서 보았더니 페이지 모드가, 비표준 확장 모드와 표준 확장 모드라는 차이가 있었다.
HTML 상단에 기입하는 DOCTYPE 의 태그로 브라우저가 페이지의 해석을 표준으로 할 것인지 비표준 확장으로 할 것인지 결정 짓는 것으로 유추 된다.
적당히 간단한 로그인 페이지에 이를 적용해 보니, 생각했던 것과는 확연히 틀리게 UI가 뒤엉켜 버리는 것이다. 예상 밖이였다.
몇가지 오류와 경고만이 (Firebug가) 나올 거라 예상 했건만... 이건 장난이 아니다. IE역시 테스트를 해보았지만, 확연히 틀린 화면을 돌려줄 뿐이였다.
아! 표준화란 쉽지 않은 거군... 또 다른 뭔가가 존재해...
라는 생각이 머릿속으로 스쳐가면서 대충은 볼만하도록 페이지 소스를 수정해 보았으나, 어느정도 봐줄만한 수준이 아니였다.
애초부터 표준 확장 모드 에서 작업을 해야 된다는 생각이 뇌리를 스친 것이다. 그리고, 그렇다고 해도, 표준에 맞게 디자인 하고 코딩 할 수 있다는 보장이 없다는 생각도 동시에 떠오르면서, 뭔가 다른 문서를 참조 해야 할 필요성을 느끼고, 매우 생소한 뭔가를 또 배워야만 할 것같은 생각이 든다.
그렇다면 이제, 웹 표준을 위해 다음 단계로 가야 할 길은 어디인가!
- 여기서부터는 독백 -
문득 "방탄 웹" 이라는 책 제목이 생각나면서, 이런 경우를 모두 다뤘겠지? 라는 생각이 든다.
표준화. 그리고 쉽게 접근할 수 없는 정보들. 내 정보력의 한계다.
시대가 지나면서 점점 내가 알고 있는 (단순히 이름이나 기술의 존재만 이라 하더라도) 범위를 넘어서 발전하고 있는 것이다.
그동안 다른 분야에 관심을 쏟고, 실습해볼 여력이란 앞으로 갖을 수 없는 여유였고, 그럴 수 없는 것과 한심함이 동시에 머리를 콕콕 쑤신다.
세상은 무섭게 발전하고, 한 분야만 쭉~ 쫒아 가도, 버티기 힘든 상황에 놓인 것이다. 이런 상황속에 새로이 뭔가를 찾아 보려는 내 모습이였다니 너무 한심하다.
이 정도 자극이면, 스스로 뭔가를 신속히 결정내려야 한다는 것을 안다. 그렇다고 해서 심사숙고하지 않을 수 없다.
몇번이고 이런 상황을 격을 때마다 마음은 조급해 지기만 한다.
뭘 해야 할지 모르겠지만, 생소히 다가온 것은 배울 거리 임은 틀림 없다.
일단 요넘부터 잡아 먹어 보자.
표준화. 그리고 쉽게 접근할 수 없는 정보들. 내 정보력의 한계다.
시대가 지나면서 점점 내가 알고 있는 (단순히 이름이나 기술의 존재만 이라 하더라도) 범위를 넘어서 발전하고 있는 것이다.
그동안 다른 분야에 관심을 쏟고, 실습해볼 여력이란 앞으로 갖을 수 없는 여유였고, 그럴 수 없는 것과 한심함이 동시에 머리를 콕콕 쑤신다.
세상은 무섭게 발전하고, 한 분야만 쭉~ 쫒아 가도, 버티기 힘든 상황에 놓인 것이다. 이런 상황속에 새로이 뭔가를 찾아 보려는 내 모습이였다니 너무 한심하다.
이 정도 자극이면, 스스로 뭔가를 신속히 결정내려야 한다는 것을 안다. 그렇다고 해서 심사숙고하지 않을 수 없다.
몇번이고 이런 상황을 격을 때마다 마음은 조급해 지기만 한다.
뭘 해야 할지 모르겠지만, 생소히 다가온 것은 배울 거리 임은 틀림 없다.
일단 요넘부터 잡아 먹어 보자.
