Javascript/ES6

    [javascript] ES6 문법 활용 정리

    최근 프로젝트를 수행하며, ES6 문법을 한번 정리하면 좋겠다는 생각이 들었습니다. 간단히 ES6 리마인드겸 실무에서 사용할 수 있을만한 내용들을 정리해보고자 합니다. 프로퍼티 추출 object에서 value를 가져오는 것은 어플리케이션에서 매우 일반적입니다. AS-IS const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, }; const a = obj.a; const b = obj.b; const c = obj.c; const d = obj.d; const e = obj.e; const f = obj.a + obj.d; const g = obj.c + obj.e; TO-BE ES6의 구조분해를 사용하면 코드의 양이 줄게됩니다. const { a, b, c, d, e } = o..

    [javascript] ES6 순회와 이터러블/이터레이터 프로토콜

    1. 이터러블과 함수형 프로그래밍 최근 javascript 함수형 프로그래밍 을 공부하면서 알게 된 ES6 순회와 이터러블/이터레이터 프로토콜의 관계에 대해 공부하게 되었습니다. 제 생각으로는 함수형 프로그래밍에서 이터러블/이터레이터 프로토콜은 핵심적인 개념이라고 생각합니다. 생각보다 간단한 원리에서 시작한 개념이 함수형 프로그래밍에서 아주 요긴하게 쓰입니다. 본 게시글은 타 블로그 및 MDN에서 참조한 내용으로 작성되었습니다. Iteration protocols - JavaScript | MDN ECMAScript 2015 (ES6)에는 새로운 문법이나 built-in 뿐만이 아니라, protocols(표현법들)도 추가되었습니다. 이 protocol 은 일정 규칙만 충족한다면 어떠한 객체에 의해서도 구..

    [javascript] ES6 구조분해 할당 총 정리

    구조분해 (Destructuring assignment) 최근 자바스크립트 함수형 프로그래밍을 공부를 하다 구조분해 및 iterator 개념이 조금 부족하여 따로 정리하여 작성합니다. 이번 게시글에서는 구조분해 만 다루고 다음 게시글에서 iterator 를 다뤄보도록 하겠습니다. 1. 문법 구조분해의 기본 문법은 아래와 같습니다. const [a, b] = [1, 2]; console.log(a); // 1 console.log(b); // 2 const [c, d, ...rest] = [1, 2, 3, 4, 5, 6, 7]; console.log(c); // 1 console.log(d); // 2 console.log(rest); // [3, 4, 5, 6, 7] const { e, f } = { e..