강백호같은개발자

Prototype Chain 프로토타입 체인 in JavaScript 모든 함수에는 prototype이라는 속성이 있고, 할당을 할 수 있다. constructor는 생성자다. 특정 객체가 생성될 때 실행되는 코드라고 한다. prototype - 클래스를 만들 때 원형객체 인스턴스를 생성하는 것을 Instantiation이라고 한다. 아래와 같은 클래스와 steve라는 인스턴스가 있다. 이때 steve 와 prototype은 어떤 관계일까. var Human = function(){ this.name = name; }; Human.prototype.sleep = function(){}; var steve = new Human('steve'); __proto__ : 프로토타입 체인 steve.__proto..

ES6 : class와 super in JavaScript ES5에서 클래스를 만들고 상속받는 상황을 코드로 한번 보자. var Human = function(name){ this.name = name; } Human.prototype.sleep = function(){ console.log(this.name + ' is sleeping...'); }; var steve = new Human('steve'); var Student = function(){ Human.call(this, name); // Human.apply(this. arguments) } Student.prototype = Object.create(Human.prototype); Student.prototype.constructor =..

자바스트립트의 객체 지향 프로그래밍 Object Oriented Programming(OOP) 객체 지향 프로그래밍이란? JavaScript같은 high-level languages 에 있어서 지향하는 방향에 따라 2가지 종류로 나눠볼 수 있습니다. 하나는 절차 지향적 언어 다른 하나는 객체 지향적 언어 절차 지향적 언어는 함수나 변수가 나열되어 있고, 그것을 어떤 절차로 진행되는지 정하는 것이 매우 중요합니다. C언어나 HTML이 해당합니다. 객체 지향적 언어란 모든 것을 '객체' 또는 '물체'로 만드는 방식입니다. java, JavaScript, C++, python 등이 해당합니다. 이때 객체지향 프로그래밍이라고 하면, 일종의 철학입니다. 모든것을 object로 모든 설명 가능하다는 것입니다. 모든..

JavaScript 로 Queue 자료구조 구현하기 Queue란? 큐는 먼저 입력된 데이터가 먼저 나오는 자료구조를 말합니다. FIFO(First In First Out) 이라고도 합니다. 흔히 대기열이나 선착순을 생각하면 됩니다. 먼저 줄을 서면 먼저 처리됩니다. Queue의 속성으로는 가장 앞을 가리키는 Head(front)와 가장 뒤를 가리키는 Rear(tail)가 있고, front는 데이터를 get(delete) 할 수 있는 위치를 의미하고, tail은 데이터를 put(insert) 할 수 있는 위치를 의미합니다. 데이터를 꺼내는 것이 get(queue에서 delete) 데이터를 입력하는 것이 put(queue로 insert) 입니다. 이 중에서 get(delete) 작업을 deQueue 매소드로..

JavaScript로 Stack 자료 구조 구현하기 Stack 이란? Stack은 언제나 목록의 끝에서만 작업이 일어나는 자료구조를 말합니다. 그래서 마치 접시 쌓기와 비슷하기도 합니다. 접시를 쌓으면 제일 위에서만 쌓이고, 접시를 뺄 때도 제일 위에서만 뺄 수 있습니다. 이를 LIFO (Last In Firsh Out)라고도 합니다. 가장 나중에 들어온 것이 가장 먼저 나간다는 의미입니다. Stack에서 자료가 들어오는 것은 Push라고 하고, 꺼내는 것을 Pop이라고 합니다. 만약 S를 스택이라고 하고, x를 데이터요소라고 한다면 다음과 같은 연산이 가능합니다. S.top() : 스택의 가장 윗 데이터 반환. 만약 스택이 비어 있으면 연산 정의 불가 S.pop() : 스택의 가장 윗 데이터 삭제. 만..

JavaScript 함수선언식과 함수표현식 JavsScript 에서 함수를 사용하는 두가지 방식을 알아보자. 함수 선언식 function 함수명() { 함수실행 } 함수선언식은 function 이라고 적어주고 함수 이름, 소괄호, 중괄호로 구성되어 있다. 함수 표현식 let 함수 이름 = function ( ) { 함수실행 } 함수 표현식은 마치 변수처럼 함수의 이름을 선언해준 다음 할당 연산자로 function ( ) 소괄호 {} 중괄호를 할당해준다. 공부하면서 별 것 아닌 것 같지만, 어떤 형태가 함수선언식이고, 또 함수 표현식인지 헷갈릴 때가 있다. 함수 선언식은 바로 function이라는 것으로 함수를 선언해준다고 이해하고, 함수 표현식은 마치 변수처럼 표현해서 함수를 정의한 것이라고 이해하면, ..