# 채팅

11개의 포스트

[WebSocket] 채팅프로그램 | 채팅방 만들기 2

webSocketConfig 클래스 생성 SocketHandler 클래스 수정 chat.jsp | javascript 부분

2021년 11월 20일
·
0개의 댓글

[WebSocket] 채팅프로그램 | 채팅방 만들기 1

Room 클래스 생성 MainController 메소드 추가 room.jsp | javascript 부분

2021년 11월 20일
·
0개의 댓글

[WebSocket] 채팅프로그램 | 나와 상대방 구분하기

현재는 String 메시지 자체를 보냈지만, 이번엔 JSON형태로 메시지를 보내고 받도록 해보겠습니다.obj = (JSONObject) parser.parse(jsonStr); : jsonStr(String)을 JSONObject로 바꿔줍니다.JSONObject obj

2021년 11월 20일
·
0개의 댓글
post-thumbnail

useRef 사용해서 채팅 UI 구현하기

useRef 문법은 공부를 했었는데, 마땅히 사용할 기회를 못 찾다가 이번 기회에 사용을 해봤는데 생각보다 간단해서 아주 쉽게 적용을 할 수 있었다.이런식으로 UI를 잡았고, 채팅을 입력하면현재 시간과, 입력한 내용이 채팅 목록에 추가가 되는 것을 볼 수 있다.채팅 d

2021년 11월 16일
·
0개의 댓글

21.05. 12 친구 관계 설정 API, Query logging, jwt 로그아웃

친구 관계 설정 API이 부분을 하면서 뭔가 다양한 것을 찾아본 것 같다. 쿼리 로깅을 달고 쿼리 횟수를 보면서 쿼리 횟수를 최대한 줄이기 위해서 orm 로딩 전략도 찾아보고 많은 것을 공부해볼 수 있었다.api 작성 자체는 어렵지 않았다. 하지만 쿼리를 어떻게 날릴

2021년 5월 12일
·
0개의 댓글
post-thumbnail

21.04.28 친구 관계 설정, EC2, RDS, nginx, gunicorn 설정

최근 자소서와 코테 때문에 많이 진행하지 못했다... 곧 면접도 있어서 cs 공부도 해야되어서 예전만큼 시간을 할애하지 못할 것 같다.. ㅠ그래도 할때는 열심히!채팅방이나 인증 등을 직접 테스트 해보려면 프론트가 있으면 좋겠어서 팀원을 구했다. 프론트 갓 시작하는 2명

2021년 4월 30일
·
0개의 댓글
post-thumbnail

나만의 채팅 서비스 만들기 (react + express + Socketio)

갑자기 왜? 마이스터고등학교에 재학하며 다양한 프로젝트 경험을 쌓을 수 있었습니다. 다양한 프로젝트를 진행하며 여러 기술을 사용해보았지만, 정작 꼭 사용해보고 싶었던 기술인 Websocket기술을 사용해 본 경험이 전무했습니다. 마침 제가 꼭 지원하고 싶은 회사에서 W

2021년 4월 21일
·
0개의 댓글
post-thumbnail

[Flutter] 카카오톡의 채팅 답장 인터렉션 만들기

카카오톡 답장 인터렉션 구현하기

2021년 4월 19일
·
0개의 댓글
post-thumbnail

진짜 나쁜 친구들 Socket.io

Socket.io는 천성이 나쁜 녀석들이다. 걸핏하면 에러가 나고 서버가 꺼진다. 뭔가 잘못됐는데 어디가 잘못됐는지도 모르겠다. 그냥 내가 잘 못한 거다.

2020년 12월 26일
·
0개의 댓글

웹소켓이란?!

"웹 소켓을 이용한 카톡 프로젝트...","웹소켓을 이용한.." 이런 이야기를 많이 들어 봤는데 도대체 웹 소켓이란 무엇인가? 먼저 웹소켓이 만들어진 배경을 알아보자. 인터넷이 나오고 http를 통해서 통신을 하던 시절..서버로 부터 데이터를 가져오기 위해서는 오로지

2020년 11월 8일
·
0개의 댓글
post-thumbnail

vue 채팅 애플리케이션 만들기 1 - 프론트엔드 개발환경 설정하기

다음과 같은 채팅 웹 애플리케이션을 vue.js 를 사용해서 만들것입니다. 웹소켓을 사용할 것이고요, 배포까지 진행해봅시다. vue 채팅앱 서비스 링크 urman.gif 이번에는 프론트엔드 개발 환경 설정을 다룹니다. 1. vue cli 설치 vue cli는 뷰 프로젝트 생성, 라이브러리 관리, 배포 파일 생성 등의 기능을 지원하는 프로그램입니다. vu...

2020년 1월 11일
·
0개의 댓글