본문 바로가기

개발/개인, 사이드 프로젝트5

Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 4 [채팅방 추가] Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 4 [채팅방 추가] 1. chat, user table 완성 후 socket으로 front-back 상호작용 연결하기 2023.10.13 - [개발관련/개인프로젝트] - Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 1 Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 1 쇼핑몰 애플리케이션에서 간단하게 구현해봤던 웹소켓을 이용해서 간단한 채팅앱을 구현해보기로 했다. Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 1 1. 어떻게 만들 것인가? 2. 오늘 겪은 문제 veritas-crystal.tistory.com 2. user login 기능 구현, user 정보.. 2023. 11. 8.
Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 3 Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 3 1. chat, user table 완성 후 socket으로 front-back 상호작용 연결하기 2023.10.13 - [개발관련/개인프로젝트] - Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 1 Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 1 쇼핑몰 애플리케이션에서 간단하게 구현해봤던 웹소켓을 이용해서 간단한 채팅앱을 구현해보기로 했다. Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 1 1. 어떻게 만들 것인가? 2. 오늘 겪은 문제 veritas-crystal.tistory.com 2. user login 기능 구현, user 정보 전달/저장 20.. 2023. 11. 2.
Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 2 Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 2 1탄에서 socket 으로 프론트/백 연결까지 했으니, 이제는 user login 기능을 구현해야한다. 1. Today I learned 2. 오늘 겪은 문제 위의 목차를 클릭하면 해당 글로 자동 이동 합니다. 1. Today I learned user모델은 아래와 같다. username, token, online 백엔드 Models/user.js const mongoose = require('mongoose'); const userSchema = new mongoose.Schema({ name: { type: String, required: [true, 'User must type name'], unique: true, }, t.. 2023. 10. 19.
Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 1 쇼핑몰 애플리케이션에서 간단하게 구현해봤던 웹소켓을 이용해서 간단한 채팅앱을 구현해보기로 했다. Express, React, Mongoose 로 웹소켓 채팅앱 만들기. 1 1. 어떻게 만들 것인가? 2. 오늘 겪은 문제 3. 해결 방법 4. 입력하기 추천글 위의 목차를 클릭하면 해당 글로 자동 이동 합니다. 1. 어떻게 만들 것인가? 1. 백엔드 세팅 : 데이터베이스 세팅, 웹소켓 세팅 2. 프론트엔드 세팅 : 웹소켓 세팅 3. 백엔드 프론트엔드 연결 테스트 4. 유저 로그인 5. 메세지 주고받기 핵심 포인트: mongoose schema 설정, dotenv로 db 연결정보 설정, index로 front, io, 서버 연결 2. 오늘 겪은 문제와 해결 방법 app.js 에서 mongoose 를 통해 db.. 2023. 10. 13.