주요 문서
-
ES6 In Depth: 화살표 함수(Arrow functions)
ES6 In Depth는 ECMAScript 표준의 6번째 에디션(줄여서 ES6)을 맞아 JavaScript에 새로 추가된 요소들을 살펴보는 시리즈입니다. 화살표는 처음부터 JavaScript의 한 부분이었습니다. 첫 JavaScript 튜토리얼은 인라인 스크립트를 HTML 주석으로 감싸라고 조언했습니다. 이는 JS를 지원하지 않는 구식 브라우저가 의도하지 않게 JS 코드를 화면에 표시하는 것을 방지하려는 목적이었습니다. 이 조언에 따라 작성한 코드는 다음과 같은 모습이 될 것입니다. <script […]
-
ES6 In Depth: 디스트럭처링(Destructuring)
ES6 In Depth는 ECMAScript 표준 6번째 에디션(줄여서 ES6)을 맞아 JavaScript에 새로 추가된 요소들을 살펴보는 시리즈입니다. 에디터 노트: 이 글은 원래 Firefox 개발자 도구의 담당 엔지니어 Nick Fitzgerald가 자신의 블로그에 Destructuring Assignment in ES6라는 제목으로 올렸던 글입니다. 디스트럭처링(destructuring) 할당이란 무엇인가요? 디스트럭처링을 이용하면 배열의 요소나 객체의 속성을 배열 리터럴(literal)이나 객체 리터럴과 비슷한 문법을 이용해서 변수에 할당할 수 […]
-
ES6 In Depth: 레스트 파라메터와 디폴트 파라메터
ES6 In Depth는 ECMAScript 표준 6번째 에디션(줄여서 ES6)을 맞아 JavaScript에 새로 추가된 요소들을 살펴보는 시리즈입니다. 오늘 글은 함수에 대한 JavaScript의 표현력을 더욱 풍부하게 만들어 주는 함수 문법 2개에 대한 것입니다. 레스트 파라메터(rest parameter)와 디폴트 파라메터(default parameter)가 그것입니다. 레스트 파라메터(rest parameter) 일반적으로 API를 정의할 때 variadic function이 필요한 경우가 있습니다. variadic function은 인자의 개수가 가변적인 함수입니다. […]
-
ES6 In Depth: 템플릿 문자열 (Template string)
ES6 In Depth는 ECMAScript 표준 6번째 에디션(줄여서 ES6)을 맞아 JavaScript에 새로 추가된 요소들을 살펴보는 시리즈입니다. 저는 지난주에 학습 페이스를 조절하기로 약속했습니다. 이터레이터(iterator)와 제너레이터(generator) 다음으로 약간 쉬운 주제를 다루자고 했습니다. 우리 두뇌를 혹사시키지 않을 주제 말입니다. 이 글 마지막에서 제가 약속을 지켰는지 평가해 주세요. 일단, 간단한 내용으로 시작합니다. 백틱(Backtick)의 기초 ES6는 템플릿 문자열(template string)이라고 불리는 새로운 […]
-
ES6 In Depth: 제너레이터(Generator)
ES6 In Depth는 ECMAScript 표준 6번째 에디션(줄여서 ES6) 제정으로 인해 JavaScript 언어에 추가된 새로운 요소들을 살펴보는 시리즈입니다. 저는 이번 글이 흥분됩니다. 이번 글을 통해 우리는 ES6의 가장 마법 같은 요소를 살펴볼 것입니다. 왜 “마법 같다”고 했을까요? 처음 접하는 사람들에게, 제너레이터는 기존에 있던 JS 요소들과 너무 달라서 정말 불가사의하게 보여집니다. 어떤 의미에서 제너레이터는 랭귀지의 일반적인 동작양식을 […]
-
ES6 In Depth: 이터레이터(iterator)와 for-of 루프 구문
ES6 In Depth는 ECMAScript 표준 6번째 에디션에 의해 JavaScript 언어에 추가된 새로운 요소들을 살펴보는 시리즈입니다. 배열을 루프로 순회하기 위해 어떤 방법을 사용하나요? 20년쯤 전, JavaScript가 처음 소개됐을 당시에는 아마 다음과 같은 방법을 사용했을 것입니다. for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } ES5 발표 이후에는 forEach 메소드를 쓸 수 있게 되었습니다. […]
-
ES6 In Depth: 시리즈를 시작하면서
ES6 In Depth에 잘오셨습니다! 매주 연재할 이번 시리즈를 통해 ECMAScript 6를 탐험하려 합니다. ECMAScript 6는 출시가 임박한 JavaScript 언어의 새로운 에디션입니다. ES6에는 JS를 더욱 강력하게 그리고 표현력 좋게 만들 새로운 언어적 특징들이 많이 포함되어 있습니다. 우리는 앞으로 몇 주에 걸쳐 이 특징들을 하나씩 살펴볼 것입니다. 하지만 시리즈를 시작하기 전에, ES6가 무엇이고 ES6에서 무엇을 기대할 수 […]
