Notice
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 |
29 | 30 | 31 |
Tags
- 시맨틱
- tag
- wep
- 노드
- Element
- map
- CSS
- React.js
- jsx
- 키다리 개발 일지
- DoM
- 회고록
- React calculator
- scope
- javascript
- ecma
- Rendering
- 키다리의 개발일지
- 볶음밥
- vue.js
- closure
- Node.js
- web
- html
- includes
- props
- component
- ES6
- 키다리 개발자
- react
Archives
- Today
- Total
키다리 개발자
ECMA Script, 트랜스파일러, 폴리필 본문
ECMA Script
1999년 ES3이 공개될 때, 여러 웹 브라우저들의 표준이 난립하는 상황이었다.
예를 들어, Internet Explorer에서는 작동하는 기능이 Firefox에서는 동작하지 않았기 때문에
어느 브라우저를 사용하던 원활하게 동작하는 Javascript를 확보하는 것이 큰 고민이었다.
2009년부터 ES5가 공개된 후로부터는 차차 개발되어,
각 브라우저 간 호환성을 확보하기 위해 ECMA Script 표준을 구현하기 시작했다.
2015년 ES2015 (ES6) 부터는 엄청나게 많은 문법과 기능이 추가되고 구동환경이 많아졌다.
하지만 빠르게 발전하는 언어로 인해 최신 버전의 Javascript를 지원하지 않는 브라우저는 항상 존재하거나,
브라우저마다 업데이트 주기 및 지원하는 기능이 다르기 때문에 이런 문제에 대응하기 위한 도구.
바로 트랜스파일러와 폴리필이 있습니다.
트랜스 파일러 (Transpiler)
최신 버전 Javascript의 문법을 이전 버전 Javascript의 문법처럼 똑같이 동작하게끔 바꾸어 주는 도구입니다.
실제로 최신 버전으로 코딩을 한 뒤, 구형 브라우저에서도 잘 동작하도록 변환해 줄 수 있습니다.
폴리필 (Polyfill)
구형 환경에서도 여러 가지 문법과 기능을 사용할 수 있도록 똑같이 구현해 놓은
라이브러리를 폴리필(Polyfill)이라고 합니다.
예를 들면, 본인이 개발해야 하는 프로그램이 어느 정도까지의 구형 환경을 지원하는지
결정 후에, 적절한 폴리필을 프로젝트에 추가하면 됩니다.
'Javascript' 카테고리의 다른 글
객체 지향 프로그래밍이란? (Object Oriented Programming) (0) | 2020.01.25 |
---|---|
ES6 Array (filter, map, forEach, some, reduce) (0) | 2019.12.27 |
DOM의 개념, API, Rendering 이란? (0) | 2019.11.20 |
Facebook 만들기 (템플릿 문자열-Template string, 객체 배열, data model 속성 가져오기) (0) | 2019.10.24 |
Javascript (별, 왕관 찍기, 배열에 값 담기-push()) (0) | 2019.10.24 |
Comments