Frontend

Symbol Symbol 심벌

Set Set 객체는 중복되지 않는 유일한 값들의 집합set이다. Set 객체는 배열과 유사하지만 다음과 같은 차이가 있다. 배열과 달리 동일한 값을 중복하여 포함할 수 없다. 요소 순서에 의미가 없다. 인덱스로 요소에 접근할 수 없다. 이러한 Set 객체의 특성은 수학적 집합 1의 특성과 일치한다. Set은 수학적 집합을 구현하기 위한 자료구조다. 따라서 Set을 통해 교집합, 합집합, 차집합, 여집합 등을 구현할 수 있다. // Set 객체는 Set 생성자 함수로 생성한다 const set = new Set([1, 2, 3]); console.log(set); // set의 사이즈 확인 console.log(set.size); // set의 요소가 존재하는지 확인 console.log(set.has(..

Iterable의 정의 이터레이션(Iteration): 반복, 순회 프로토콜(Protocol): 규격, 약속, 인터페이스 ES6에서 도입된 이터레이션 프로토콜은 순회 가능한 데이터 컬렉션(자료구조)을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준수하는 이터러블로 통일하여 for...of, spread, 배열디스트럭처링 할당의 대상으로 사용할 수 있도록 일원화했다. 이터레이션 프로토콜을 따르는 자바스크립트 기본자료구조에는 Array, String, Map, Set등이 있다. iteration protocol에는 iterable protocol과 iterator protocol이 있다. iterable protocol: Symbo..

다양한 객체를 특별한 구조에 담아둘 수 있다. 즉, 객체의 집합체를 나타내는 것이 자료구조이다. 자료구조종류로는 Array, Queue, Stack, Hash Table, Linked List, Tree, Graph등이 있다. 얕은복사(Shallow Copy) 얕은 복사의 경우 객체를 온전히 받아오는 것이 아니라 참조된 값, 즉 객체의 메모리 주소를 복사하여 같은 객체를 참조한다. 고차함수(Higher-order function) 함수를 인자로 받는 함수(콜백함수), 함수를 반환(출력)하는 함수를 고차함수라 한다. 함수형프로그래밍, 순수함수, 불변성 -> side effect가 없도록 DOM(Document Object Modeling) 자바스크립트는 HTML과 CSS를 웹페이지상에서 동적으로 만들어주는..

조바심이 들면 공부를 학습의 대상이 아닌 빨리 끝내서 해치워버려야할 대상으로 바라보게된다. 보통 '해야할건 많은데, 진도가 쉽게 나가지 않는 상황'에서 이런 조바심이 난다. 그런상태에서의 학습의 흥미도와 집중도가 매우 떨어지기때문에 공부효율도 엄청 낮아진다. 조금 늦어도 된다. 이해도낮은 상태의 완강보다 이해도높은 70~80%의 강의수강률이 더 도움이 되니까 내일부터는 조바심내지말고 공부에 집중해봐야지. this - 객체내의 속성 접근하기 객체안에서 객체내의 속성(property)에 접근하기위해서는 'this'를 사용한다. 'this'를 사용하는 방법은 다음과 같다. -> `${this.키이름}` this 사용 예시1 const mac = { name: 'commend', display: function..

배열(Array) 배열array은 여러 개의 값을 순차적으로 나열한 자료구조다. 배열이 가지고 있는 값을 요소element라고 부른다. 자바스크립트의 모든 값은 배열의 요소가 될 수 있다. 즉, 원시값은 물론 객체, 함수, 배열 등 자바스크립트에서 값으로 인정하는 모든 것은 배열의 요소가 될 수 있다. 배열의 요소는 배열에서 자신의 위치를 나타내는 0 이상의 정수인 인덱스index를 갖는다. 인덱스는 배열의 요소에 접근할 때 사용한다. 자바스크립트에 배열이라는 타입은 존재하지 않는다. 배열은 다른 프로그래밍언어의 배열동작을 흉내낸 특수한 객체이다. 이를 보완하기위해 타입이 정해져 있는 타입배열(Typed Collecton)이 따로 존재한다. 배열 생성방법 const anotherArray = [1, 2,..

다양한 객체를 특별한 구조에 담아둘 수 있다. 즉, 객체의 집합체를 나타내는 것이 자료구조이다. 자료구조종류로는 Array, Queue, Stack, Hash Table, Linked List, Tree, Graph등이 있다. 배열(Array) 배열array은 여러 개의 값(요소)을 순차적으로 나열한 자료구조다. 배열이 가지고 있는 값을 요소element라고 부른다. 자바스크립트의 모든 값은 배열의 요소가 될 수 있다. 즉, 원시값은 물론 객체, 함수, 배열 등 자바스크립트에서 값으로 인정하는 모든 것은 배열의 요소가 될 수 있다. 배열의 요소는 배열에서 자신의 위치를 나타내는 0 이상의 정수인 인덱스index를 갖는다. 인덱스는 배열의 요소에 접근할 때 사용한다. 자바스크립트에 배열이라는 타입은 존재하..

최초로 값을 저장하는 행위를 "변수를 초기화한다." 라고 표현한다. // class내에 함수를 작성할때에는 function을 작성하지 않는다.(오류뜸) // class내에 함수를 작성할때에는 생성자(constructor)밖에서 작성하는 것이 일반적이다. // 생성자범위내에서 함수를 작성하더라도 오류가 뜨지는 않음 // 클래스 레벨의 메서드 // -> 클래스별로 공통적으로 사용할 수 있고, 인스턴스의 데이터를 참조할 필요가 없는 메서드나 프로퍼티는 클래스레벨로 작성한다. // 클래스 레벨의 메서드에서는 this를 참조할 수 없음(클래스레벨의 프로퍼티나 메서드는 인자를 받지않은 상태에서 클래스네임으로 직접 호출하므로 참조할 것이 없다.) // 클래스레벨의 메서드는 만들어진 instance에서 호출하는 것이 ..