The Sentientist.

최근에 다양한, 그리고 새로운 - 기존 웹의 한계를 열어줄 것 같은 - 수많은 웹 관련 기술들이 등장하고, 사장되고, 업그레이드 되고 있다. 정말 웹 서비스를 기획하고 개발하는 사람들은 처음에 어떤 기술을 통해서 만들어야 할 지 고민할 정도로 많은 프레임워크와 많은 개념들이 등장하고 있는데, 이런 것들이 관련 종사자들에게 일종의 큰 부작용을 주고 있는 것 같다.

다름 아닌 바로 "기술 만능 주의" 혹은 "기술 우월 주의" 같은 느낌의 것들이다.
정말 이건 사다리를 놓고도 어디다가 써야 할 지 모르는 사람들을 보는 것 같은 느낌이 들기에 충분한데, 요새 들어 그런 사람들이 점점 눈에 많이 띄는 것 같다. 물론 그 중에 올바른 방향으로 길을 잡은 사람들도 많겠지만...11번가를 개발자의 관점에서 보았을 때, 이만한 규모의 프로젝트를 진행한 개발/기획자들이 이 정도라면 사실 우리나라 웹 관련 종사자들의 퀄리티 향상은 아직 멀고도 멀은 것 같은 느낌이다.

물론 지금 이런 서문에 상당히 기분 나빠할 사람들이 많을 것이다.
나름대로 조목조목 11번가를 까 보겠다.
전반적으로 기술적인 부분을 통해 깔 예정이므로 관심분야가 아닌 분들은 그냥 이 포스트 무시하셔도 좋다.

일단 까기 전에 본인 경력에 대해서 간단히 소개한다. 별거 아니라서 작게 쓴다.
2003~2007년까지 다양한 웹 개발 경력
2006년부터는 윈도우/모바일(WIPI) 어플리케이션 프로젝트 다수
2007년부터는 검색엔진 개발 회사로 이직하여 현재 연구원으로써 각종 모듈 및 관련 프로그램 개발

웹표준을 준수하려 노력한 11번가

요새 새로 연 웹 사이트를 접하게 되면 제일 먼저 하는 짓거리 중 하나가 바로 Firefox 상에서 Web Developer Toolbar를 통하여 CSS 를 벗겨보는 짓인데(여기서 처음 알고, 따라하고 있음), 11번가 사이트를 보고 CSS를 벗겨보니, 나름 웹 표준과 웹 접근성을 지키려 노력한 흔적이 아주 많이 보였다. 맥에서 봐도 어느정도 사이트가 심하게 깨지는 일도 없었던 것으로 알고 있다. 그래, 왜 이런 뻘짓을 했나?

기분 나쁜가?
본인이 아주 좋아하는 정찬명님의 블로그 : 나라디자인에서 웹 표준이 무엇인지 한 번 알아보라.
(솔직히 우리나라에서 웹 표준 운운하면서 이 분 블로그 모르면 간첩이라고 생각한다.)

먼저 알아두어야 할 것은, 웹 표준이란 어떠한 강제성을 띄는 것이 절대 아니며 단순히 W3C 를 통한 권고안일 뿐이다. 물론 웹 표준을 지켜서 득이 되는 경우는 굉장히 많으나 11번가의 경우에는 그냥 단순히 "대세는 웹 표준이니까" 혹은 "웹 표준이 가오가 살아서" 라던지 "앞선 기술이니까" 따위의 생각으로 마크업 문서를 작성한 것 같다. 왜냐고?

결제하려면 ActiveX 를 설치해야 하기 때문이다.

진정 웹 표준을 준수하기 위해서는 사파리에서도 결제가 되어야 하고 오페라에서도 결제가 되어야 하며 FireFox 에서도 결제가 되어야 할 것이고 그 외 본인이 모르는 수많은 웹 브라우져에서 모두 상품 쇼핑부터 결제까지 이루어져야 할 것이다. 하지만 결제창에 달린 ActiveX 하나로 인하여 11번가는 오로지 Internet Explorer 용 쇼핑몰이 될 수 밖에 없는 현실이다. 우리나라에 ActiveX 없이 결제 대행해주는 업체가 없다고? 당연히 있다. 이니시스나 다날같은곳이 워낙 유명해서 그렇지 ActiveX 설치 없이 결제를 대행해주는 신뢰있는 업체가 아주 당연하게 있다.

