🌐 웹 브라우저 1 | 크로스브라우징 (웹 호환성)

 

 

 

 

브라우저의 주요 기능

인터넷 익스플로러, 크롬 등 우리가 사용하는 소프트웨어(앱)를 브라우저라고 한다. 

 

 

 

브라우저의 가장 핵심 기능은 사용자가 url(자원이 있는 위치, 주소)을 입력했을 때 자원(주로 HTML파일)을 서버에 요청하고 브라우저에 표시하여 사용자에게 보여주는 기능이다. 

 

 

 

 

 

 

크로스브라우징(웹 호환성)

브라우저도 인터넷 익스플로러, 파이어폭스, 사파리, 크롬 등 많은 종류가 있다. 과거에는 브라우저들이 저마다 독자적인 방법으로 브라우저를 만들어서 심각한 호환성 문제를 겪었다. (웹 서비스를 만드는데 크롬을 사용하는 유저, 인터넷 익스플로러를 사용하는 유저 등 각각의 브라우저에 맞게 웹 서비스를 만들어야 했다)

 

이 문제를 해결하기 위해 웹 표준화 기구인 W3C(World Wide Web Consortium)에서 표준을 정했다. 브라우저는 W3C에서 정한 html, css 명세에 따라 파일들을 해석해서 화면에 표시한다. 

 

내가 만든 웹 서비스를 각각의 브라우저에서 동일하게 보여지게 만드는 기법을 크로스브라우징(웹 호환성)이라 한다. 

 

예를 들어 꾸준히 웹 표준은 발전하는 한 편, 인터넷 익스플로러에서는 사용할 수 없는 경우가 많았다. 새로운 기술들이 IE에서는 작동하지 않는 것이다. 그래서 개발자들은 인터넷 익스플로러에 맞게 코드를 수정해야 했다(다행히 이제는 마이크로소프트에서는 오래된 IE를 버리고 Edge라는 새로운 브라우저를 만들었다. 그리고 2022년 6월로 IE지원을 종료한다고 공식적으로 밝혔다). 

 

 

 

기술은 계속 새로 만들어지고, 새로 도입된다. 새로운 기술을 도입하기로 마음 먹었다면 웹 호환성 체크는 필수이다. 얼마나 많은 브라우저에서 신기술이 작동되는지 체크해야 한다. 

 

 

 

아래 사이트는 웹 브라우저에서 어떠한 기술이 지원되는지 알려주는 사이트이다. 

https://caniuse.com/

Can I use... Support tables for HTML5, CSS3, etc

 

 

 

 

 

 

[참고자료]

https://d2.naver.com/helloworld/59361

https://www.youtube.com/watch?v=31MwMP4iZng 

https://lake0989.tistory.com/56

[ 생활코딩] Can I use