Category: js

2020
0
jsNest.js

AdminBro로 Nest.js admin 쉽게 만들기

개발을 할 때 따로 Admin 까지 개발해야한다는 것은 할 일이 많은 개발자들에게 부담이 되곤 하는데, Django framework 같은 경우 강력한 admin site 기능을 제공하여 개발자들의 부담을 줄여준다. 우연히 AdminBro라는 Node.js 애플리케이션용 어드민 자동화 툴을 발견하였는데,기존에 존재하는 Node.js framework와도 연

0
jsjs

Class method vs field function

Javascript와 같은 함수를 일급 객체(first class citizen)로 취급하는 언어는 함수를 값처럼 사용할 수 있기 때문에 온갖 곳에 사용할 수 있다.그러면 class의 field에 함수를 사용하는건 어떨까??아래 Typescript 코드를 보자 123456789101112class Person { constructor( pr

0
jsjs

winston 02 - Logging Level

이번 포스팅은 winston의 Logging Level에 대해 알아보도록 하겠다. Logging Level은 error / warn / info / http / verbose / debug / silly 이렇게 나뉜다. (http는 자세히 모르겠다)참고: https://github.com/winstonjs/winston#logging Logging Lev

0
jsjs

winston 01 - Logger

winston은 node.js logging library로 사용하기 편하고 logging 관련하여 강력한 기능들을 제공한다. 이번 포스팅은 winston의 Logger에 대해 알아보도록 하겠다. Logger는 logging을 수행하는 객체로 아래와 같이 winston.createLogger 함수를 통해 생성할 수 있다. 1234567891011const

0
jsNest.js

DI with Nest.js

코드는 여기에서 확인할 수 있다. Nest.js는 기본적으로 DI를 지원하기 때문에 별도의 library를 설치하지 않아도 DI를 적극적으로 사용할 수 있게 도와준다. Hexagonal architecture와 같이 특정 인프라 스트럭쳐에 의존하지 않는 코드를 작성한다면Repository와 같이 특정 인프라 스트럭쳐를 사용하는 기능은 interface로

0
jsNest.js

Nest.js Docker image 만들기

Nest.js 기본 프로젝트를 Docker image로 만들어보고 해당 image를 container로 실행시키는 과정을 알아보자 코드 예제는 여기에 있다. 프로젝트 생성 먼저 Nest.js CLI를 통해 프로젝트를 생성한다. 1$ nest new nestjs-docker Docker image 생성을 위한 세팅 다음 Docker image를 만

0
jsNest.js

Multi module + Monorepo Project with Nest.js - 1. 프로젝트 생성

서비스가 커짐에 따라서 여러 기능이 추가가 되는데, 그러면서 애플리케이션의 복잡도가 높아져갈 수 밖에 없다.개인적으로 개발자로서 중요한 것들 중 하나는 이러한 복잡도를 효율적으로 다루면서 동시에 잘 짜여진 구조를 만들어가는 것이라고 생각한다.이러한 복잡도를 줄이는 방법으로는 여러가지가 있겠지만, 그 중에서 애플리케이션의 기능을 여러 모듈로 쪼갠 뒤 이를 조

0
jsNest.js

Nest.js & Next.js - 3. 사용자 조회 기능 구현

이전 포스팅을 통해 nest-next example이 어떻게 구성되어 있고 간단하게 내부 코드도 살펴보았다.이제 이를 기반으로 간단한 사용자 목록 조회 기능을 구현해보자. Server code (Nest.js)새로운 기능은 /src/user 디렉토리에 작업한다. 먼저 사용자 ID를 생성하기 위해서 uuid package를 받는다. 12npm i uuidn

0
jsNest.js

Nest.js & Next.js - 2. 동작 설명

사용법은 Nest.js와 Next.js를 써봤다면 크게 어렵지 않다. Server code (Nest.js)Server 코드는 /src 디렉토리에 있다. 외부로부터 들어오는 요청은 controller인 AppController(/src/app.controller.ts)에서 처리한다. 12345678910import { Controller, Get

0
jsNest.js

Nest.js & Next.js - 1. 기본 셋팅

들어가며올해 나의 기술적인 목표 중 하나가 Front-end framework를 배우는 것이다.마침 현재 회사가 React Native를 주력으로 사용하고 있기 때문에 나 역시 React에 능숙해질 필요가 있을 것 같아 Next.js를 배우면서 React 사용법을 익히고있다. 공부를 하면서 Next.js를 마치 Spring과 Thymeleaf 조합처럼 다른