기술 스택 클라이언트를 만들때 사용할수 있는 기술 스택은 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..
메신저를 만들게 된 이유? 지금까지 해왔던 프로젝트의 대부분은 RESTful API를 만든 다음 클라이언트와 서버가 HTTP 통신을 통해 정보를 공유하는 프로젝트였다. 그안에서 실시간 서비스를 구현해보려고 해봤지만, 기본적으로 HTTP는 클라이언트가 서버에 요청해야만 정보를 얻을 수 있는 단방향 통신이기 때문에 생각처럼 구현되지 않았던 경험이 있다. 그래서 이번 기회에 양방향 통신을 하는 서비스를 만들어보고 싶었고 선택한 것이 1:1로 실시간 대화가 가능한 메신저이다. 웹소켓? 웹소켓은 TCP 연결을 통해 서버와 클라이언트가 양방향 통신을 가능하게 해주는 통신 프로토콜이다. 웹 클라이언트의 요청 시에만 서버의 정보를 받을 수 있는 HTTP 방식과는 다르게 클라이언트의 요청이 없어도 이벤트가 발생하면 서버..
- Total
- Today
- Yesterday
- openssh
- 멀티프로세스
- ec2
- Context Switch
- REST API
- Access Modifier
- java persistence api
- Dependency Injection
- Adapter
- 메신저
- REST ful
- java
- operating syatem
- 인스턴스연결
- os
- 의존성 주입
- ORM
- 접근제어자
- 인스턴스
- 컴퓨터공학
- full duplex
- observer
- websocket
- context switching
- 웹소켓
- 하이버네이트
- GOF
- 운영체제
- AWS
- react
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |