# chat
[캡스톤디자인] Spring Boot, STOMP를 이용한 Chatting 구현 (2)
전 포스팅에서는 WebSocket과 STOMP에 대한 개념을 정리하는 시간을 가졌다.개념을 정리했으니 이제 채팅을 구현해봐야지 않겠는가..이번 포스팅에서는 Spring을 통해 간단한 채팅 프로그램을 만들어보고자 한다!역시 이를 구현하기 위해 구글링을 해본 결과 아래 블
[캡스톤디자인] Spring Boot, STOMP를 이용한 Chatting 구현 (1)
사용자 인증 부분 구현을 마치고 이제 온라인 모임 서비스에 필요한 채팅구현을 맡게 되었다.Chatting은 처음 구현해보는지라 일단 배경지식에 대해 공부가 필요해 보인다!먼저 Chatting을 구현하기 위해서는 WebSocket이라는 것과 STOMP라는 것에 대한 이해
[DEVELOG] 콘솔 채팅 프로그램 2 - Client 코딩
이번에는 Server프로그램에 맞춰서 Client프로그램을 만들어보자. 이번에도 아래의 5가지 단계를 거쳐서 코드를 짜게 된다. > 윈속초기화 -> 소켓생성 -> 통신 -> 소켓닫기 -> 윈속종료 먼저 필요한 라이브러리를 링크해주자. 또, 서버 프로그래밍에서 했듯이
[DEVELOG] 콘솔 채팅 프로그램 1 - Server 코딩
C++의 windock2헤더파일 이용하여 간단한 채팅 프로그램을 만들어보았다. 가장먼저, 헤더파일과 ws2_32.lib 라는 라이브러리를 링크해주어야한다. 윈도우소켓의 통신 과정은 5가지과정을거친다. > 윈속초기화 -> 소켓생성 -> 통신 -> 소켓닫기 -> 윈속종
[Flutter/Firebase] FireStore로 Flutter에서 채팅 구현하기(3) 채팅 UI
완성된 UI입니다사용 라이브러리 : https://pub.dev/packages/chat_bubbles
[Flutter/Firebase] FireStore로 Flutter에서 채팅 구현하기(1) 모델 정의하기
flutter에서 firestore로 채팅 구현하기!snapshot 모델로 바꾸는게 가장 힘들었다..참고로 이 코드는 Riverpod를 사용해 구현되었습니다! 채팅 구조는 당근마켓처럼 글 작성자가 존재하고, 작성자에게 글 기반으로 채팅을 해 접근하는 구조입니다. (원래
NestJS: Gateways (socket.io)
제로초 NestJS 강의를 수료하고, NestJS에 OAuth 카카오 로그인 인증을 추가한 repo에 Chat 기능을 추가해 봅니다.
챗GPT
사람 수준으로 답변하는 챗봇 오픈형 AI구글 검색과는 다르게 AI가 인터넷에 있는 수많은 정보를 결합해 대화 형식으로 제공 서비스.아직은 정확성은 떨어진다고 하지만, 오류가 줄어들면 상당히 검색엔진에 위헙적일 것 같음.전망성 : 콘텐츠(시,소설,게임 등) 제작, 교육,
chatGPT 사용해보기
먼저 사이트(https://openai.com/blog/chatgpt/)를 접속하여, "TRY CHATGPT" 클릭로그인 버튼 클릭본인에게 맞는 맞게 로그인 (저는 구글로)Next 버튼 클릭 및 Done 버튼 클릭밑 입력칸으로 인공지능하고 대화Galaxy vs
socket.io(2)_simpleChat
들어가기socket.io의 두번째 파트로client->server->client로data가 전송되는 과정을 잘 확인한다.
Stream.(1) Prisma, model, UploadForm, DetailPage, chat
들어가기Live 방송의 UploadForm을 완성한다.1\. model(prisma)2\. UploadForm3\. DetailPageGET은 live방송을 다 깔아주는것, POST는 방송 Upload여기서는 Upload만 다룸detail Page에 사용되는 채팅!!l
chat.tsx
채팅부분을 꾸며본다pages/chats/index.tsx 와 pages/chats/id.tsx 두 개의 file로 구성됨.import { NextPage } from 'next'import Link from 'next/link'import Layout from '.
Room.js(1)
대화방을 클릭 했을때, 대화 내용이 뿌려지는 방역시, 코딩에 있어서 가장 어려운 부분임.cache와 scriptions가 같이 들어가기 때문에 집중!!집중!! 반복!!반복!!이 필요한 부분.!!!persistCache 부분은 주석처리한다.꼭 필요한 부분도 아니고, su
Subscription(4)_playground
playGround에서 subscribe를 어떻게 실행시키는지를 다룸.playGround에서 connection setting(회색바탕의 기계아이콘) 들어가서,Subscriptions의 주소(ws://localhost:4000/graphql)확인하고,Implementa
33.Subscription(1)_server.js
backend에서 가장 어려운 부분, 중요한 부분, update가 자주 일어나는 부분.고래도 할 수 있다!!!!! 항상, 공식문서를 참고할것.!!! https://www.apollographql.com/docs/apollo-server/data/subscrip
29. Message( model, typeDefs)
backend에서 가장 어려운 부분이니 집중 또 집중, 복습 또 복습 하자이렇게 통으로 올리는 이유는 model들 간의 relation을 확인하라고~schema.prisma와 비교해 가면서 Message와 Room 확인바람.computed Filed를 미이 만들어 놓은