[잡글]카카오 데이터 센터 화재 당시 'Daum 다음' 메인 페이지 코드까봄

SK C&C 데이터 센터 화재가 났을때, 나는 스터디 카페에서 티스토리 개발 포스팅 중이었다 (티스토리는 카카오의 자회사이다)

일시적 오류인줄 알았으나, 생각보다 영향력이 컸던 바로 그사건

https://terms.naver.com/entry.naver?docId=6636183&cid=43667&categoryId=43667 

SK C&C 데이터센터 화재(2022)

https://www.kakaocorp.com/page/detail/9814?lang=KOR 

데이터센터 화재로 인한 카카오 대표 대국민 사과문

사건 당시 캡쳐했던 다음 홈페이지이다

 

흥미로웠던 점은 보통 h1~h3정도 사용하는걸로 알고있었는데, 개발자 도구로 코드를 까보니 h4가 있었다

ir(image-replace) 기법인 screen_out인걸 보면 안보이게 숨겨둔 텍스트인데

쇼핑몰 리스트인걸 나타내기 위해 h4 태그를 썼다는게 시멘틱하다고 생각했다

 

보는김에 tab으로 어떤 부분부터 이동하는지 처음부터 끝까지 확인해 보았다

이렇게 자세히 본적이 없어서 몰랐는데 웹접근성에 관한 페이지가 있었다

 

https://focus.daum.net/daum/pc/accessibility.html

Daum 첫화면 웹 접근성 안내

 

무려 시각장애인 사용자 안내가 있는걸 보고 기분이 좋아졌다

그런데 어차피 스크린리더로 이동하게 할거라면 이 접근성안내 페이지를 조금 더 위쪽 구석에 놓아도 되지않을까?

혹은 푸터에서 제일 첫번째로 오게 한다는지 하는 생각이 들어서 건의했다

 

 

아무튼, 다시 화재당시 다음 페이지로 돌아가서!

아래 광고 리스트를 보면 list-style : none 처리가 안된게 왠지 재밌었다

그리고 리스트를 잘보면 크게 3목록으로 나뉜뒤 세부 리스트가 나열되어 있는 데,

원래는 어떤 모습이었길래 3구역으로 리스트가 나뉘어져 있는지 궁금했다

 

복구된 다음 홈페이지는 이러하다

이런 궁금증이 생겼다

다 리스트로 하되 반응형 효과를 주면 알아서 간격에 맞추어 리스트를 나열할 수 있지 않을까?!

 

아무튼 다음 측에서 받은 답변

 

그렇다고 한다

데이터 센터 화재부터 였나... 카카오의 연이은 악재가 소액주주로서 안타까울 따름이다

힘을 내 카카오...!