2024/04 3

Nest.js - onModuleInit, onModuleDestroy 서버 실행과 종료시 실행되는 로직 구현

먼저 프로젝트 세팅으로 시작합니다. nest new study-nest 다 만들어진 이후 해당 프로젝트 디렉토리에 접속하여 설정관련 클래스들을 넣을 모듈을 하나 생성합니다. nest g module config 여기서 구현해볼 상황은 웹서버가 실행되고 난 뒤 계속 지속적인 작업이 필요하고, 서버가 종료될 시 끝내야 할 작업이 필요할 때 상요하면 좋을 것이 OnModuleInit과 OnModuleDestroy 입니다. 두 인터페이스는 Nest.js 에서 지원하는 라이프 사이클 인터페이스 입니다. OnModuleInit 이 인터페이스는 해당 모듈이 초기화될때 실행되는 메서드 onModuleInit 을 구현해야합니다. 이 메서드는 Nest.js가 모듈의 종속성을 모두 해결한 후, 모듈 자체가 초기화될 때 호출..

Nest.js 2024.04.17

Moleculer - Node.js 프로젝트 세팅

Moleculer CLi 설치 npm install -g moleculer-cli 공식문서 - https://moleculer.services/docs/0.14/moleculer-cli.html 프로젝트 생성(타입스크립트) moleculer init project-typescript education 위 명령어를 입력시 여러 질문들이 나오는데 Gateway 관련부분을 yes 를 입력하면 자동으로 api.service.ts 가 만들어지면서 ApiGateway 가 mixins 옵션에 추가되는거 같다. (mixins 는 공식 문서에서 아래처럼 나와 있는데 결국 해당 서비스의 기능들이 모두 사용가능하게 된다는 것 같다.) 더보기 Mixins are a flexible way to distribute reusab..

Node.js 2024.04.13

React - DragDrop 구현

회사에서 Drag Drop 이벤트를 사용을 하는 부분이 라이브러리를 통해 구현되어 있었는데 커스텀이 힘든 경우가 대부분이였었다.. 그렇기에 HTML 에서 지원하는 방식으로만 구성해봤다. 공식문서 https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API HTML Drag and Drop API - Web APIs | MDN HTML Drag and Drop interfaces enable applications to use drag-and-drop features in browsers. developer.mozilla.org "use client" import { DragEvent } from "react" const DragItem ..

React 2024.04.10