동글이의 STORY

✅ 핵심요약스프레드 연산자란?기존 배열이나 객체의 전체 또는 일부를 다른 배열이나 객체로 빠르게 복사“…”과 같이 점(.) 세개를 연속해서 작성rest 파라미터스트레드 연산자를 사용한 것으로 여러 인수를 배열로 받을 때 사용⚡ 스프레드 연산자이터러블 오브젝트의 엘리먼트를 하나씩 분리하여 전개함전개한 결과를 변수에 할당하거나 호출하는 함수의 파라미터 값으로 사용할 수 있다.[..iterableObject]function(...iterableObject)spread 연산자는 “…”과 같이 점(.) 세개를 연속해서 작성하고 이어서 이터러블 오브젝트를 작성대괄호 [] 안에 작성하거나 function(…[1,2])와 같이 호출하는 함수의 파라미터에 작성문자열let spreadObj = [..."music"];co..

✅ 핵심요약이터레이션 이란?어떠한 데이터 컬렉션(자료구조)을 순회하거나 반복하는 것을 의미반복처리를 위한 프로토콜 존재for 루프, map(), filter() 등 이터레이션을 위한 다양한 내장 메서드들이 존재⚡이터레이션반복 처리를 나타내며 이를 위한 프로토콜(Protocol)을 갖고 있다.프로토콜 : 이터레이션을 위한 규약이 있으며 이를 지켜야 반복 처리를 할 수 있다.ex) 배열을 반복하여 처리하기 위해서는 배열이 반복할 수 있는 오브젝트이어야 하며, 오브젝트에 반복 처리를 할 수 있는 메서드가 있어야 함구성 : 이터러블(Iterable) 프로토콜과 이터레이터(Iterator) 프로토콜🔹 이터러블 프로토콜오브젝트의 반복 처리 규약 정의String, Array, Map, Set, TypeArray, ..

✅ 핵심요약화살표 함수란?형태 : (param) ⇒ { 코드 }이름이 없는 무명/익명(aonymous) 함수생성자 함수로 호출할 수 없다.중복된 매개변수를 선언할 수 없다this, arguments, new.target, super 바인딩을 갖지 않는다화살표 함수의 사용new 연산자rest ( arguments 사용 불가)setTimeout일반 함수와 차이점은 this의 target이 window오브젝트 / 전역변수 인지 구분prototype화살표 함수를 사용하면 this가 인스턴스를 참조하지 못하고 window 오브젝트를 참조화살표 함수 (⇒)⚡ 화살표 함수형태 : (param) ⇒ { 코드 }함수 이름이 없는 무명/익명(aonymous) 함수함수 블록 {}을 사용하지 않고 한줄에 작성할 수 있습니다...

✅ 요약스코프란?식별자에 접근할 수 있는 범위스코프 종류 : 블록 스코프, 함수 스코프var, let, const, this 키워드호이스팅변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것var 변수 호이스팅 → undefined로 변수 초기화let, const 변수 호이스팅 시 → 변수 초기화 X⚡ 스코프 (Scope)정의 : “식별자 접근 규칙에 따른 유효 범위”식별자(변수, 함수, 클래스)에 접근할 수 있는 범위가 존재범위는 중괄호(블록) 또는 함수에 의해 나눠짐그 범위를 스코프라고 부름각각을 Block Scope와 Function Scope⚡ 스코프 주요 규칙안쪽 스코프에서 바깥쪽 스코프로 접근할 수 있지만 반대는 불가능하다.스코프는 중첩이 가능하다.전역 스코프와 지역 스코프지역 변수(지역 ..