TIL 2020-12-25 (Cross Browsing)

drata313·2020년 12월 25일
0

JavaScript

목록 보기
20/23

Cross Browsing


TIL List

  • Cross Browsing 의 의미
  • Cross Browsing 이 필요한 이유

1) Cross Browsing

Cross Browsing (크로스 브라우징) 이란 웹 페이지 제작 시에 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게(호환성) 나오게 하는 작업을 말한다.


2) Cross Browsing 작업이 필요한 이유

사람들은 인터넷 세계에 접속하기 위해 브라우저 (Browser) 를 이용한다.

그리고 세상에는 많은 브라우저가 존재한다.

각 브라우저는 고유의 랜더링 엔진을 통해 작동된다.

만약 내가 Chrome 브라우저를 기반으로 한 코드를 작성했다고 가정하자.

이러한 코드들이 다른 랜더링 엔진을 가지고 있는 브라우저에서도 적용될 수 있을까?

아마 다른 브라우저들은 내가 작성한 코드들을 자신만의 언어로 해석할 것이고 결국 각기 다른 결과를 출력할 것이다.

바로 이러한 점들이 Cross Browsing 작업이 필요한 이유라고 할 수 있다.

  • 작동되지 않는 HTML5, Javascript 코드가 존재

  • 해석하지 못하는 CSS 코드 존재

  • 브라우저 버그들이 존재

  • 브라우저마다 자체적인 CSS 스타일

Internet Explorer 를 이용하던 세대들은 IE 의 새 버전이 나올 때 마다 사용자가 직접 업데이트 했던 기억이 있을 것이다.

이러한 이유 때문에 IE 가 전 세계 시장을 꽉 쥐고 있을 땐 이전 버전과 현재 버전의 다른 출력을 방지하기 위해 버전마다
크로스 브라우징을 해줘야만 했다.

(요즘 대부분의 브라우저는 자동 업데이트 방식으로 이루어져 있다)


3) 크로스 브라우징의 기반이 될 브라우저는?

우리는 같은 사이트가 각기 다른 브라우저에서 OPEN 되었을 때 각기 다른 결과가 나오는 것을 방지하게 위해
크로스 브라우징이라는 작업이 필요하다는 것을 위를 통해 알게 되었다.

그렇다면 이 크로스 브라우징의 기반이 될 브라우저는

어떻게 선정하는 것이 좋을까?

3-1. 점유율

당연히 시장의 흐름에 따라 가장 점유율이 높은 브라우저를 기반으로 크로스 브라우징 대응을 진행해야 할 것이다.

  1. 크롬

  2. 사파리

  3. 파이어폭스

...

만약 해당 사이트가 국내를 타겟으로 할 경우 국내의 브라우저 점유율을 살펴야 할 것이다.

즉, 그 정책과 타겟을 잘 살피고 진행하는것이 옳다고 할 수 있다.


4) 크로스 브라우징 작업을 지양해야 하는 경우

너무 낮은 IE 버전까지 크로스 브라우징을 하다 보면 오히려 낮은 브라우저에서 성능 저하 라는 역효과가 일어날 수 있다.

대게 낮은 IE 버전 이용자는 컴퓨터의 성능 또한 최신이 아닐 가능성이 크기 때문에 최신 버전과 동등한 작업을 하려는 것은

지양해야 한다고 할 수 있다.

profile
현상을 있는 그대로 보는 것

0개의 댓글