ES6 주요 문법 정리 (2) let/const, Iterators, Generators, Unicode, Modules
지난번 글에서는 ES6문법이 무엇이고 왜 사용하는지에 대해 간략히 소개하고 문법 중 일부인 Arrows, Classes, Enhanced Object Literals, Template Strings, Destructuring, Default Parameter, Rest, Spread 에 대해 살펴봤다. 이어서 이번에는 아래 표시한 부분들을 소개해보려 한다. ES6의 주요 문법을 정리하는 글은 이 글을 마지막으로 하고 여기서 소개하지 못한 나머지 개념들은 중요하거나 필요하다고 생각되면 하나씩 따로 블로깅할 예정이다. let, const 변수 선언 키워드인 let, const도 ES6 문법 중 하나이다. ES5까지는 오직 var을 통해서만 변수를 선언할 수 있었다고 한다..🙉 새삼 이 시대에 자바스크립트를 ..
2021. 1. 8.
ES6 주요 문법 정리 (1) Arrows, Classes, Enhanced Object Literals, Template Strings, Destructuring, Default Parameter, Rest, Spread
ES6? 일단 ES6이 뭔지부터 살펴보자! ES6은 JavaScript 언어의 표준으로, ECMAScript 6의 줄임말이다. Javascript는 브라우저에서 간단히 사용할 목적으로 2주만에 설계되었는데 역시 짧은 시간에 설계된만큼 허술한 점이 많았다. 개발자들이 점점 개선을 요구한 덕분에(?) 2015년 ECMA2015버전(ES6)이 출시되었고, 기존보다 훨씬 간결하게 코드를 작성할 수 있게 되었다. (혹시 Javascript의 역사가 더 궁금하다면 이 영상에 잘 나와있으니 심심할 때 한번 보는걸 추천한다) 그래서 왜 사용한다고..? 🧐 기존 Javascript는 명확하지 않은 문법, 함수, 개념들이 난무했는데 ES6은 이를 보다 명확하게 바꿔서 개발의 생산성을 높였다. 그리고 진입장벽이 낮아져 다른..
2021. 1. 7.
Iteration (1) Iteration 프로토콜, Iterable / Iterater
Iteration Iteration는 사전 뜻 그대로 '되풀이'를 의미한다. 익숙하게 사용하는 for문, while문 같은 반복문이 모두 Iteration이라고 볼 수 있다. 보통은 아래와 같은 방식으로 배열의 요소를 확인하곤 한다. Javascript에서는 Array, String, Map, Set 등의 객체들에 이런 반복문을 적용할 수 있는데 그 이유가 바로 'Iteration'에 있다. let arr = [1,2,3]; for(let i = 0; i < arr.length; i++){ console.log(arr[i]); } // 1, 2, 3 Iteration 프로토콜(미리 정해둔 규칙)에는 Iterable과 Iterator가 있는데, 이 두 프로토콜을 모두 지켜야 비로소 Iteration을 수행..
2021. 1. 3.
