[Cross Browsing] 크로스 브라우징이란...????

크로스 브라우징[Cross Browsing] 이란...

html / css / javascript 작성시 W3C의 web standard(웹규격)에 맞는 코딩을 해서 브라우저나 기기마다 

사이트가 동일하게 보여지고 작동하도록 하는 것을 말한다.

웹 표준을 지킨다고 흔히 말하는데...웹 표준이란 존재 하지 않는다고 한다.

웹표준이란 말을 항상 사용하고 있어서 그런줄만 알았는데 아니라니..... 웹규격이 맞는 표현인데..

다들 웹표준이라하니 그냥 그러려니..하고 넘어가자..

사실 처음 일을 시작하고 제일 처음 듣고 맨붕이 왔던 단어가  "크로스 브라우징" 이다..

처음 일을 시작하는데 크로우 브라우징 잘 되도록 코딩을 해야 한다는데 무슨 소리인가 첫 날 부터 맨붕이 왔었다.

(크로스브라우징이란 단어를 이날 처음 들어봤다.)

별거 아닌것 같으면서도 어렵고 귀찮고 짜증나는 작업이다.

쉽게 말하면 5대 브라우저에 작업하는 사이트가 동일하게 보이고 동일하게 작동해야 한다는 것이다.

(5대브라우저 : 인터넷 익스플로러, 크롬, 오페라, 파이어폭스, 사파리)...사파리 망해라~~!!!

특히 익스플로러와 사파리가 맞추기 가장 힘든거 같다.

익스플로러는 버전마다 지원여부가 다르기 때문에 더욱 까다롭다.

그래도 요즘은 대부분 IE9 버전 까지 맞추는 추세인것 같아서 다행지만 간혹 IE7, IE8 까지 맞춰줘야 하는 경우도 있다고 한다.

IE 하위 버전 맞추는 방법은 여러가지가 있다. 

＃ 크로스 브라우징을 위해 도움이 되는 방법..

1. 초기화 CSS 사용

대표적으로 reset.css / normalize.css 가 있다..

둘 중 원하는것 하나만 사용하면 된다. 

개인적으론 reset.css를 선호...이 중에서도 내가 필요한것만 뽑아서 사용중이다.

2. Can I Use 사이트 이용.

사용하고자 하는 css나 script를 넣고 검색하면 브라우저 종류 별로 / 버전 별로 작동 여부를 알려준다.

https://caniuse.com/

사용법도 간단하다. 검색창에 사용하고자하는 코드를 넣고 검색하면 된다.

이 정도만 하면 크로스 브라우징의 기초 작업은 될것 같다.

더 필요하고 더 중요한것들이 있지만 이번엔 개념만 잡고 가자.