도영스 공간
[항해99] 2주차 WIL [ ES5/ES6 문법 차이] 본문
이번 WIL 키워드 !
👉JavaScript의 ES란?, ES5/ES6 문법 차이
우선 자바스크립트의 ES란 ??
ES는 ECMA Script의 약자
자바스크립트는 1990년대 Netscape 회사의 Brendan Eich 라는 사람에 의해 최초 개발되었다. 자바스크립트가 잘 되자, MS에서 Jscript라는 언어를 개발해 IE에 탑재하였는데, 이 두 스크립트가 너무 제각각이라, 표준이 필요하게 되었다..
표준을 위해 자바스크립트를 ECMA(European Computer Manufactures Association)라는 정보와 통신시스템의 비영리 표준 기구에 제출하였고 표준에 대한 작업을 ECMA-262란 이름으로 1996년 11월에 시작해 1997년 6월에 채택되었다.
ES5는 ECMA Script5의 규격을 따른다고 생각하면 된다.
현재는 👉 ES6 ECMA Script6의 규격을 따르고 있다.
즉 ECMA 스크립트는 규격, 표준 즉, 스펙을 말한다.
1️⃣ ES5문법
1. 배열과 관련해서 새로운 메소드들이 생겼는데 대표적으로 forEach, map, filter, reduce, some, every와 같은 메소드가 생김.
이 메소드들은 개발자가 반복 횟수나 조건을 잘못 입력하는 등의 실수를 줄여주는 효과 있음.
2. object에 대한 getter/setter 지원
3. 자바스크립트 strict 모드 지원(더욱 세심하게 문법 검사)
4. JSON 지원(과거에는 XML을 사용하다가, json이 뜨면서 지원)
5. bind() 메소드가 생겼습니다. (this를 강제로 bind 시켜주는 메소드)
2️⃣ ES6문법
1. let, const 키워드 추가
2. arrow 문법 지원
3. iterator / generator 추가
4. module import / export 추가
5. Promise 도입 ( Callback Hell을 해결해 줄 기법이 추가 되었습니다.)
6. Default, Rest 파라미터
7. 해체 할당, Spread 연산자
8. 템플릿 리터럴
9. 호이스팅이 사라진 것 같은 효과
10. 함수 단위 스코프에서 블록 단위 스코프로 변경
11. 화살표 함수를 사용
블로그에서 위 내용을 거의 긁어왔다 !
자바스크립트에서 ES6버전으로 배워서 ES5버전은 잘 몰랐었는데, 찾아보고 정리하니 이런게 있었구나 !
깨닫는 시간을 가지게 되었다.
이렇게 또 한주가 흘렀다. 알고리즘 공부할때에는 엄청나게 졸음이 몰려왔다.
때마침 코로나도 걸린탓에 .. 🥱 더 졸렸던 느낌이다.
이제 앞으로 주특기를 3주간 배워갈텐데 .. 제발 내가 이해를 잘 하고 또 잘 응용하기를 바랄뿐이다.
리액트 뷰 스벨트 .. 모두 잘하고싶지만 !
우선 리액트 먼저 마스터를 하자 !!! 포기하고 싶어지는 순간들이 있지만, 그때마다 할 수 있다라고 나에게 용기를 불어넣어주고 있다.
한주 버텼으니 이제 또 충전하고 버틸 시간이다 !!
공부를 12시간 넘게 하니까 체력이 부족한 느낌이어서 오늘은 집에서 홈트해보려고 한다. (코로나로 오늘까지 격리해야된다. 이미 다 나았는데 말이죠..)
6월에 있을 결혼식을 위해 청첩장 돌리러 다녀야되는데 ,,
코로나나 걸리고 😤
건강을 위해 운동하면서 공부 해야겠다.
WIL을 쓰고 있는 지금도 약간 졸리다...
오늘은 여기까지 TIL 로 매일매일 내가 오늘 공부한 것 정리하니까 ..
WIL엔 특별히 쓸 게 없넹 ㅎㅎ
참고블로그: https://usefultoknow.tistory.com/entry/ECMA-SCript란-ES란
'WIL > 2022 WIL' 카테고리의 다른 글
[항해99] 8주차 WIL [실전프로젝트] (0) | 2022.05.01 |
---|---|
[항해99] 6주차 WIL [첫 협업] (1) | 2022.04.17 |
[항해99] 5주차 WIL [Axios] (3) | 2022.04.10 |
[항해99] 4주차 WIL [라이프사이클(클래스형 vs 함수형), react hooks] (0) | 2022.04.03 |
[항해99] 3주차 WIL [DOM/ 서버리스] (2) | 2022.03.27 |