일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- loopback
- 시장
- 리뷰
- Docker
- strongloop
- threejs
- 투자
- 거래
- ps4
- 쿠버네티스
- angular
- 블록체인
- 젤다 왕눈
- review
- 부동산
- 이더리움
- 비트코인
- 게임
- kubernetes
- 주식
- 보안
- Games
- Linux
- 스마트 컨트랙트
- game
- Three
- 탈중앙화
- 암호화폐
- PC
- 스마트 계약
- Today
- Total
목록분류 전체보기 (375)
BaeBox
* 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 -..
Node.js 의 Cluster Module 이라는 것을 알게 되어 그에 관한 글을 적어본다. Cluster Module : Node를 MultiCore 환경에서 활용하기 위해 사용하는 모듈. 현재까지 내가 파악한 바로는 Master라는 이름의 Balancer가 각각의 프로세스에 해당하는 worker들에게 일을 나누어 주는 형태이다. 아래 링크에 들어가보면 매우 간단한 예제가 있다. https://nodejs.org/api/cluster.html Cluster | Node.js v13.11.0 Documentation Cluster# A single instance of Node.js runs in a single thread. To take advantage of multi-core systems, t..
Node, Angular, Vue 등 JavsScript를 기반으로 하는 툴들을 쓰는데 JavaScript가 어떻게 동작하는지에 대한 고민을 해 본적이 없는 것 같다. 아래 내용의 글들의 내용이 참 좋다. 읽어보자. 출퇴근길에 읽으려고 했는데 난 회사에서 읽고있다. 하하. * 알림: 아래 링크의 글들은 하나같이 주옥같은 글들이다. 꼭 읽어보자!!! * 알림 2: 아래 적은 내용은 하단 링크들의 내용을 매우 간략하게 정리한 것이므로 링크들의 글을 읽고나서 보는걸 권장. v8 엔진 동작 방식 (꼭 읽어보시길!) https://evan-moon.github.io/2019/06/28/v8-analysis/ V8 엔진은 어떻게 내 코드를 실행하는 걸까? 이번 포스팅에서는 구글의 V8 엔진이 어떤 방식으로 자바스크..
많은 방법이 있겠지만, 내가 소개하는 방법은 기본적으로 html2canvas를 이용하는 것이다. html2cavnas : selector로 집어온 html을 base64 포맷의 이미지로 만들어주는 기능을 제공한다. base64화된 이미지를 그대로 PDF, PPT, Word로 export해주는 툴에 붙여 넣으면 된다. 참 쉽죠? 이미지에 한해서는 이런 방식으로 해결이 가능하다. 사실 이미지 넣는게 가장 어려웠는데... ㅎㅎ;; 그 외의 것들은 공식문서에 다 친절히 나와있더라. 아래 소스코드의 canvas.toDataURL('image/png') 라는 코드는 base64를 반환한다. 생각보다는 내용이 간단하게 끝났다. 다행이다. 이주가량 붙잡고 있던 내용인데 헣... 뭔가 기분이 묘하다. 이 글을 보는 누군..
Angular 초심자인 나로서 앵귤러를 활용하면서 두번째로 크게 막혔던 것은 컴포넌트를 실행중에 동적으로 생성하는 것이었다. 분명 이런 기능은 제공할거라는걸 알긴 하는데 그걸 뭐라고 부르는지 몰라서 고생했다 사용법은 간단한다. 하단 링크에 있는 공식문서를 간단히 따라하면 된다. 요는, ComponentFactoryResolver 클래스가 제공하는 resolveComponentFactory 함수를 이용하는 것이다. ComponentFactoryResolver 의 resolveComponentFactory 함수가 컴포넌트를 resolve 하고 createComponent 함수를 이용하여 컴포넌트를 생성한다. 생성까지는 어렵지 않았을거라고 생각한다. 여기서부터는 굳이 안 봐도 상관은 없지만, 개인적으로 흥미로..