[WEB] Cross Browsing(크로스 브라우징)

🌐 Cross Browsing

크로스 브라우징이란 최대한 많은 종류의 웹 브라우저에서 작동하는 웹 페이지 제작 방법론이다.

이는 HTML5, CSS, JS가 W3C의 웹 표준에 따라 어느 브라우저에서도 개발자 또는 코드 작성자가 의도한 대로 나타나는 기법이다.

💥 크로스 브라우징이 필요한 이유 !
- 웹 브라우저 마다 렌더링 엔진이 다르기 때문에 모든 브라우저에서 100% 똑같지는 않음

📈 현재 브라우저 사용률 현황

[출처 : https://gs.statcounter.com]

해당 그래프를 보면 사람들이 어떤 브라우저를 많이 사용하는지 확인할 수 있다.

그래서 사람들이 많이 쓰는 브라우저들을 타켓으로 잡아서 호환성을 높이는 것을 목표로 한다.

🪄 호환성을 높이는 방법

1) Can I Use : https://caniuse.com

• 웹 브라우저에서 지원여부를 확인하는 사이트

2) Cross Browser Compatibility

• 웹 표준을 검사하는 Tool

3) 웹 브라우저에 기본으로 설정된 CSS 초기화

• 각각의 웹 브라우저마다 기본으로 설정된 CSS default 값을 모든 브라우저에서 동일하게 보이게 초기화

4) Vendor Prefix 사용

• CSS3의 속성을 브라우저들이 인식할 수 있게 해주기 위해 사용

• CSS 표준안으로 확정되지 않았거나 특정 브라우저에서만 지원되는 CSS 속성을 사용하고싶을 때, 벤더 프리픽스를 사용하면 그 기능이 포함되어 있지 않은 브라우저에서도 사용할 수 있게 해줌

* {
	-webkit- // Chrome, Safari
	-moz- // Firefox
  	-o- // Opera
  	-ms- // IE or Edge
}```