특정기능이 브라우저에 지원이 되는가? 확인방법 (feat.polyfill)

can I use 로 들어가보면 됩니다.

caniuse.com/

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

예를들어서 fetch라는 기능을 검색해보았습니다.

빨간색은 지원하지 않는다는 뜻이고, 95.42%는 얼마나 많이 지원이 되는지 보여주는 것입니다.

 

이렇게 지원되지 않는 브라우저를 보게된다면, 고민을 해야하는 부분이 있습니다.

이를 해결하기 위해서 "fetch api polyfill"이라고 구글링하고 맨위에 검색어에 나온 github에 들어가 봅니다.

 

github.com/github/fetch

github/fetch

우선 polyfill이 무엇인지 부터 보는것이 좋습니다. 웹은 한 기업이 만드는것이 아니라, 공공재 이기 때문에 여러 위원회가 꾸려져서 미래에는 어떤기술이 필요하다고 박터지게 싸워서 거기서 결정이 되는것입니다. 그래서 이러한 일이 있기 때문에 특정기술이 특정 브라우저에서 사용이 안될수도 있게 되는겁니다. 하지만 과거의 브라우저를 사용하는 사람들도 그 기능을 사용할 수 있게 해주는것이 polyfill이라고 하는겁니다.

 

이것을 사용하는 방법은 examples에서 html에 사용되는것을 구경한 다음에 Download ZIP으로 해서 자신의 해당 디렉터리에 파일을 넣어줍니다.