본문 바로가기

기술창업지식

아이디어사업화 관련 주제 및 설명을 소개하는 코너 입니다.

주제

홈페이지 제작 시 크로스브라우징 코딩이란?

작성자 : zausoo 분류 : 디자인 | 절차 및 방법론 작성일 : 2018.02.28 16:28:30 조회 : 442 키워드 : 프라우져표준,크로스브라우징,홈페이지디자인,홈페이지

(요약/배경)

홈페이지 디자인에이젼시에 홈페이지디자인을 의뢰하였다. 에이젼시쪽에서 크로스브라우징을 어디까지 원하는지 물어 보았다. 크로스 브라우징이란 무엇가?


설명

(크로스브라우징이란?)

다양한 웹 브라우져들이 있다. 인터넷 익스플로러(Internet Explore), 구글의 크롬(Crome), 파이어폭스(Firefox)등이 있다. 보통 웹사이트를 제작할 때 html과 css를 사용한다. 그런데 웹 브라우저 별로 홈페이지 모습이 다르게 구현될 수 있다. 즉 크롬(crome)을 사용할 때와, IE(internet Explorer)를 통해 접속할 때 나타나는 웹사이트의 모습이 다르게 되는 것입니다. 그래서 어떤 인터넷 브라우저를 사용하던 관계없이 동일하게 구현되게 해야 하는데 이것이 바로 크로스 브라우징 (cross browsing)이다.

 

파이어폭스                   크롬             익스플로러      오페라

 

(브라우져모드 지원)

OMINC는 Internet(인터넷 익스플로러) 경우 주기적으로 버전없이 되어진다. 같은 브라우져라도 브라우져의 버전에 따라 사이트의 호환성이 달라진다. 이것은 구글의 크롬(Crome), 파이어폭스(Firefox)등도 마찬가지이다. 예로 전자상거래 결제시나 카드, 금융권사이트에서 접속 할 때 너무 상위버젼의 브라우져나 너무 오래된 하위 버전의 인터넷 익스플로러로 접속하면 사이트에서 제공하는 서비스를 이용하지 못하는 경우가 발생한다. 가급적 많은 브라우져에서 사이트의 서비스를 이용가능하게금 하는 서비스 구축을 해주는게 인터넷을 이용하는 소비자 입장에서는 원하는 바이지만 사실 지속적으로 발전하는 인터넷환경속에서 새로운 기술로 새로운 환경에서 과거의 기술과 현재의 기술을 동시에 적용하여 인터넷에 적용하기란 사실 쉽지가 않다. 그래서 인터넷을 통해 서비스를 제공하는 업체들은 가급적 새로운 기술과 새로운 브라우져에 기준을 두고 한위 한단계 아래버젼과 한단계 바로윗버젼 정도에서에서 기술이 호환되겠금 기술을 지원하고 있다.

 

(브라우져모드 지원한계)

마이크로 소프트는 2016년 1월13일부터 자사의 인터넷 익스플로러 구버전에 대해 기술 지원을 중단했다. 이에 따라 인터넷 익스플로러 구버젼(IE6 ~ IE10) 사용자는 신버전으로 업데이트 하지 않을 경우 치명적인 보안 사고를 당할 수도 있다. 하위 버전의 브라우져를 사용하는 이용자는 익스플로러11로 업그레이드 하여 사용하기를 당부한다.

 

Tip

국제 웹표준 학회에서도 각 브라우져간에 기술적 차이를 극복하고자 표준기술

을 서로 공유하면서 각기 다른 브라우져의 코딩 차이를 줄이고 있다.

 

<참고자료·문헌>

1. https://support.microsoft.com/ko-kr/help/17621/internet-explorer-downloads

익스플로러 다운사이트

2.http://www.mozilla.or.kr/

파이어폭스 사이트

3.https://www.google.com/chrome/browser/desktop/index.html

크롬사이트

 

<전문용어>

파이어폭스, 크롬, 크롬플러스, 익스플로러, 오페라