새로운 프로젝트?와 마주하게 되면서 구조를 파악중에
실시간으로 다른 웹에서도 동시에 이벤트를 발생해주어야 하는 기능이 필요했다.
그런 도중에 MQTT라는 친구와 마주하게 됐는데... ( 안녕.. 새친구 🤨 )
친구의 소개는 "발행-구독(Publish-Subscribe) 기반의 메시지 송수신 프로토콜" 이라고 소개돼있다.
( mqtt 친구 소개 : underflow101.tistory.com/22 )
mqtt 구조를 정리하자면 발행과 구독 방식 그리고 비동기 방식이다.
또한 tcp/ip위에서 동작한다.
발행자가 어떠한 토픽을 publish한 후 중간에서 브로커가 해당 토픽을 subscribe한 구독자에게
해당 메시지를 중개하는 형태로 이루어져있다.
여기까지 간단하게 mqtt에 관한 설명을 하고 mosquitto(🦟?)에 대해 알아보자 :)
mosquitto는 mqtt 프로토콜을 지원하고 이를 이용해서 메시지를 수신, 송신 하는 어플리케이션이다.
mqtt프로토콜을 사용중이라 위에서 설명한것과 같이 발행-구독을 사용한다.
그리고 햇갈렸던게 부분이 mosquitto에서 포트를 두가지 사용하고 있었는데
포트 1883(기본)은 tcp/ip통신,
포트 9001은 WebSocket 사용이었다.
찾아보니 mosquitto 1.5.1버전 이후에 웹 소캣을 지원하도록 업데이트 됐다고한다.
( 참고 : www.steves-internet-guide.com/mqtt-websockets/ )
( 참고: mangkyu.tistory.com/48 )
정리 ) ( :: 내가 사용하고 있는 프로젝트 구조쓰 )
feat. 남자친구
'~ 2024.08' 카테고리의 다른 글
Vue.js와 Timepicker을 같이 사용했더니 발생한 일 (0) | 2021.02.09 |
---|---|
[ Vue.js ] 를 이용한 select box 꾸미기 (2) | 2021.01.08 |
TweenMax를 이용한 카운터 효과 ( feat. ScrollMagic ) (0) | 2020.08.07 |
[CSS] 물결이 차오르는 텍스트 ( 로딩 효과 ) (0) | 2020.08.05 |
[JavaScript] 스로틀(Throttle ) & 디바운스(Debounce) (4) | 2020.07.13 |