본문 바로가기

Sesac 웹 풀스택[새싹X코딩온]/회고록 및 TIL2

Socket.io로 채팅방 구현하기(feat. Node.js, Sequelize, React.js) Websocket과 Socket.io의 개념에 대해서 정리 Websocket 과 Socket.io Websocket이 태어난 배경 WebSocket은 HTTP와는 구분되는 별도의 통신 프로토콜이지만 HTTP를 기반으로 동작한다. HTTP는 단방향 통신을 지원하는 프로토콜이므로 서버에서 클라이언트로 데이터를 보내 everysmallstep.tistory.com Node.js 환경에서 실시간 1:1 채팅을 구현하기 위해서 socket.io를 사용했다. emit과 on으로만 구현하였고, 수정이나 삭제는 구현하지 않았다. 채팅 시작 전 채팅 목록은 room 테이블과 연결되어 있어서 채팅 페이지에 들어가게 되면 axios 요청을 통해 mysql(DB)에서 데이터를 가져온다. 1. 채팅 시작 시 프론트에서 채팅에 .. 2023. 6. 25.
1차 프로젝트 회고록(새싹 냉장고) 프로젝트 소개 냉장고 식품 관리 및 식재료 기반 레시피 추천 서비스 프로젝트 목표 보관 중인 식재료를 기반으로 레시피를 추천하고, 사용할 식재료 양을 확인할 수 있어 조리 중 낭비하는 식재료와 식사 후 남아서 버리는 음식을 줄인다. 언제 어디서나 간편하게 냉장고 속 식재료를 확인할 수 있는 서비스를 제공해 중복 구매나 과소비를 방지한다. 유통기한, 구매 일자를 관리해 유통기한 임박 식재료와 경과 식재료의 알림을 띄워 버려지는 식재료를 줄이고 쾌적한 냉장고 환경을 조성한다. 회고 이전에 팀 프로젝트를 진행했던 적이 있지만, 색다르게 Node.js 기반으로 팀프로젝트를 하면서 많은 것을 배우고, 느낄 수 있었던 시간이었습니다. 프로젝트를 진행하면서 어떤 어려움이 있었고 어떻게 해결했으며 무엇을 느꼈는지 정리.. 2023. 3. 2.