analogcoding

Object.create() 메소드는 객체를 인자로 받아 지정된 프로토타입 객체 및 속성(property)을 갖는 새 객체를 만든다. Object.create() 라는 메소드를 통해서 __proto__ 속성에 직접 접근하지않고 프로토타입 체인을 연결할 수 있다. (proto 매개변수가 null 또는 객체가 아닌 경우 TypeError 가 발생한다. Class class는 javascript 에서 클래스 기반 언어를 사용하지 않지만 편의를 위해? ES6 에서 도입된 문법이다. (ES6의 class 키워드는 겉은 class 이더라도, 내부적으로 프로토타입 기반으로 구성되어있다.) prototpye 과 class 의 차이를 코드로 먼저 보자면 거의 비슷하지만 다른 class 기반 언어처럼 적어 사용한다. 확실..

1. __proto__, constructor, prototype 의 관계 prototype 이란 함수와 new 를 통해 원본 함수를 상속 받는 new 인스턴스를 생성하는 것. 예시 코드 function Car(name,price){ this.name = name this.price = price } var morning = new Car('morning',1) // = > Car {name: "morning", price: 1} 같은 프로퍼티를 참조하는 상속 객체를 쉽게 만들어낼 수 있고 function Morning(){} Morning.prototype.price = 1; Morning.prototype.size = 'small' var Mo1 = new Morning() // Morning{} v..

체크포인트 this / setTimeout setTimeout 함수는 인자로 실행시킬 function 과 시간을 밀리세컨드 단위로 받는다. var name = "Window"; var alice = { name: "Alice", sayHi: function() { alert(this.name + " says hi"); } }; var bob = { name: "Bob" }; setTimeout(alice.sayHi.call(bob), 1000); 위에 경우 return 값은 즉시 bob say hi 가 실행된다. 먼저 setTimeout 함수에서 첫번 째 인자로 받는 함수는 함수식을 받는다. 여기에 call , apply 로 함수를 실행하거나 즉시 실행되는 함수 () 의 경우 두번 째 인자로 받는 시간이..

체크포인트 big O notation / time complexity O(1) - Constant O(log n) - Logarithmic O(n) - Linear O(n^2) - Quadratic 오답 정리. Array 특정 인덱스 값을 remove 할 때 , 시작 부분에 값을 삽입할 때 O(n) / 특정 인덱스를 알거나 시작 부분처럼 정해진 인덱스의 경우 O(1) 이라고 생각했다. 그렇지만 다른 배열들이 자리를 재배치 받게 되어서 O(n). Linked list 에서 이미 한 번 주소값에 연결된 경우, index + 1 에 새 노드를 삽입할 때 O(1) / linked list 는 주소 값을 알면 한 번에 접근 가능. Array Insert Lookup(position) Assign Remove Fi..

체크포인트 Object.create() var obj1 = { x: 10 }; var obj2 = Object.create(obj1); obj2.x += 10; // obj2 의 값을 수정 20 obj1.x = 15; // obj1 의 값이 변하였지만 obj2의 자체의 x는 이미 20 의 값을 // 가졌기에 변하지 않음. var result = obj2.x; // 20 var obj1 = { x: 10 }; var obj2 = Object.create(obj1); var obj3 = Object.create(obj2); var result = obj3.x + 10; // result 는 20이지만 console.log(obj3.x) // obj3.x 에 직접 값을 대입하지 않아서 obj3.x 는 10 자..

Graph 구조 모든 노드를 각각 노드와 연결하는 선을 하나로 모아 놓은 비선형(non-linear) 자료구조로 노드(node)와 엣지(edge)로 구성되어있다. Graph 종류 1) 방향 그래프(directed) 정점 간의 간선 방향이 존재할 경우 2) 무방향 그래프(undirected) 정점 간의 간선 방향이 없을 경우 3) 가중치 그래프(weighted or Network) 정점 간의 간선이 특정 값을 가지는 경우 그래프는 방향에 구애를 딱히 받지 않는다. 그래프에는 사이클이 존재 할 수도 있고 없을 수도 있다. Root Node 의 개념이 없다. ( 부모,자식 개념이 없다 ) 그래프의 구현 1. 인접리스트(Adjacency list) ㄴ 접근이 빠르지만 메모리의 낭비가 심함. 2. 인접행렬(Adj..

체크포인트 This this : 지금 나를 실행시키는건 누구인가? & 호출된 함수가 가르키는 객체. this 는 함수가 실행될 때 결정된다. 그 전엔 아직 결정되지 않은 상태. 헷깔렸던 문제들을 직접 설명해보기도 하고 정의도 다시 한 번 익힐 수 있던 시간. + 명시적으로 this 를 binding 했을 때는 변경할 수 없다. arrow function 과 this binding arrow funciton 은 실행 컨텍스트를 만들지 않는다. 콘솔에 this를 찍으면 this binding 이 자신을 감싸고 있는 부모객체가 바라보는 this 를 가르키게 된다. Peer review 함께 스프린트를 진행한 페어분에 대한 피드백을 작성하는 시간. 내가 느낀 솔직한 페어분에 대한 생각을 적었다. 쓰다보니 단점보..

자료구조란? 데이터의 표현 및 저장 방법. 자료를 어떻게 효울적으로 조직 , 관리 , 저장 할 것 인지에 대한 방법. 자료구조의 구성 1. insert : 저장 2. Search : 탐색 3. Delete : 삭제 일반적으로 자료구조는 단순구조, 파일구조, 선형, 비선형구조로 나뉘며, 선형구조(Linear)와 비선형구조(Non-Linear)를 말한다. 1. Stack stack 은 기본적으로 LIFO ( Last In First Out ) 를 모토로 해서 가장 마지막에 들어온 데이터가 가장 먼저 나가는 형식이다. 1-1 Stack 의 구조 stack 의 구조는 크게 3가지로 나누어진다. 데이터가 들어오는 과정인 Push 데이터가 나가는 과정인 Pop 최근 데이터를 확인하는 Peek 파란 상자가 마지막으로..