다음주 수요일에 실배포를 할 예정이다.
리덕스 툴킷 대신 리액트 쿼리로 대체하기로 했다.
server state를 따로 관리하게 됐는데 우리 프로젝트는 client state를 전역을 관리할 필요가 있었나 하는생각이 들었다.
리액트 쿼리로 바꿔보니 리덕스를 쓸필요가 없어졌다...
리덕스를 아예 걷어내야겠다.
실시간 알림을 SSE로 하기로 했는데 이 블로그를 참고했다.
SSE Protocol 활용해서 Spring => React 단방향 통신하자.
백엔드 서버가 두개가 있고, 프론트엔드 서버가 1개가 있다. 문제는 이거, A라는 벡 서버가 B라는 q벡서버에 소켓으로 데이터를 쏴주면 B라는 벡서버는 C라는 프론트서버에게 그 데이터를 다시 쏴
velog.io
우리는 연결할때 토큰을 보내줘야하는데 자바스크립트에서 기본으로 제공하는 EventSource는 헤더를 지원하지 않는다..
EventSource - Web API | MDN
EventSource 인터페이스는 server-sent events에 대한 웹 콘텐츠 인터페이스입니다. EventSource 인스턴스는 text/event-stream 포맷으로 이벤트를 보내는 HTTP 서버에 지속적인 연결을 합니다. 연결은EventSource.clos
developer.mozilla.org
그래서 event-source-polyfill라이브러리를 이용해 헤더에 토큰을 담을수 있었다.
event-source-polyfill
A polyfill for http://www.w3.org/TR/eventsource/ . Latest version: 1.0.31, last published: 4 months ago. Start using event-source-polyfill in your project by running `npm i event-source-polyfill`. There are 184 other projects in the npm registry using even
www.npmjs.com
이제 2주남았다.
마지막까지 정신 차리자.
'회고' 카테고리의 다른 글
| 항해99 12주차 회고 (0) | 2022.12.18 |
|---|---|
| 항해99 11주차 회고 (0) | 2022.12.11 |
| 항해99 10주차 회고 (0) | 2022.11.27 |
| 항해99 9주차 회고 (0) | 2022.11.20 |
| 항해99 8주차 회고 (0) | 2022.11.13 |