Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 디스트럭처링 할당
- Escape Hatches
- async
- 이터러블
- DEEPDIVE
- 클로저
- 싸피
- 브라우저의 렌더링 과정
- 모듈
- 배열
- 제너레이터
- ES6 함수의 추가 기능
- js
- Ref로 DOM 다루기
- BETA
- 프로미스
- Ref로 값 참조하기
- 비동기 프로그래밍
- Deep Dive
- rest api
- 개발 환경 구축
- REACT
- Strict Mode
- 에러 처리
- await
- 데이터 타입
- 표현식과 문
- 코어JS
- Set과 Map
- 스프레드 문법
Archives
- Today
- Total
목록개발 환경 구축 (1)
코딩을 쉽게 해보자
[Deep Dive] 49장 - Babel과 Webpack을 이용한 ES6+/ES.NEXT 개발 환경 구축
크롬, 사파리, 파이어폭스, 엣지와 같은 에버그린 브라우저의 ES6 지원율은 약 98%로 거의 대부분의 ES6 사양을 지원한다. 하지만 IE 11의 ES6 지원율은 약 11%다. 구형 브라우저에서 문제 없이 동작시키기 위한 개발 환경을 구축하는 것이 필요하다. 대부분의 프로젝트가 모듈을 사용하므로 모듈 로더도 필요하다. ES6 모듈(ESM)은 대부분의 모던 브라우저에서 사용할 수 있다. 하지만 다음과 같은 이유로 아직까지는 ESM보다는 별도의 모듈 로더를 사용하는 것이 일반적이다. IE를 포함한 구형 브라우저는 ESM 지원 X ESM을 사용하더라도 트랜스파일링이나 번들링이 필요한 것은 변함 X ESM이 아직 지원하지 않는 기능(bare import 등)이 있고 점차 해결되고는 있지만 아직 몇가지 이슈가 ..
JavaScript
2023. 2. 7. 10:06