강백호같은개발자

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

JavaScript에서의 객체에 대해서 알아봅시다. '객체'란 무엇인가요? 우리가 변수에 데이터를 저장할 때 변수를 선언하는 방법, 그리고 또 배열을 이용하는 방법이 있습니다. 하나씩 변수로 선언하는 경우, 데이터의 종류마다 선언을 해줘야해서 종류가 많다면 어렵습니다. let userFirstName = 'Steve'; let userLastName = 'Lee'; 배열로 만드는 경우, 데이터간의 연관성은 가지지만, 인덱스를 해석하기 어렵습니다. let user = [ 'Steve', 'Lee' ] 그래서 객체라는 형태를 이용할 수 있습니다. let user = { firstName : 'Steve', lastName : 'Lee' } 객체는 이렇게 하나의 대상에 다양한 데이터가 저장될 때 적합한 자료 ..

수도코드(pseudocode) 작성하는 방법 수도코드란? 수도코드 또는 의사코드로 불리는 이 방법은 실제로 코딩으로 들어가기 전에 우리의 언어로 만들어질 코딩의 흐름을 정리해보는 것이다. 수도코드의 장점? 내가 생각해본 수도코드의 장점은 우선 가설과 검증 이라는 사이클로 효율적으로 답을 찾아나갈 수 있다는 것이다. 물론, 수도코드 없이 다 기억이 된다면 좋겠지만, 그렇지 않은 경우 어떤 논리 흐름으로 코드를 짜 나갔는지를 기록하는 것은 매우 도움이 된다. 둘째로 협업하는 경우 함께 코딩하는 사람과 이해도를 맞추는데 도움이 된다. 협업을 하는데 있어서 무엇보다 중요한 것은 같은 해결방법을 가지고 같이 고민하는 것이라고 생각한다. 서로 다른 정보를 바탕으로 다른 고민을 하고 있다면, 팀이라고 할 수 없고, ..