아니 도대체 IE 에서만 돌아가는 쇼핑몰을 만들려고 뭐하러 저런 앞선 기술을 도입하였나? 지금 열심히 웹 표준이라는게 우리나라 IT 시장에 도입되고 있긴 하지만, 여전히 웹 표준 기술은 극히 소수의 사이트에만 적용되어 있는 상황이고, 따라서 웹 표준을 준수하는 HTML 문서를 퍼블리싱 할 줄 아는 웹 퍼블리셔의 경우 상대적으로 숫자도 적고, 그들의 페이도 높을 수 밖에 없다. 만일 웹 표준 퍼블리싱을 할 줄 모르는 사람을 불러다 놓고 11번가 개발에 착수했다면 이건 더 뻘짓이다. 그만큼 프로젝트가 지연되었을 것이 뻔하기 때문이다.

일단 나라디자인에서 발췌한 웹 표준 코딩의 장점을 꼽아보자.


웹 표준 코딩의 장점이 이렇게 많음에도 불구하고 11번가의 경우 웹 표준 코딩을 통하여 얻을 수 있는 이익을 전혀 얻어내지 못하고 있다. 더욱 자세하게 하나씩 짚어보도록 하자.

1) 웹 표준 방식의 CSS Layout은 콘텐트가 논리적으로 선형화 됩니다.
일단 이건 패스.

2) CSS Layout은 Table for Layout에 비하여 파일의 용량을 50% 이상 절감해 줍니다.
이것의 장점은 크게 두 가지이다.
먼저 용량이 줄어들게 되므로 웹서버 트래픽을 줄일 수 있고, 클라이언트 브라우저에서 렌더링해야 할 코드의 양이 줄어들게 되므로 좀 더 가벼운 웹 서핑이 가능해지는 것 정도이다.

11번가의 소스를 보자. 분명 웹 표준 코딩을 통하여 HTML 의 양은 줄었을 것이다. 하지만 자바스크립트로 완전히 떡칠이 되어 있다. 많은 웹 개발자들이 엄청나게 착각하고 있는 사실이 있는데, Ajax 와 각종 화려한 기술들로 HTML 한계를 넘어설 수 있을 거라는 것은 정말 큰 오산이다. 이 엄청난 자바스크립트 코드들로 인해서 11번가 메인페이지의 경우 IEXPLORE.EXE 파일의 메모리 점유율은 무려 80메가를 넘어선다. 상품 상세페이지를 가게 되면 메모리 점유율은 140메가를 훌쩍 뛰어넘는다.

아마 수많은 레이어와 플래쉬들이 그 원흉이 아닐까 짐작되는데, 이 개발자들은 웹 표준이나 Ajax 같은것에는 관심이 있을지 몰라도 메모리 누수나 브라우저의 스트레스에 대해서는 아무 관심이 없는 것인가? 이럴거면 뭣하러 그렇게 웹 표준을 지키려 인적 물적 낭비를 했나? 돈이 썩어 넘치는 것인가? 아니면 기획자나 개발자들이 단순히 자기들 새로운 공부 좀 해보겠다고 만든 사이트의 결과물일 뿐인 것인가?

3) 사람이나 로봇(컴퓨터)이 이해하기 쉬운 구조가 됩니다.
11번가에서 이것은 말할 가치도 없다. 구글 웹로봇이 쇼핑데이터를 긁어갈 일도 없고, 긁어봤자 딱히 도움이 되지도 않을 뿐더러, 11번가에서 봇돌이들에게 긁게 해줄 것 같지도 않다.

