React, Javascript
-
[NestJS] #2. First stepsReact, Javascript 2021. 7. 21. 10:56
폴더구조 CLI를 통해 project를 생성하면, 아래와 같은 폴더구조와 파일들이 자동으로 생성됩니다. app.controller.ts 기본적인 컨트롤러 파일 app.controller.spec.ts 컨트롤러 유닛테스트 파일 app.module.ts 루트 모듈 파일 app.service.ts 기본적인 서비스 파일 main.ts 애플리케이션 엔트리 파일. NestFactory 코어 함수를 사용해서 Nest application instance를 생성합니다. main.ts 는 async 함수를 포함합니다. import { NestFactory } from '@nestjs/core'; import { AppModule } from './app.module'; async functi..
-
[NestJS] #1. 소개 & 철학React, Javascript 2021. 7. 21. 10:33
모든 프레임워크는 자신만의 철학을 가지고, 기존의 프레임워크와 차별화를 합니다. NestJS는 NodeJS 진영에서 부족했던 "Architecture"에 대한 목마름을 해결해주는 프레임워크입니다. Ruby on Rails, Django 등 다른 언어의 프레임워크에서는 어느정도 틀을 제공하지만, NodeJS는 높은 자유도로 레고블록을 쌓듯이 하나씩 쌓아올라가야 됩니다. 반대로 개발자는 core logic외에 다른 것도 신경써야 된다는 단점이 있습니다. NestJS는 다른 언어들의 프레임워크처럼 개발자가 core logic에만 집중할 수 있도록 정형화된 아키텍처를 제공합니다. 설치 $ npm i -g @nestjs/cli $ nest new project-name 실행 npm run start localho..
-
[javascript prototype] Prototype을 이용한 상속React, Javascript 2021. 6. 20. 17:48
아래 Circle class는 duplicate 을 prototype property로 가지고 있습니다. Square class에도 동일한 기능을 구현해야 한다면 반복적으로 duplicate을 추가해야 될까요? Shape 이라는 class를 만들고, duplicate을 Circle 과 Square에 모두 사용할 수 있게 할 수 있는 방법을 고민해 봅시다. function Shape() { } function Circle(radius) { this.radius = radius; } Circle.prototype.duplicate = function() { console.log("duplicate"); } function Square() { } javascript에서 object를 통해 method를 요청하..
-
[ Javascript Prototype ] 2. Prototype property & instance memberReact, Javascript 2021. 6. 20. 17:23
아래 Circle class에는 instance member로 draw 메소드가 있다. function Circle(radius) { this.radius = radius; this.draw = function() { console.log('draw') } } Circle class로 만든 객체 c1, c2 는 draw function을 instance method로 가지게 된다. const c1 = new Circle(1); const c2 = new Circle(2); draw method를 c1, c2의 prototype인 Circle에 추가하려며 어떻게 해야 될까? c1.__proto__ == Circle.prototype // true c1의 prototype은 Circle.prototype 으..
-
[ Javascript Prototype ] 1. Prototype ChainReact, Javascript 2021. 6. 11. 13:44
모든 Javascript object는 prototype object를 가지고 있습니다. Prototype 으로 연결된 object들을 prototype chain이라고 하고, object의 attribute(속성) 이나 method(메소드)를 탐색할 때 이 chain을 따라 올라가면서 탐색합니다. Prototype chain의 끝엔 prototype이 없는 objectBase가 있으며, Javascript의 모든 object는 objectBase를 prototype chain으로 가지고 있습니다. Console에서 객체의 Prototype을 확인하려면 __proto__ 을 사용합니다. __proto__ 는 deprecated 되었으니, 코드에서 prototype을 확인하려면 `Object.getProt..