기술 스택 클라이언트를 만들때 사용할수 있는 기술 스택은 React, Vue, JSP 등이 있다. 대부분 websocket을 지원하기때문에 사용하기 편한것을 선택하면 된다. 나는 사용해본 경험이 있기에 익숙한 React를 선택했다. 웹소켓 연결하기 React에서 웹소켓 통신을 하기위해 react-stomp라는 라이브러리를 사용했다. react 프로젝트 생성후 추가해주도록 하자. https://www.npmjs.com/package/react-stomp npm install react-stomp or yarn add react-stomp 라이브러리 설치가 끝났다면 웹소켓을 연결할 페이지를 작성할때 컴포넌트를 import하여 사용하면 된다. import React, { useRef } from 're..
시작 서버를 개발할 때 사용한 기술은 Springboot와 Websocket, Stomp, Redis이다. Websocket, Stomp 사용법은 스프링 공식 가이드에 친절하게 설명되어 있어 참고하였고 Redis는 단순 대화 내용을 저장하기 위한 용도로 사용하였다. ※ 글에 작성된 내용은 기본 Controller와 설정만 작성 하였습니다.(자세한 코드는 Github) 프로젝트 생성 프로젝트 생성은 Spring Initializr를 사용했다. Dependencies를 검색해서 추가하면 의존성이 추가된 프로젝트를 생성해주기 때문에 간편하다. 물론, IDEA에서 프로젝트를 생성하고 의존성을 추가해도 상관없다. WebsocketConfiguration package com.java.chat.configurati..
메신저를 만들게 된 이유? 지금까지 해왔던 프로젝트의 대부분은 RESTful API를 만든 다음 클라이언트와 서버가 HTTP 통신을 통해 정보를 공유하는 프로젝트였다. 그안에서 실시간 서비스를 구현해보려고 해봤지만, 기본적으로 HTTP는 클라이언트가 서버에 요청해야만 정보를 얻을 수 있는 단방향 통신이기 때문에 생각처럼 구현되지 않았던 경험이 있다. 그래서 이번 기회에 양방향 통신을 하는 서비스를 만들어보고 싶었고 선택한 것이 1:1로 실시간 대화가 가능한 메신저이다. 웹소켓? 웹소켓은 TCP 연결을 통해 서버와 클라이언트가 양방향 통신을 가능하게 해주는 통신 프로토콜이다. 웹 클라이언트의 요청 시에만 서버의 정보를 받을 수 있는 HTTP 방식과는 다르게 클라이언트의 요청이 없어도 이벤트가 발생하면 서버..
- Total
- Today
- Yesterday
- Context Switch
- 메신저
- REST API
- REST ful
- operating syatem
- java
- 인스턴스연결
- Adapter
- observer
- 인스턴스
- 웹소켓
- Dependency Injection
- 멀티프로세스
- GOF
- 컴퓨터공학
- java persistence api
- websocket
- Access Modifier
- 접근제어자
- 하이버네이트
- ORM
- openssh
- 운영체제
- os
- react
- full duplex
- ec2
- context switching
- AWS
- 의존성 주입
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |