fetch api polyfill 적용 방법

fetch API는 아직까진 비교적 최신 기능에 속합니다.

 따라서 아직 지원되지 않는 브라우저를 사용자가 사용하는 경우 fetch가 동작하지 않을 수 있습니다. 

can I use 라는 웹사이트에서 지원되지 않는 브라우저가 무엇 무엇이 있는지 알아볼 수 있는데,

fetch를 검색하니까 의외로 많은 브라우저들이 fetch를 지원하지 않는다고 나오네요.(빨간 표시가 지원하지 않는다는 뜻)

이런 문제점을 해결하기 위해 지원하지 않는 브라우저에도 fetch api를 사용할 수 있게 만드는 것이 'pollyfill' 입니다.

polyfill을 이용하면 fetch API를 지원하지 않는 웹브라우저에서도 이용할 수 있습니다. 지원되지 않는 브라우저에서 코드가 실행되면 polyfill 이 활성화되서 대신 동작하게 됩니다. 

fetch pollyfill 코드는 그냥 크롬에다 검색하시면 바로 github에서 제공하는 코드가 뜹니다.

저 중에서 fetch.js가 pollyfill코드입니다.  zip파일로 다운 받아도 되고, 복사해서 붙여넣어도 됩니다.

이렇게  fetch.js라고 js소스파일이 있는데, 온전한지 이상없나 확인해주시고,

본인이 적용하고 싶은 소스파일의 head부분에다가  스크립트 태그에 주소를 적용해서 

pollyfill(경로)파일명을 적어주시면 적용 끝 입니다. 되게 간단합니다.

저는 같은 경로에 저장해놨기 때문에 그냥 fetch.js라고 이름만 적으면 됩니다.

이렇게 하면 문제없이 fetch를 지원 안하는 브라우저에서도 

본인이 pollfill을 적용시킨 fetch로 이루어진 웹사이트는 정상적으로 작동이 될 것 입니다.