Daum 에서 어제(2007년 7월 11일) 오후 4시경에 Daum 시작페이지에 CSS가 적용이 안되는 현상이 약 7분간 발생하였다.

길다면 길고 짧다면 짧은 7분 정도의 시간이었지만, 보는 사람에 따라서 많은 의견이 올라오는 것 같다.

다음(Daum), 날씨가 더워서 벗었다?
다음의 CSS naked day

다음이 벗은 김에(CSS 적용 제외), 네이버도 벗겼다.

다음이 벗었다구요? 네이버 나도 벗는다.

네이버나 다음이나 야후, 네이트 다 마찬가지 겠지만, 포털의 시작 페이지는 PV(Page View)가 몇 천만에서 억 단위까지인 페이지이다. 그냥 최소 천만 PV라고 해도 1초에 몇번이나 페이지가 로딩되어야 하는지 계산해 보면 좀 더 크게 와 닿을 것 같다. 그래서 장애에 대한 대비는 선택이 아니라 필수적이다.

그 중 웹 표준을 잘 준수한 편인 다음의 시작 페이지는, 웹 표준만 준수 한다고 해서 어제 장애가 발생하였을 때 나타났던 페이지가 되는 것은 아니다.

웹 표준을 준수 한다는 것은 그야말로 웹 표준을 지키고 있는 브라우져에서는 정상으로 보일 수 있도록 하는 하나의 가이드라고 생각한다. CSS가 적용되지 않을 때 리스트가 어떻게 보이고, 텍스트나 설명을 이미지로 만들었을때 CSS와 이미지가 나오지 않을 때는 텍스트가 보이게 하는 것은 웹 표준만 잘 지켜서 나올 수 있는 것은 아니다.

먼저, table 관련 태그보다 CSS가 적용되지 않을 경우에는 죽 나열될 수 있도록 리스트형 태그(ol, ul, li, dl, dt, dd)와 기본 태그들을 사용하는 것이 좋다. 그리고 이미지나 브라우져 별로 CSS 특성이 적용되지 않을 경우를 대비하는 부분이 필요하다. 그 예로 아래의 이미지는 Daum 시작 페이지의 윗부분의 로고가 나오는 부분인데,


이 부분에서 로고가 나오는 부분의 html 소스를 보면

<span class="logo">
	<a href="http://www.daum.net/?nil_profile=g&amp;nil_logo=daum" target="_top" title="Daum">
		<em>Daum 로고</em>
	</a>
</span>

라고 되어 있으며, 다음 로고는 아래와 같은데,

이 이미지는 img태그를 사용한 것이 아니고, class가 logo인 span태그의 백그라운드 이미지로 설정되어 있다. CSS 소스는 아래와 같다.

/* daum logo (search box left) */
.logo	{
	position:absolute;	
	top:17px;left:26px; 
	background:url(http://image.hanmail.net/hanmail/top/06_static/daum_blue.gif) no-repeat;
}
.logo a	{display:block; width:135px;height:60px;}

h1,h2,h3,h4,h5,legend,em {
	display:none; 
	font-size:12px;
	font-family:굴림,Gulim,AppleGothic,sans-serif;
}

아래와 같이 Daum 로고를

background:url(http://image.hanmail.net/hanmail/top/06_static/daum_blue.gif) no-repeat;

로 처리를 하면 CSS가 잘 적용 될때에는 img 태그를 써서 이미지를 보여주는 것과 같다.

<IMG SRC="http://image.hanmail.net/hanmail/top/06_static/daum_blue.gif">

하지만, 어제와 같은 경우에 CSS가 적용 안되는 경우에는 위와 같은 경우에는 CSS 속성인 background 가 적용이 안되고, 그 안에 display:none;(display 속성이 none이면 브라우져에서 보이지 않는다.) 으로 적용되어 있던 em 태그가 보이게 되므로, 어제와 같은 장애시에는 아래와 같은 모습으로 나타난다.
본인도 CSS 부분을 다 아는 것이 아니라 어제의 장애 대책에 대비를 전부 확인 할 수 없지만, 조그만한 부분을 신경을 써야만, 어제의 장애 시에도 스크롤만 사용하여 시작화면의 모든 링크를 다 볼 수 있도록 만들 수 있다.

그런데... 아이러니 하게도 광고에 대한 장애 대책은 없다. 장애 시에 광고에 대한 배려가 없는 것은 어떻게 보면 반갑기도 한데, 광고 담당자들의 심기는 편치는 않겠다. ㅎㅎㅎ