채팅 【Rails】채팅의 풍선의 방향을 바꾸는 방법 이 기사는 의 기사입니다. 아래 그림과 같이 자신의 메시지와 자신 이외의 메시지로 사용자 아이콘의 위치와 말풍선의 방향이 바뀌는 채팅 기능을 만듭니다. 채팅 기능 자체가 만들어졌습니다 bootstrap4가 설치되었습니다 자신의 연설 거품과 상대방의 연설 거품에 대한 CSS 클래스 준비 View 파일에서 각 메시지에 대해 자신 또는 자신이 아닌 메시지를 결정합니다. 각 결정에 적용되는 CSS ... Rails채팅프로그래밍CSS루비 Next.js + Socket.io 채팅 기능 구현하기 1편 Next.js를 기반으로 하고 있는 개인 프로젝트에 socket.io를 이용한 채팅 기능을 구현했습니다. 구현에 앞서 채팅방 UI, DB에 저장될 Chat 구조 등등을 고민했으나 구현 이후 수정하는 방향으로 진행하기로 했습니다. 모든 플랫폼에 대한 양방향 및 저지연 통신 기능을 지원하는 JS 라이브러리 입니다. 브라우저에서 실행되는 client측 라이브러리와 node.js용 서버측 라이브러리... React채팅socket.ionext.jsReact [WebSocket] 채팅프로그램 | 채팅방 만들기 2 webSocketConfig 클래스 생성 SocketHandler 클래스 수정 @SuppressWarnings("unchecked") : 모든 점검 경고는 프로그램 실행 도중에 ClassCastException이 발생할 가능성을 나타낸다. 형 안전성을 보장한다는 사실을 입증할 수 있다면, 해당 어노테이션을 사용해 해당 경고를 억제하되 어노테이션 적용 범위는 최소화 하자. 그리고, 경고 메시지... 채팅websocketwebsocket [WebSocket] 채팅프로그램 | 나와 상대방 구분하기 현재는 String 메시지 자체를 보냈지만, 이번엔 JSON형태로 메시지를 보내고 받도록 해보겠습니다. SocketHandler | jsonToObjectParser 메소드 추가 obj = (JSONObject) parser.parse(jsonStr); : jsonStr(String)을 JSONObject로 바꿔줍니다. SocketHandler | JSon 메시지 처리로 변경 JSONObje... 채팅websocketwebsocket
【Rails】채팅의 풍선의 방향을 바꾸는 방법 이 기사는 의 기사입니다. 아래 그림과 같이 자신의 메시지와 자신 이외의 메시지로 사용자 아이콘의 위치와 말풍선의 방향이 바뀌는 채팅 기능을 만듭니다. 채팅 기능 자체가 만들어졌습니다 bootstrap4가 설치되었습니다 자신의 연설 거품과 상대방의 연설 거품에 대한 CSS 클래스 준비 View 파일에서 각 메시지에 대해 자신 또는 자신이 아닌 메시지를 결정합니다. 각 결정에 적용되는 CSS ... Rails채팅프로그래밍CSS루비 Next.js + Socket.io 채팅 기능 구현하기 1편 Next.js를 기반으로 하고 있는 개인 프로젝트에 socket.io를 이용한 채팅 기능을 구현했습니다. 구현에 앞서 채팅방 UI, DB에 저장될 Chat 구조 등등을 고민했으나 구현 이후 수정하는 방향으로 진행하기로 했습니다. 모든 플랫폼에 대한 양방향 및 저지연 통신 기능을 지원하는 JS 라이브러리 입니다. 브라우저에서 실행되는 client측 라이브러리와 node.js용 서버측 라이브러리... React채팅socket.ionext.jsReact [WebSocket] 채팅프로그램 | 채팅방 만들기 2 webSocketConfig 클래스 생성 SocketHandler 클래스 수정 @SuppressWarnings("unchecked") : 모든 점검 경고는 프로그램 실행 도중에 ClassCastException이 발생할 가능성을 나타낸다. 형 안전성을 보장한다는 사실을 입증할 수 있다면, 해당 어노테이션을 사용해 해당 경고를 억제하되 어노테이션 적용 범위는 최소화 하자. 그리고, 경고 메시지... 채팅websocketwebsocket [WebSocket] 채팅프로그램 | 나와 상대방 구분하기 현재는 String 메시지 자체를 보냈지만, 이번엔 JSON형태로 메시지를 보내고 받도록 해보겠습니다. SocketHandler | jsonToObjectParser 메소드 추가 obj = (JSONObject) parser.parse(jsonStr); : jsonStr(String)을 JSONObject로 바꿔줍니다. SocketHandler | JSon 메시지 처리로 변경 JSONObje... 채팅websocketwebsocket