Phot_o_matic Programming

How to construct an object in Javascript? 자바스크립트에서의 객체들은 그것의 부모 객체와 모두 연결되어 있다. 때문에 부모 객체의 속성을 상속시켜 사용할 수 있게 할 수 있다. 이 때 자식으로 속성을 상속시켜 주는 부모 객체를 "Prototype 객체"라고 한다. Prototype Prototype Link와 Prototype Object => 자바스크립트에는 Prototype Link와 Prototype Object라는 것이 존재한다. 이 둘을 통틀어서 Prototpye이라고 한다. Prototype Link => 어떤 객체가 참조하고 있는(link 중인) prototype 객체가 무엇인지를 나타낸다. Prototype Object => 객체는 언제나 함수를 통해 생성된..

Programming/Concept 2019. 5. 29. 20:59

1.Graph Graph는 연결 리스트에서와 유사하게 생각할 수 있다. A~F는 vertex이다. 각각의 vertex를 연결 리스트의 node라고 생각하고, vertext 간에 이어진 선은 arc이다. arc는 pointer를 통해서 연결되는 node의 상태를 가시화하였다고 생각한다. 이 떄, 어떤 하나의 vertex가 가지고 있는 arc의 수를 degree라고 한다. vertex 간의 연결 및 방향성 Graph에서는 하나의 vertex가 여러 개의 다른 vertex와 연결될 수도 있으며, 방향이 지정되어 있어도 되고, 지정되어 있지 않아도 된다. 방향성이 있는 경우에, 어떤 vertex로 향하고 있는 arc 개수를 In-degree, 어떤 vertex에서 다른 vertex로 가는 arc 개수를 Out-..

Programming/Concept 2019. 5. 29. 19:18

1. Stack : 기본적으로 자바스크립트는 싱글 쓰레드(single thread) 기반 언어이므로, 호출 스택이 하나이다. 한번에 하나의 작업만 처리할 수 있다는 이야기이다. 호출 스택은 프로그램 상에서 현재 내가 어디에 있는지를 기록하는 자료구조이다. 현재 어떠한 함수를 실행하고 있다면, 해당하는 함수가 호출 스택의 가장 상단(top)에 위치하게 된다. 함수의 실행이 끝나게 되면 해당 함수는 호출 스택에서 제거된다. 결국 이 말은 마지막으로 스택에 들어간 것이, 가장 먼저 나오는 순서로 작동하다는 것이다(Last In, First Out). 서로 관계가 있는 여러 작업을 연달아 수행하며, 이전의 작업 내용을 저장해 둘 필요가 있을 떄 널리 사용 예시 코드를 보며 추가적으로 알아보자. function ..

Programming/Concept 2019. 5. 29. 14:24

memoize 어떠한 arguments에 대한 return 값을 함수 실행시에 기억했다가, 다음 번에 같은 arguments로 함수가 실행될 시에는, 기억해놓았던 값을 바로 return하도록 하는 것이다. let memoize = function(func) { var set = {}; return function() { let strArgs = JSON.stringify(arguments); //함수에 입력될 arguments를 string으로 변화시켜서 어떤 객체 set의 key 값으로 사용 if (set[strArgs] === undefined) { set[strArgs] = func.apply(this, arguments); } //만약 set에 해당하는 key값의 value가 undefined라면..

Programming/Concept 2019. 5. 29. 11:06

This란? : 지금 나를 실행시키는 건 누구인가!? => "호출된 함수가 실행된 시점에서 가르키는 객체" 5가지 this binding pattern 1. global or free function - window에 binding 2. call, apply, bind - 적용시킨 객체에 binding 3. constructor - 생성시킨 instance에 binding 4. method - 부모 객체에 binding *내 프로그램에서 'this' 키워드의 의미를 결정하는 방법은?* : 함수가 실행된 시점에서 그것이 어떻게 불려지고 평가를 하는지를 본다. //.call과 .apply는 사전에 binding 되어있는 바꿀 수 없다 function test() { console.log(thi..

Programming/Concept 2019. 5. 29. 09:58

process.on('uncaughtException' (err) => { console.error('예기치 못한 에러', err); }) //process 실행 중 발생한 에러를 한 데 모아 나타내준다. //에러가 발생해도 후반부의 process까지 실행된다. setInterval(() => { throw new Error('서버를 고장내주겠다'); }, 1000); setTimeout(() => { console.log('실행됩니다') }, 2000) //에러를 처음에 잡아주지 않았다면, 뒷부분의 '실행됩니다'까지 process가 진행되지 않음.

Programming/Concept 2019. 5. 14. 18:04

const EventEmitter = require('events'); const myEvent = new EventEmitter(); myEvent.addListener('방문', () => { console.log('방문해주셔서 감사합니다.'); //res.sendFile(html파일) }) //.addListener와 .on은 같은 기능이다. //.on을 쓰는 것이 효율적일 것이다. //하나의 같은 이벤트에 여러개의 .on을 붙여도 된다. myEvent.on('종료', ()=> { console.log('안녕히가세요.'); }) myEvent.on('종료', ()=> { console.log('또 방문해주세요.'); }) //.once는 특정 이벤트에 대하여 한번만 실행된다. myEvent.once..

Programming/Concept 2019. 5. 14. 17:50

CreateReadStream const fs = require('fs'); const readStream = fs.createReadStream('./readme.txt', {highWaterMark: 16}); const data = []; // readme.txt에 대한 buffer를 16bytes씩 생성한다. readStream.on('data', (chunk) => { data.push(chunk); consoloe.log('data', chunk, chunk.length); //buffer를 생성하기 위한 조각 조각들을 chunk라고 한다. }) readStream.on('end', () => { console.log('end', Buffer.concat(data).toString()); //..

Programming/Concept 2019. 5. 14. 17:19