4) 유지보수가 쉬워지고 유지보수 비용을 절감시켜 줍니다.
이건 웹 표준의 좋은 장점인데 그렇다고 11번가하고 이거하고 무슨 상관이 있는지 모르겠다. 쇼핑몰의 경우 디자인이나 사이트 레이아웃이 자주 바뀌는 편도 아니고 한 번 바뀔때는 보통 머리부터 발끝까지 싹 리뉴얼하는게 보통이다. 근데 뭔놈의 유지보수. 그리고 눈썰미 있는 웹 퍼블리셔라면 (본인 경험상) 사실 웹표준으로 코딩하던 안하던 유지보수하는데 크게 리소스 차이가 나지도 않는다.

5) 웹 접근성 문제는 웹 표준만 지키면 90% 이상 해결 됩니다.
이것도 말할 가치 없음. 어차피 결제 안되는데 웹 표준 지켜서 뭐하리.

즉 한마디로 요약하자면,
웹 표준 코딩을 하기 위해서 분명히 좀 더 많은 인적, 물적 자원이 투입되었을 것이 분명한데,
결과적으로 SKT 는 헛돈/헛시간/헛사람만 쓴 꼴이라는게 주된 내용.

웹 표준이 뭔지, 그리고 웹 표준을 왜 지켜야 하는지에 대한 이유를 모르는 11번가

위에서 이렇게 깠다고 해서 본인을 웹 표준에 대해서 부정적으로 보는 사람이라고 생각하진 말기 바란다. 웹 표준이나 다양한 웹 관련 기술들이 새로 탄생하는 것은 서비스 사용자 입장에서나 서비스 개발자의 커리어 향상을 위해서나 한국 IT 기술 발전을 위해서나 모두에게 득이 된다. 하지만 적어도 내가 이 기술을 왜 써야 하는지에 대한 최소한의 검토도 없이 무작정 기술을 쓰는 것은 이런 무지막지한 괴물 사이트를 만들어낼 뿐이다.

웹 표준 백날 지켜도 결제 시스템에서 빵꾸를 내면 뭣하러 웹 표준을 지키는가?
웹 표준 백날 지켜도 시스템에 부하가 걸려 이용자가 외면하면 뭣하러 웹 표준을 지키는가?

기업은 학원이 아니다. 그리고 기술을 자랑하기 위해서 프로젝트를 진행하는 것도 아니다. 웹 표준을 지킨다고 지마켓 파워셀러들이 넘어오나? RIA 니 Flex 니 이런 기술들을 쓴다고 유저들이 미친듯이 몰려오나? 이건 정말 어리석은 기술 우월주의 생각이다. 11번가를 만든 기획자들 머리속에 대충 어떤 생각이 들어있는지 짐작은 간다. 새로운 기술들을 막 집어넣으면 사람들이 호기심에 막 몰려오겠지? 웃기지 말길. 새로운 것에 관심을 갖는 유저들은 전체의 1% 도 안될 것이다. 거의 대다수의 유저들은 오히려 보수적인 편에 속한다. 만일 11번가가 진정 성공을 거두기 위해서는 지마켓이나 옥션과 최대한 비슷한, 아니 베꼈다고 욕먹을 지라도 똑같은 인터페이스를 유지하여 이용자들로 하여금 익숙한 느낌으로 쇼핑을 할 수 있도록 도와주었어야 했다. 머저리 찐따같은 스트리트 뷰니 뭐니 이따위거 만들 시간에.

분명한 것은,
사람이 기술을 따라오는 것이 아니라 사람들의 새로운 욕구로 인하여 새로운 기술이 창조되는 것이다.

예전에 싸이월드 C2 때도 기획자들의 뻘생각으로 한 번 아작이 나고, 얼마 전엔 모 유명 웹 2.0 블로그에서 "이거 하면 뜬다" 식의 이상한 뻘글을 올리더니 이번엔 SKT 에서 뻘짓을 한다.하나같이 유명한 기업, 유명한 블로거, 유명한 기업인데 왜 이런 헛짓거리들을 해서 보는 사람으로 하여금 실망감만 들게 하는지 도무지 모르겠다.

그들에게 던지는 마지막 혹평

