질문있습니다

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

바벨의 기본 개념

해결된 질문

작성

217

안녕하세요, 강의듣는중 궁금한것이 있어서 질문드립니다.

1) 프롬프트상 바벨로 에러없이 변환 성공했을때, 항상 구버전 브라우저(IE11등)에서 동작하는것을 보장해주나요? ( 휴먼 코드 에러같은 것을 제외하고 )

2) 1)번과 동일선상에 질문입니다. JQuery, Vue, React의 라이브러리(Component)들을 사용하다보면, 버전업 되면서 점점 "IE11는 더이상 지원 안함"이라고 되어있더라고요, 이런것도 바벨을 돌려서 IE11에서 돌아가게 할 수 있나요??

웹팩 eslint babel nodejs

답변 3

김정환

지식공유자

아 제가 답변을 제대로 못했네요. 최신버전이 특정 브라우져를 지원하지 않을 경우 바벨 + 폴리필을 사용해서 호환되게 만들어 줄 수 있습니다. 말씀하신 내용이 맞습니다.

나는초보

질문자

안녕하세요,

말씀하신 부분중에 좀 이해가 가지않는 부분이 mobx최신버전이 ie11를 지원하지 않는다는 부분입니다.

배우기론 바벨 + 폴리필을 사용하면 구버전 브라우저 호환되게 만들어주는데

mobx도 바벨+폴리필을 돌리면 ie11에서도 지원될수있는게 아닐까하는 생각이 들어 헷갈립니다.

김정환

지식공유자

1) 바벨은 ECMAScript 상위버전을 하위 버전으로 변환하는 역할을 하는데요, 구버전 브라우져에서 이해할수 있는 코드로 변환합니다. const를 var로 변환해주는게 그 역할이죠. 그럼에도 불구하고 구버전에서 항상 돌아가는 코드를 만들려면 "폴리필"을 사용해야 합니다. 바벨 설정에는 corejs 라를 폴리필을 내부적으로 사용하고 있고요. 관련한 블로그 글도 남김니다.

https://jeonghwan-kim.github.io/series/2019/12/22/frontend-dev-env-babel.html#52-%ED%8F%B4%EB%A6%AC%ED%95%84

2) 제 기억으로는 언급해 주신 라이브러리들이 IE11을 지원했던 걸로 알고 있습니다. 대신 mobx 최신버전이 ie11을 지원하지 않는다는 문서를 본것 같아요. 그래서 최신버전을 사용하지 않고 지원하는 하위버전을 사용했던 경험이 있습니다.

인프런 커뮤니티 질문&답변

질문있습니다