반응형 개발 기초 다지기69 웹소켓 웹 알림 기능 구현(할당받은 멤버에게만) 지난번 글을 통해 소켓을 통한 알림기능 구현을 결정했다. 알림 기능 프로세스결정 후 가장 처음으로 한 것은 프로세스의 흐름을 이해한 것이다.위 그림처럼 'client1'이 action을 하면 기존 흐름처럼 controller -> service로 동일하게 흘러간다.service에서 비즈니스 로직 수행을 마친 후, 다시 controller로 반환해주기 전에 작성해준 websoket gateway코드를 통해 해당 action에 대한 알림을 client들에게 보내주는 흐름이다.(소켓을 사용해 client와 server가 항상 연결되어있기때문에, 요청을 보내지 않은 clients들에게도 실시간 알림을 보내줄 수 있는것!) 알림을 주는 websocket gateway그 다음으로 한 일이 알림을 전해주는 역할을 하.. 2024. 7. 16. 댓글/상태변화 알림 기능 구현 (왜 http 요청이 아닌 웹소켓인가?) 이번 칸반보드 팀프로젝트에서 필수 구현 중 내가 맡은 댓글 CRUD를 빠르게 마쳤다. 그리고 처음으로 웹 알림 기능을 도전했다. 칸반 보드 내 카드에 변화가 생기거나, 댓글이 달릴 경우, 알림이 가는 기능이다. 사실 알림 기능에 대해 조금도 알지 못해서 처음부터 공부해나가는 느낌으로 공부하기 시작했다. 그렇게 알림기능 구현에 웹소켓을 이용한다는 것을 알게되었다. 기존 http 요청이 아닌 웹소켓을 사용하는 이유는 무엇일까?1. 실시간 양방향 통신웹소켓은 클라이언트와 서버 간에 지속적인 연결을 유지하여 양방향 통신을 가능하게 한다. 이는 사용자가 알림을 즉시 받을 수 있게 하며, 실시간 상호작용을 필요로 하는 기능에 적합하다. (HTTP는 클라이언트가 요청을 보내고 서버가 응답을 반환하는 단방향 통신 모델.. 2024. 7. 12. 보드 속 리스트 이동 (Linked List 다시 보기) 팀 프로젝트가 시작되었다. 이번에는 Trello 사이트같은 칸반보드를 구현해내는 것이다. Trello를 이용해본 적은 없지만 이전 직장에서 notion을 같은 용도로 사용했기에 서비스 자체는 쉽게 이해할 수 있었다. 오늘은 첫날이기에 서비스 구현 범위를 정하고 ERD, API 명세서, 와이어프레임 구현을 했다. 이 과정 속에서 주요 기능인 보드 속 리스트 이동에 대한 기술적 고민이 시작됐다. 리스트 이동은 어떻게 구현해야할까?처음 팀원들과 생각해낸 아이디어는 리스트 테이블에 순서 칼럼을 만들어서 숫자를 입력 받아 그 순서대로 출력하고, 리스트 이동이 있을 시 숫자를 수정해주는 방법을 생각했다. 이에 대해 튜터님께서는 2가지의 피드백을 주셨다. 방법 1: CSS - Z-Index 방식방법 2: 별도의 테.. 2024. 7. 11. NestJS 서버 포트 충돌 문제 해결(기존 포트 프로세스 죽이기) 이번 과제때 서버를 연결하는데, 포트 충돌이 일어났다. 이유는 내가 이미 3000번 포트를 사용중이기 때문에 연결을 할 수 없다는 것이다.오류 메시지[Nest] 194557 - 07/08/2024, 2:05:15 AM ERROR [NestApplication] Error: listen EADDRINUSE: address already in use :::3000 +2msError: listen EADDRINUSE: address already in use :::3000 at Server.setupListenHandle [as _listen2] (node:net:1898:16) at listenInCluster (node:net:1946:12) at Server.listen (node:net.. 2024. 7. 10. 이전 1 2 3 4 5 6 ··· 18 다음 반응형
