BaeBox

* node 에서는 기본적으로 class를 사용하지 못하므로 babel을 사용해야 한다. 적용법은 최하단 링크에 있다. 귀찮으면 아래 링크의 git을 clone을 하시면 된다. HashTable (해시테이블): Key 값와 Value 값을 매핑하여 사용하는 자료구조. 해시 함수를 이용하여 인덱스(색인)을 구할 수 있다. Hash 함수 : 해시 함수(hash function)는 임의의 길이의 데이터를 고정된 길이의 데이터로 매핑하는 함수이다. 왜 이런 짓을 하느냐? 뺘르게하려고! 내가 생각하는 해시테이블은 공간복잡도를 희생하여 시간복잡도를 높이려고 사용하는 기법이다. * Hash Table은 대략 아래와 같은 형태를 가진다. value 1 value2 value3 value4 value5 Hash 함수를 ..

* node 에서는 기본적으로 class를 사용하지 못하므로 babel을 사용해야 한다. 적용법은 최하단 링크에 있다. 귀찮으면 아래 링크의 git을 clone을 하시면 된다. Tree(트리) : 그래프의 일종으로, 여러 노드가 한 노드를 가리킬 수 없는 구조이다. 최상위 노드를 Root Node, 하위 노드를 Child Node, 최하위 노드를 Leaf Node 라고 한다. 하나의 노드가 두 개 이하의 자식을 가지는 경우 이진트리(Binaray Tree)라고 한다. 이진 트리의 경우 배열을 통해서 값을 정리하는 것이 가능하다. 부모노드 : index/2 좌측 자식노드 : index * 2 우측 자식 : index * 2 + 1 class Node { data; right; left; constructo..

* node 에서는 기본적으로 class를 사용하지 못하므로 babel을 사용해야 한다. 적용법은 최하단 링크에 있다. 귀찮으면 아래 링크의 git을 clone을 하시면 된다. Linked List (연결리스트) : 하나의 데이터 노드가 다음 노드의 참조값을 가지는 리스트. 데이터 추가 삭제는 빠르지만, 데이터를 찾는데 오래 걸린다. 그래서 별로 써본 기억이 없다. class Node { data; previous; next; constructor(data, previous, next) { this.next = next; this.data = data; this.previous = previous; } } class LinkedList { first; last; size; constructor(first..

* node 에서는 기본적으로 class를 사용하지 못하므로 babel을 사용해야 한다. 적용법은 최하단 링크에 있다. 귀찮으면 아래 링크의 git을 clone을 하시면 된다. Queue(큐) : 먼저 넣은 데이터가 먼저 빠져나오는 자료구조. (FIFO : First in First Out) 난 왜 써본 기억이 없는거같지? class Queue { queueArray; constructor() { this.queueArray = []; } enqueue = (arg) => { const newArray = new Array(this.queueArray.length + 1); this.queueArray.map((each, index) => newArray[index] = each); newArray[ne..

* node 에서는 기본적으로 class를 사용하지 못하므로 babel을 사용해야 한다. 적용법은 최하단 링크에 있다. 귀찮으면 아래 링크의 git을 clone을 하시면 된다. Stack : 쌓아 올리는 형태의 자료구조. 먼저 넣을수록 가장 나중에 꺼내게 된다. (LIFO : Last In First Out) 컴퓨터 내부 동작에 많이 사용되는 자료구조이다(함수 호출 등). class Stack { stackArray; constructor() { this.stackArray = []; } setArray = (arr) => this.stackArray = arr; getArray = () => this.stackArray; size = () => this.stackArray.length; top = ()..

Angular가 사용하는 모듈 번들러는 Webpack이다. Webpack 4.0.0 부터는 프로젝트를 번들링하기 위한 구성 파일이 필요치 않다. 그래서 난 앵귤러를 쓰면서도 얘들이 모듈 번들러를 뭐 쓰는지도 몰랐다. 그러다 Module bundler에 대해 정리하다보니 궁금해져서 찾아봤는데, 생각보다 잘 안나와서 애먹었다. 그러다 찾은 것이 ... 이걸 찾는데 왜 이리 오래 걸렸는지.... 어쨌든, 찾다보니 굉장히 신박한게 하나 있어서 들고왔다. 숨겨진 설정파일 대신 사용자가 명시적으로 지정한 Webpack 설정파일을 적용하여 번들링을 할 수 있는 기능이다. 그렇다한들!!! 앞으로 귀찮다고 안 볼 것 같으니 링크나 걸어둔다. 쓸 일이 있어야지. okta 인증은 좀 재밌어 보이니, 내용이 궁금하신 분들은 ..

Module bundler : Javascript 및 여러 종속성을 가진 파일을 단일 파일로 묶는 도구. Webpack, Browserify, Rollup 등이 있다. Webpack에 대해 알아보려다가 module-bundler에서부터 막혀서 알아본다. 이미지가 너무 강력해서 더 정리할 필요가 없네... 그렇다면 Module-bundler 를 왜 쓸까? 그에 대해 설명하기 전에 잠깐 Module-Loader를 잠깐 짚어봐야 할 것 같다. Module-Loader 역시도 Module을 이용하는 한 가지 방법이다. Module-Loader 와 Module-Bundler 의 주요한 차이점은 실행되는 시점이다. Module-Loader는 Runtime에 실행되고, Module-Bundler는 Buildtime에..

Mocha : Node.js 테스트를 위한 프레임워크. 예전부터 이름이나 좀 들어보고 어디서 튜토리얼 따라해보다가 오늘 시간이 많이 나서 잠깐 만져봤는데 이게 굉장히 재밌다. 여전히 TDD니 BDD니 하는건 잘 모르겠고, 이거보면서 든 생각은 버그나는건 획기적으로 줄일 수 있겠다는 생각이 들었다. QA한테 깨질일이 주는거지 처음에는 document를 읽어보다가 이해가 잘 안돼서 아래 블로그 가서 보니까 이해가 되더라. 사랑합니다. https://heropy.blog/2018/03/16/mocha/ Node.js 테스트 프레임워크 Mocha Mocha는 Node.js에서 사용하는 테스트 러너를 지원하는 테스트 프레임워크 입니다. Node.js에서 제공하는 Assert 모듈부터 Should.js나 Chai ..

Angular component에 json 파일을 import하여 사용하려고하면 allowSyntheticDefaultImports 뭐시기뭐시기하면서 오류가 난다. 즉, json 파일을 import 하여 사용하는 것이 SyntheticDefaultImports에 해당한다는 뜻이다. tsconfig.json 의 compilerOptions에 아래 옵션들을 추가하여주면 된다. https://mariusschulz.com/blog/importing-json-modules-in-typescript Importing JSON Modules in TypeScript TypeScript 2.9 introduced a new --resolveJsonModule compiler option that lets us imp..

PM2 : Process Manager + Load Balancer 아래 글의 Cluster와 비슷한 역할을 해주는 녀석이다. Node에서는. python도 지원하는 모양이다. https://pcconsoleoraksil.tistory.com/321 Node - Cluster Module Node.js 의 Cluster Module 이라는 것을 알게 되어 그에 관한 글을 적어본다. Cluster Module : Node를 MultiCore 환경에서 활용하기 위해 사용하는 모듈. 현재까지 내가 파악한 바로는 Master라는 이름의 Balanc.. pcconsoleoraksil.tistory.com Node.js 기준으로 내부적으로 cluster 모드를 사용하는데, 사용하긴 더 편하다. pm2 start -..