IT 프로젝트에는 수많은 파트들이 존재하고 이들의 협업을 통하여 이런 결과물이 나왔을 것이다. 이중 디자이너가 이런 컨셉을 요구하였는지, 아니면 개발자인지, PM인지, 기획자인지, DBA 인지는 모르겠다. 하지만 분명한 것은, 11번가를 이렇게 만든 사람은 진정 고객을 위해서 이렇게 개발을 한 것이라기 보다는 자신의 지적 허영심을 충족하기 위해 만든 결과물일 뿐이라는 의심이 강하게 든다.

결론

결국 본인이 깐 것은 11번가의 어처구니 없는 행태 - 바로 '웹 표준을 HTML 부분에 한해서만 준수한' 부분이다. 웹 표준...사실 이 글을 읽으면서 다르게 생각하는 분들도 엄청나게 많을테고 물론 내가 펼쳐나가는 논리에 문제점이 있다고 생각하는 분들도 물론 있을 것이다. 하지만 분명한 것은, 정찬명님이 말씀하시는 것 처럼 웹 표준은 권고안이며, 강제성을 띄는 것이 아닌 소수의 권리를 존중할 수 있는 기업의 '도덕적 의무' 를 알릴 수 있는 한 표현수단이 될 수 있다는 점이다.

결국  위의 이유가 아니라면 기업이, 특히 쇼핑몰이 웹 표준을 준수해야 할 의무나 당위성 같은 부분은 전혀 없다. 하지만 11번가는 분명히 웹 표준을 준수하기 위한 노력을 한 흔적이 보이며, 웹 표준을 IE 6.0, 7.0 상에서 준수하기 위해서는 웹 퍼블리셔들이 상당히 고통스러운 시간을 보내야 한다는 사실을 우리는 잘 알고 있다. 해당 브라우저들의 CSS 렌더링 엔진이 W3C 권고안을 따르지 않는 문제점을 가지고 때문이다. 그럼 그렇게 고생을 했다면 그런 수고로움이 빛을 발해야 할 텐데 전혀 우리에게 다가오지 않는 이유는 결과적으로 프로젝트의 머리 꼬리의 아다리가 맞지 않다는 뜻이 된다.

즉 웹 표준을 준수하는 척 하면서 결제창을 ActiveX 로 봉인한 처사는, 웹 표준에 대해서 제대로 이해하지 못했다는 반증이 되며, 허울만 좋은, 최신 기술만 다 가져다가 뒤집어 씌운 것 뿐이라는 결론이 나오는 것이다. 아니, 오히려 차라리 IE 환경이 아닌 곳에서 사이트가 왕창 깨진다면 그냥 애시당초 포기하고 IE 로 쇼핑을 하겠는데, 이건 뭐 신나게 쇼핑하면서 장바구니에 다 담아놓고 결제하려 보니 안되는 상황이 닥치는 꼴이니 더 악질이라고도 볼 수도 있겠다.

본인이 만일 이런 프로젝트의 담당 PM 이라면,
죽어도 ActiveX 사용 결제 대행 업체를 배제하는 입장을 상부에 관철시키던가,
오히려 IE 외 브라우저를 이용하는 사람들에게는 철저히 양해를 구하여 IE 접속을 권장한 후에 IE 전용 마크업 랭귀지를 써서 더 재미있는 사이트를 만들고자 생각해 볼 것이다.

물론 본인이 오해하고 있을 수도 있다. 추후에 IE 외 브라우저를 통한 쇼핑이 가능하게 할 것이라고.
하지만 아닌 것 같다. FF 로 들어와도 결제창까지 가서 배송지 다 쳐 넣고 결제하기 눌렀을 때 결제가 안된다는 것을 깨닫고 있기 때문이다. (만일 본인이 오해한 것이 맞다면 얼른 결제창 예외처리를 하던가!!)

프로젝트를 진행하는 사람들이 이렇게나 소비자의 마음을 몰라준다는 것이 개발자의 눈에 개발적인 요소를 봐도 이렇게 눈에 띄는데, 도대체 이 서비스가 얼마나 성공할 수 있을지 도무지 확신이 서질 않는구나.