Before you learn ● 스코프(Scope) Closure (클로저) 란? MDN에서는 다음과 같이 클로저를 정의하고 있다. "A closure is the combination of a function and the lexical environment within which that function was declared" 클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조합이다. // outerFunc 함수 내부에서 중첩 함수 innerFunc가 정의되고 호출되었다. // 이때 중첩 함수 innerFunc의 상위 스코프는 외부 함수 outerFunc의 스코프이다. // 따라서 중첩 함수 innerFunc 내부에서 자신을 포함하고 있는 // 외부 함수 outerFunc의 x 변수에 접근할 수..

원시 자료형 (Primitive type data) 타입 종류 : Number, String, Boolean, undefined, null, symbol // primitive type data let num = 1; let copiedNum = num; console.log(num); // 1 console.log(copiedNum); // 5 console.log(num === copiedNum); // true copiedNum = 2; console.log(num); // 1 console.log(copiedNum); // 2 console.log(num === copiedNum); // false 원시 자료형을 변수에 할당하면 메모리 공간(변수)에 값 자체가 저장됩니다. 원시 값을 갖는 변수를 ..

Spread / Rest Syntax // 구조분해 할당 (비구조화 할당) // example const [ a, b, ...rest ] = [1, 2, 3, 4, 5]; console.log(a); // 1 console.log(b); // 2 console.log(...rest); // 3 4 5 // for of문에서 구조분해 할당(비구조화 할당) 사용 // example const user = [ {name : 'kimcoding', age : 20, country : 'korea'}, {name : 'parkcoding', age : 24, country : 'america'}, {name : 'choicoding', age : 23, country : 'japan'} ]; // for of문 ..

Spread / Rest Syntax // 전개 연산자 // 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때 사용합니다. // spread syntax는 원본배열을 변경하지 않습니다. (immutable) // 전개 연산자를 이용한 복사에는 1차원에서만 유효합니다. // 배열을 풀어서 인자로 전달 function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...numbers); // 6 // 배열 합치기 const arr1 = [1, 2, 3]; const arr2 = [4, 5]; let arr3 = [...arr1, ...arr2]; console.log(arr1) // [1, 2, 3] conso..