옥션의 HTML 주석 구문

July 15, 2008 10:37 AM

님이 서브노트북 MSI 윈드(wind)가 너무 좋다고 그래서 좀 알아보려고 옥션에 들어갔다. 물론 파이어 폭스로...

옥션 상품 페이지, 디자인이 제대로 안나오고 스크립트 구문이 노출 되어 있다. 아, 진짜 이렇게 만들기도 쉬운일이 아니다. CSS 깨지는 거야 그렇다 치고, 왜 스크립트가 줄줄 나오는지 궁금해서 코드를 열어봤다.

원인은 잘못된 주석구문 때문이었다. HTML의 주석 문법은 아래와 같이 표현된다.

<!-- HTML 주석 -->

여기서 주의할 점은 1) 앞쪽과 뒤쪽의 대쉬가 두개만 있다는 것과 2) 대쉬와 주석문 사이에 공백이 한칸씩 있다는 것, 그리고 3) 주석문 안에는 연속된 대쉬가 없어야 한다는 것이다.

옥션의 HTML 코드에는 아래과 같이 뒤쪽 구문의 대쉬를 길게 늘여쓴 것을 볼 수 있다. 아마도 눈에 잘 보이게 하려고 넣은 것 같은데 이것 때문에 주석 닫는 구문이 오류가 나서 뒷부분이 다 주석으로 처리된 것이다.

		<!-- 확대보기 레이어 END ---------------------------------------------------->

		<!-- 각종 레이어 모음 END --------------------------------------------------->
<script src="http://script.auction.co.kr/common/rvi_main.js" type="text/javascript"></script>
</div><!-- body //-->
<hr>
		<!-- Auction Footer START --------------------------------------------------->
		<script language="JavaScript" src="http://script.auction.co.kr/common/footer.js"></script>
		<!-- Auction Footer END ----------------------------------------------------->

비단 옥션 뿐만 아니라 보통 HTML 주석 가지고 그림을 그리는 사람들을 많이 볼 수 있다. 서버쪽에서는 주석이 큰 부담이 안될지 몰라도 클라이언트 쪽에서는 이것들이 다 트래픽 잡아먹는 낭비이다.

"HTML 문법 별거 있냐", "문법보다는 크로스 브라우징이나 접근성이 더 중요하다." 라고 하는 사람들도 있는데 현실적으로 그렇게 생각 할 수도 있지만 그렇다고 문법을 무시하면 안된다. 문법은 습관이고, 이런 사소한 것도 주의깊게 잘 알아두고 지켜야 나중에 원인을 알 수 없는 복잡한 문제를 해결할 수 있다.

옥션, 코드는 깔끔한듯 하면서도 지저분하고, HTML은 잘된 듯 하면서도 다 깨지고, CSS는 잘된 듯 하면서도 엄청나게 핵을 남발했고...관리의 중요성을 느낄 수 있게 해주는 사이트다. 첫술에 배부를 수 없듯이, 계속 노하우를 쌓아가서 기어가는 지마켓보다 더 좋은 사이트가 됐으면 좋겠다.

Comments

  • 지니 2008-07-15 12:07

    결국 IE를 기준으로 작업했다는 거군요.
    CSS로 디자인을 하면서도 IE를 기준으로 제작하는거 보면 도무지 이해가 안됩니다.
    공공기관 사이트들을 보면 분명히, HTML과 CSS를 분리하여 제작을 했는데,
    IE이외의 브라우저에서 깨지는 사이트들이 수두룩 하더군요. CSS로 디자인을 하는데 IE를 기준으로 제작하는게 나쁜지도, 모르는것 같습니다. CSS에 대한 이해가 부족해서 그런것인지...
    문법적인 오류가 발생해도 IE에서는 제대로 출력해 주니, 잘못됐다는걸 알 수 가 없습니다.
    파이어폭스에서 문제가 생기는 어떤 사이트는 HTML 주석문을 내부 CSS에 넣었더군요.
    국내의 파이어폭스에서 문제가 생기는 사이트들은 대부분 CSS나 HTML, JS의 문법적인 오류가 대부분이더군요.
    비표준이라서 문제가 생기는게 아니라, 기본이 안되있는거죠.

  • miriya 2008-07-15 14:07

    옥션이나 지마켓은.. 금융사이트 다음으로 큰 파이어폭스 사각지대인것 같아요.

  • 김요한 2008-07-15 14:07

    리유얼을 해도 여전한 옥션 ㅠ,.ㅠ

  • deute 2008-07-15 16:07

    ㅎㅎ 저희도 작년까지만해도 그런문제가 있었죠;;;
    인식부족이에요-_-

  • jay 2008-07-15 21:07

    놋북가격이 착하네요

  • 마음으로 찍는 사진 2008-07-18 11:07

    조금 엉뚱한 댓글이지만 MSI Wind U100 보다는 U100+를 보시는 것이 좋을 듯 합니다. 가격이 몇만원 올랐는데, 대신 배터리와 블투, 그리고 램이 업그레이드 되었어요.. :)

  • 신현석 2008-07-18 13:07

    U100+ 모델도 있었군요. 감사합니다.

  • 신현석 2008-10-03 23:10

    옥션, 이제 잘 나오네요. http://itviewpoint.com/74853 개선하면서 저사양 컴퓨터에서도 잘 사용할 수 있도록 가볍게 만들어 주세요. 옥션 화이팅!

Post a comment

:

: 공개 되지 않습니다. Gravatar를 표시 합니다.

:

: HTML 태그를 사용할 수 없습니다.