deVSner

배열이나 순회해야할 객체가 있을 때, 주로 어떤 구문을 사용하셨나요? 전 for 문, for in문을 위주로 사용했었는데, 이번 시간을 통해 for of 문을 통해 각각의 원소를 console.log찍을 수 있는 것을 직접 코드로 작성해보았습니다. 배열에서 for of 문이 가능한 이유는, 자바스크립트의 배열은 '이터러블/이터레이터 프로토콜'을 따르고 있기 때문입니다. 마찬가지로, const set = new Set([1,2,3]) const map = new Map([ [ 'a' , 1 ], [ 'b', 2 ], [ 'c', 3 ] ]) const set = new Set([1,2,3]) const map = new Map([ [ 'a' , 1 ], [ 'b', 2 ], [ 'c', 3 ] ]) 에 대..

edabit에서 스코프 문제를 풀다가 구조분해 할당 개념을 접했습니다. https://devsner.tistory.com/43 [edabit] Fix the Code: Un-Mutating an Array - 문제 해결 과정 및 배운 점(구조분해 할당) 스코프에 대한 개념은 있습니다. 하지만, 스코프에 해당하는 문제풀이가 부족하다고 생각했습니다. edabit을 통해서, 이러한 갈증을 조금은 해결할 수 있었는데요 그 첫 문제로 Fix the Code : Un-Mutating an Arr.. devsner.tistory.com 아직 잘 모르는 개념이기 때문에 러닝로그로 따로 정리해 봅니다. 우선, 구조 분해 할당이란, 배열이나 객체의 속성을 해체하여서 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트의 ..

객체를 생성하는 방법에는 아래 4가지가 있습니다(es6제외) 1. functional 2. function - shared 3. prototypical 4. pseudoclassical 제가 이 4가지를 같은 날에 공부하려니, 헷갈리는 부분이 많았습니다. 선 코딩 후 이론의 방식이라, 개념적인 부분에서 모호한 부분이 많습니다. 그 때 그 때 필요한 이론을 채워넣고 있지만, 한 번 깊게 수렁텅이에 빠진 것은 재빨리 구해줘야...합니다 ㅋㅋㅋ 이번 러닝 로그의 주제는 객체 생성 시에, new 와 this를 타이핑 하는 '시점'입니다 pseudoclassical적인 방법에서만 new를 사용하는 것이 아니라, 1번 2번 3번의 방법에서도 new를 사용하여 객체를 생성할 수 있습니다. 이게 헷갈렸는데, 직접 만들..

지난 러닝로그에 이어서, ES6의 최신 문법을 활용한 객체를 생성해 보겠습니다. 아래와 같이 코드를 구성했다면, 이것을 class를 이용해서 똑같이(더 좋게) 구현할 수 있습니다. 그 전에, 간단히 코드를 설명하고 넘어가겠습니다 Human 생성자 함수와, Student생성자 함수가 있습니다. Human은 프로토타입으로 sleep 메소드를 가지고 있고, Student함수는 learn메소드를 가지고 있습니다. Human을 통해 스티브 객체를 만들었고, Student함수를 통해 존 객체를 만들었습니다. 두 개의 생성자 함수이지만, Student는 Human을 상속받게 하려고 합니다. 또한, 존에게서 sleep 메소드를 활용하고 싶습니다. 그럼 해야 할 거는 2가지입니다. 1. Student.prototype ..