tao.log :: DHTML 개발시 브라우저별 차이점을 어떻게 다루어야하는가?

DHTML 개발시 브라우저별 차이점을 어떻게 다루어야하는가?

개발 : 2007/04/01 03:21

OpenLaszlo blog에 DHTML을 개발할 때 브라우저 별 차이점을 어떻게 다루어야 할지에 대한 코드 레벨의 기술적인 내용을 담고 있는 아주 유용한 글이 올라왔군요.
*링크: How we deal with browser quirks, with a compendium of IE 7 issues

간단히 요약해보면 직접 브라우저 체크(Browser Detection)를 되도록이면 하지 말고 가능한한 문제점을 체크(Quirk Detection)하라는 예기내요.

즉, isIE라고 체크하지말고 inner_html_strips_newlines 라는 식으로 각 문제점별로 체크하라는 말인듯합니다~

이렇게 하지말고

if (browser.name == 'Safari' && browser.version < 1.5) {

        ....
}

이렇게 하라는 겁니다.

if (this.quirks.invisible_parent_image_sizing_fix) {
        ....
}

제가 보기에도 아주 깔금하고 좋아보이네요^^.

글에 언급되어있지만 하나의 추상 레이어가 추가되다보니 걷어내기도 좋고 on/off 하기도 좋으며 매번 브라우저 체크를 하지 않으니 더 빠르기도 하고 거기다가 변수명 자체가 브라우저별 차이점(browser quirks) 에 대한 문서화가 될수있으며 여러 브라우저가 같은 문제를 가질경우 쉽게 추가도 가능하네요.

후... 눈앞에 제가 남발한 브라우저 체크 코드가 날아다니는군요 ㅋㅋ
조금만 더 생각했더라면 이렇게 할수 있는데 말이죠... -0-;;
(과연 할수 있었을까요 ㅋㅋ)