Tech Blog of Pinomaker
article thumbnail
NestJS - SSE(Server Side Event) with React
B.E/Nest JS 2025. 3. 8. 23:02

들어가기 전회사에서 운영 중인 웹 서비스는 사용자에게 알림을 제공하는 기능이 있었다. 기존에는 HTTP GET 요청을 사용해 데이터를 가져오는 방식을 사용하였으나, 실시간으로 반영해달라는 사업부에 요청이 있었고, 이를 위해 Socket을 사용하는 건 오버스펙이라고 판단하였고, 운영 자원이 많지 않아 Polling으로 5초 단위로 API를 호출하는 방식으로 처리하였다. 시간이 지나고 서비스 사용자가 많아짐에 따라 Polling 방식은 너무 사용자의 수에 따라 과도하게 API를 요청하는 문제가 있었기에 이를 개선하기 위해 SSE를 도입하였다.  SSESSE는 Server Side Event의 약자로, HTTP 통신을 이용하여 서버에서 클라이언트에게 이벤트를 발송하는 기법이다. 이는 양방향 통신이 아닌 단방향..

node-optional를 이용한 Exception 관리
B.E/Nest JS 2024. 10. 18. 15:10

해당 글은 NestJS + TypeORM 기준으로 작성되었습니다.   node-optionalA utility class for handling optional values. Latest version: 1.0.2, last published: 24 days ago. Start using node-optional in your project by running `npm i node-optional`. There are no other projects in the npm registry using node-optional.www.npmjs.com node-optionalnode-optional 패키지는 node에서도 Java의 Optional과 유사하게 처리를 할 수 있는 방법이다. 나는 NestJS, T..

article thumbnail
Observer Pattern
CS/자료구조 2024. 6. 2. 01:17

참고 자료https://inpa.tistory.com/entry/GOF-%F0%9F%92%A0-%EC%98%B5%EC%A0%80%EB%B2%84Observer-%ED%8C%A8%ED%84%B4-%EC%A0%9C%EB%8C%80%EB%A1%9C-%EB%B0%B0%EC%9B%8C%EB%B3%B4%EC%9E%90https://velog.io/@octo__/%EC%98%B5%EC%A0%80%EB%B2%84-%ED%8C%A8%ED%84%B4Observer-Pattern 00. 들어가기 전 원래 Observer Pattern에 대해서 알고는 있었으나, 최근에 로직을 구성하면서 관심사를 분리하여 결합을 낮출 수 있는 Spring Boot와 NestJS의 EventListner 기능을 애용하고 있는 데 이게 사실 Ob..

article thumbnail
NestJS Request Lifecycle
B.E/Nest JS 2024. 5. 16. 22:39

참고자료 : https://docs.nestjs.com/faq/request-lifecycle 00. 들어가기 전이번 포스트는 NestJS에서 Request를 받아서 Response 할 때까지 어떻게 흘러가는 지인, NestJS Request Lifecycle에 대해 정리한 글이다. 해당 부분에 대해서는 공식 문서만 참고하였다. 01. NestJS Lifecycle아래의 이미지는 NestJS의 생명 주기를 도식화한 것이다. HTTP Request가 들어오면 Middleware, Guard, Interceptor, Pipes, Controller, Interceptor 순으로 거쳐서 Response가 된다. 여기에서 특이한 건 Filter 부분인데, 타 프레임워크와 다르게 NestJS에서의 Filter는 ..

article thumbnail
Express를 이용하여 Custom Router Decorator를 만들어보자.
B.E/Node JS 2024. 5. 13. 04:47

참고글 : https://javascript.plainenglish.io/how-to-write-simple-router-decorators-for-expressjs-with-typescript-3b8340b4d453 How to Create Express Router Decorators with TypeScriptMake Express server routers cleaner with TypeScript decoratorsjavascript.plainenglish.io 00. 들어가기 전다른 글에서도 이야기한 적이 있지만 필자는 NodeJS -> Spring Boot -> NestJS 순서로 백엔드를 학습하여 현재는 Controller - Service - Repository - Domain 레이어 계..

article thumbnail
NestJS에서 typeorm-transactional를 사용하여 트랜잭션 관리
B.E/Nest JS 2024. 5. 13. 04:04

