[코딩일기] 호환성 vs 최신 기능

호환성 vs 최신 자바스크립트 기능

Javascript로 코딩 할 때, 전적으로 호환성 고려해야 할까,

최신식 멋드러진 기능을 사용해야 할까?

 

이런 고민에 대한 가이드라인

---

1. 주요 브라우저에서 동작하는가

주요 브라우저는 MS Edge, Chrome, Firefox, Safari

 

2. 모든 모바일 브라우저에서 동작하는가

모바일 사파리, 크롬, 파이어폭스, 웹뷰 안드로이드, 삼성 인터넷

 

3. 주요 기능에 사용되는가 혹은 그저 있으면 좋은 정도의 기능인가

주요 기능이면 호환성을, 후자인 경우는 최신 기능으로 코딩

 

4. polyfills로 지원되는가

새 기능 혹은 API가 이 전 기능보다 훨씬 더 두드러지는 이점을 제공하지만 호환성에 문제가 있고, polyfills가 이 문제를 해결해 준다면 브라우저가 완벽히 지원할 때 까지 polyfills를 이용해서 사용

 

 

참조

https://vanillajsguides.com/