Framework/Nest.js

실시간 기능 (채팅, 알림, 센서 데이터, 대시보드 업데이트 등)을 구현하려면 웹소켓 (WebSocket) 기술이 필요하다.NestJS는 이를 간단하게 사용할 수 있도록 Gateway(게이트웨이)라는 구조를 제공한다. 📡 WebSocketWebSocket은 브라우저와 서버가 지속적으로 연결되어 서로 자유롭게 데이터를 주고 받을 수 있는 양방향 통신 기술이다. 기존 HTTP API 요청-응답 구조가 아니라 연결이 유지된 상태에서 서버가 클라이언트에게 즉시 Push를 보낼 수 있다. 🧱 GatewayWebSocket 서버를 관리하는 NestJS의 Controller 같은 역할을 한다.NestJS는 웹소켓을 편하게 사용하도록 Gateway라는 추상화 레이어를 제공한다. ✅ 클라이언트의 연결/해제 감지✅ 클..

NestJS에서 간단한 API를 작성해보자.제일 많이 사용하는 ToDo 기능의 API를 작성해보자. 📝 TODO🕹️*.controller.tsAPI의 진입점.즉, 요청을 받는 곳을 정의한다. ✅ URL 라우팅 정의 (@Get(), @Post 등)✅ 요청 Parameter, Body 받는다.✅ 비즈니스 로직은 작성하지 않는다.✅ 대부분 service에 일을 "위임" "/todos" 경로로 요청을 보냈을 때 CRUD를 작성.import { Controller, Get, Post, Body, Param, Patch, Delete } from '@nestjs/common';import { TodosService } from './todos.service';@Controller('todos')export cl..

🐚 @데코레이터란?NestJS에서 데코레이터는 클래스, 메서드, 프로퍼티, 파라미터에 추가 메타데이터를 부여하거나 동작을 바꾸는 역할을 한다.TypeScript의 데코레이터 문법을 기반으로 하며, NestJS의 핵심 철학인 메타프로그래밍 + 의존성 주입(DI)을 가능하게 해주는 핵심 요소이다. 쉽게 말해,"Nest가 이 코드가 어떤 역할을 하는지 이해하도록 알려주는 태그" 🤔 왜 데코레이터가 필요한데?NestJS는 Angular 영향을 크게 받은 데코레이터 기반 구조를 사용한다.Nest는 데코레이터를 통해 클래스를 스캔(scanning)하고 역할을 파악해 낸부 IoC/DI 컨테이너에 등록한다. 즉, 데코레이터가 있어야 Nest는 다음 내용들을 이해할 수 있다.✅ 어떤 클래스가 컨트롤러인지✅ 어떤 클래..

⬇️ 프로젝트 생성NestJS 공식 홈페이지의 를 참고하여 NestJS를 실행해보자.npm i -g @nestjs/clinest new ⚙️ 구조그럼 내 프로젝트 폴더 하위에 아래 사진과 같은 구조가 생성된다.이제 각 파일의 역할을 알아보자. 공식 홈페이지에서는 다음과 같이 설명하고 있다.FileDescriptionapp.controller.ts기본 컨트롤러NestJS 어플리케이션에서 요청을 처리하는 엔드포인트(라우트)를 담당하는 컨트롤러이다.이 파일에는 보통 GET/ 같은 간단한 경로를 하나 정의한다.클라이언트의 요청을 받고 응답을 돌려주는 계층app.controller.spec.ts컨트롤러 단위 테스트app.controller.ts의 기능이 정상적으로 동작하는지를 테스트하는 단위 테스트 파일Nes..

회사에서 실시간 다중 편집 (Figma, Notion에서 와 같은 멀티 편집) 기능을 지원하기 위하여 서버 공부를 시작해야한다. 공부를 하면서 정리해보고자 작성한다. 😺 NestJS란Nest.js는 효율적이고 확장 가능한 Node.js 기반의 서버 어플리케이션을 구축하기 위한 프레임워크이다.최신 JavaScript 문법을 활용하며, TypeScript로 완전히 작성되고 지원하지만, 필요하다면 JavaScript로 개발할 수 있다. Nest는 객체지향(OOP), 함수형 프로그래밍(FP), 반응형 프로그래밍(FRP)의 개념을 조화롭게 결합해 견고한 서버 어플리케이션 구조를 제공한다. ⚙️내부 동작Nest는 내부적으로 Express를 기본 HTTP 서버로 사용하지만, 설정만 바꾸면 Fastify도 선택할 수..