00. 들어가기 전필자는 백엔드 개발을 Node(Express)로 시작하였지만, 동아리 활동으로 인해 Spring Boot를 그 후에 접하고 Node에서 Spring Boot처럼 구현할 수 있는 NestJS에 매력을 느껴 지속적으로 사용 중이다. 사실 NestJS를 가장 좋아하지만 Spring boot로 개발해야하는 경우도 어쩔 수 없이 있기에 둘 다 사용하는 편이라 그런 지 NestJS를 사용할 땐 Spring boot의 특정 기능이 부럽고, Spring boot를 사용할 땐 NestJS의 특정 기능이 부러워질 때가 많은 데, 그 중 NestJS를 사용 중에 가장 Spring Boot에서 부러웠던 건 @Transactional 데코레이더였다.  너무나 쉽게 트랜잭션을 관리하게 해주는 기능이라고 생각했는..

article thumbnail
Turborepo로 프로젝트 구성하기
DevOps/Server 2024. 5. 7. 23:30

Getting Started with Turborepo – TurborepoCreate your first monorepo or add Turborepo to an existing project.turbo.build  00. 들어가기 전 Turborepo는 Javascript, Typescript 코드 베이스를 위한 고성능 빌드 시스템으로 Monorepo 구성이 가능합니다. 오늘은 Turborepo 프로젝트를 생성하는 법에 대해 포스팅 합니다. 본 포스팅에 들어가기 전에 Turborepo로 진행하기 위해 라이브러리를 global로 설치를 해야합니다. pnpm install turbo --global 01. 프로젝트 생성  아래의 명령어를 터미널에 입력하면, 프로젝트의 이름을 입력하고, 패키지 관리자로 사..

article thumbnail
상대 패턴(State Pattern)
CS/자료구조 2024. 4. 13. 18:29

상태 패턴(State Pattern) 상태 패턴은 객체의 상태에 따라 행동을 해야하는 상황에서 객체 스스로 자신의 상태에 따른 행동을 하지 않고, 상태를 객체화하여 상태가 행동을 할 수 있게 위임한 패턴이다. 쉽게 말하면 상태를 Class에서 값으로 가지고 있는 것이 아니라, Class로 선언하고 해당 상태의 Class가 해야하는 행동을 메서드로 정의하고 이를 인터페이스로 캡슐화 후 호출하는 Class가 인터페이스를 호출하는 방식이다. 사용 예시 자 그러면 Person Class를 이용해서 예시를 들어보자. 사람은 나이에 따라 상태를 child(어린이), Adult(청년), Senior(노년)으로 구별된다. 해당 상태에 따라서 움직인다라는 메서드를 사용 가능하고 움직이면 나이가 들다가 다시 어린이로 돌아..

article thumbnail
NestJs Event 처리(@nestjs/event-emitter)
B.E/Nest JS 2024. 4. 11. 17:52

NestJS에서는 Spring boot의 Events의 기능과 마찬가지로 이벤트를 발행하고 구독하는 기능을 @nestjs/event-emiiter를 이용하여 기본적으로 제공한다. 해당 기능을 이용하면 여러가지 기능을 로직에서 분리하여 개발할 수 있다는 장점이 있다. 오늘은 Nestjs에서 이벤트를 발행하고 구독하는 기능을 정리하고자한다! 00. 들어가기 전(프로젝트 셋팅) 해당 포스팅을 위해 새로운 프로젝트를 생성한다. 아래의 명령어를 이용하면 패키지 관리자로 npm, yarn, pnpm을 선택하라고 나올텐데 필자는 pnpm을 사용한다. npx nest new [project name] Project가 생성되면 아래와 같이 나오면 성공이다. 01. Event-Emiiter 설정 먼저 @nestjs/eve..

article thumbnail
Minio에 파일 업로드하기(with aws-sdk)
F.E/React 2023. 11. 29. 00:41

MinIO | High Performance, Kubernetes Native Object Storage MinIO's High Performance Object Storage is Open Source, Amazon S3 compatible, Kubernetes Native and is designed for cloud native workloads like AI. min.io 0. 들어가기 전 Minio는 AWS S3와 호완되는 Object Storage인데 회사에서는 AWS S3 등의 스토리지를 사용했겠지만 개인 프로젝트의 경우에는 비용을 고려해야하기에 진행하고 있는 프로젝트에선 Minio를 채택하여 파일 서버로 구성하였다. 다른 파일 서버도 존재하지만 Minio를 선택한 이유는 총 3가지가 존재한..