본문 바로가기

javascript

[자바스크립트 ES6+ 기본] 6. Destructuring (분할 할당) Destructing Destructuring Assignment 작성 형태 let one, two, three; const list = [1, 2, 3]; [one, two, three] = list; log(one); log(two); log(three); log(list); // 1 // 2 // 3 // [1, 2, 3] 사전적 의미 ~구조를 파괴하다 파괴, 해체는 있는 것이 없어지는 뉘앙스 원 데이터는 변경되지 않음 강좌 기준 이 관점에서 보면 분할/분리가 더 가까움 강좌에서는 "분할 할당"으로 표기 Array 분할 할당 배열의 엘리먼트를 분할하여 할당 인덱스에 해당하는 변수에 할당 /* 1. 왼쪽의 인덱스에 해당하는 오른쪽 배열의 값을 변수에 할당 2. one에 1, two에 2, three에.. 더보기
[자바스크립트 ES6+ 기본] 5. Spread, Rest let, const 사용 기준 강좌의 let, const 변수 사용 기준 let: 변경할 수 있다 const: 변경할 수 없다 let, const 변수의 시맨틱을 우선하여 사용 값이 변경되면 let 초기값이 변경되지 않으면 const const list = [10, 20]; let values = [10, 20]; values.push(30, 40); for (let k = 0; k param + 10; spread Syntax: [...iterable] [...iterable] [...]처럼 []안에 점(.) 3개를 작성하고 이어서 이터러블 오브젝트 작성 const list = [21, 22]; log([11, ...l.. 더보기
[자바스크립트 ES6+ 기본] 4. 이터레이션(Iteration) 이터레이션 (Iteration) 과정 중간에 이터레이션 개념 이해가 필요하므로 먼저 다루며 이 장에서는 이터레이션 개념만 다루고 자세한 것은 Symbol 오브젝트에서 다룸 이터레이션의 사전적 의미: 반복 for() 문의 반복 개념과 차이 있음 강좌에서는 이터레이션과 반복을 같이 사용 const list = [10, 20]; for (let value of list) { log(value); }; const obj = list[Symbol.iterator](); log(obj.next()); log(obj.next()); log(obj.next()); // 10 // 20 // {value: 10, done: false} // {value: 20, done: false} // {value: undefine.. 더보기
[자바스크립트 ES6+ 기본] 3. Arrow Function Arrow Function 코드 형태 (param) => {함수 코드} const add = function(one, two){ return one + two; }; log(add(1, 2)); const total = (one, two) => { // function 키워드 대신에 화살표 사용, => 양쪽에 공백 작성 가능 return one + two; }; log(total(1, 2)); // 3 // 3 function(){}의 축약 형태지만 고려할 사항도 있음(this 참조가 다름) 강좌에서 화살표 함수와 전통적인 함수의 구분이 필요할 때 전통적인 형태를 일반 함수라고 부름 함수 블록 사용 함수 블록과 return 작성 생략 const total = (one, two) => one + two; .. 더보기
[자바스크립트 ES6+ 기본] 1. 소개 ES6+ 기본 과정의 주요 내용 기본 문법 let 변수, const 변수, 화살표 함수 Spread, Rest, Destructing, default value 연산자, getter/setter, Template 오브젝트에 추가된 함수 Number, String, Object Array, Math, RegExp ES6+에 새로 생긴 오브젝트 Iterator, Generator, Symbol Map, Set, WeakMap, WeakSet ES6+ 심화 과정의 주요 내용 ES6+에 새로 생긴 오브젝트 Class, Proxy, Reflect, Promise, Module ArrayBuffer, TypedArray, DataView 등의 유형 비동기 통신 전반 Node.js 환경에서 Ajax의 XMLHttpR.. 더보기

티스토리툴바