이 글은 Tistory에서 이전된 포스팅입니다. 원본은 여기에서 확인할 수 있습니다. @KafkaListener Annotation 많은 consumer의 방법 중 하나이다. @KafkaListener(id = "foo", topics = MSG_TOPIC, clientIdPrefix = "myClientId") public vo...

이 글은 Tistory에서 이전된 포스팅입니다. 원본은 여기에서 확인할 수 있습니다. nginx.conf user nginx; worker_processes auto; error_log /var/log/nginx/error.log notice; pid /var/run/nginx.pid; events { worker_c...

이 글은 Tistory에서 이전된 포스팅입니다. 원본은 여기에서 확인할 수 있습니다. Message service 아키텍처 현재 현재 현재 구조에서 트래픽이 많아질 때 문제를 생각해보면 다음과 같다. socket 연결의 리소스 점유와 많은 트래픽으로 pub/sub 속도가 느려진다. pub/sub 속도는 충분...

이 글은 Tistory에서 이전된 포스팅입니다. 원본은 여기에서 확인할 수 있습니다. 문제 Message 하나를 우클릭해서 contextMenu 열고 닫을 때 마다 모든 Message 가 재실행된다. //Chat.tsx const [menuState, setMenuState] = useRecoilState<contextMenuInt...

이 글은 Tistory에서 이전된 포스팅입니다. 원본은 여기에서 확인할 수 있습니다. onContextMenu 우클릭 박스는 onClick말고 onContextMenu가 따로 있다. 채팅 우클릭시 export const Wrapper = styled.div<{ x: string, y: string }>` width: 80px; b...

이 글은 Tistory에서 이전된 포스팅입니다. 원본은 여기에서 확인할 수 있습니다. const Messeges = () => { <> <S.Messages> { reMsgArr.map((v: responseMsgDto...

이 글은 Tistory에서 이전된 포스팅입니다. 원본은 여기에서 확인할 수 있습니다. chat 어플리케이션을 만들면서 한 User의 연속 채팅일 때는 프로필을 첫 채팅에만 보이려고 한다. 연속 채팅이라면 프로필 하나에 채팅 여러개 그래서 [ responseMsg, responseMsg, responseMsg … ] 를 [[ responseM...

이 글은 Tistory에서 이전된 포스팅입니다. 원본은 여기에서 확인할 수 있습니다. 프론트 상태 관리 뭐로 할까하다가 useState 처럼 쓰이는 것 같은 recoil 발견 function App() { return ( <RecoilRoot> <CharacterCounter /> </Rec...

이 글은 Tistory에서 이전된 포스팅입니다. 원본은 여기에서 확인할 수 있습니다. https://ryuhojin.tistory.com/19 [[ReactJS] React + TypeScript + Webpack5 초기 설정 (리액트 18 공식 대응 완료) [2022-10-06 : 2차 업데이트] 보일러 플레이트의 프로젝트 구조변경 및 약간의...

이 글은 Tistory에서 이전된 포스팅입니다. 원본은 여기에서 확인할 수 있습니다. Kafka zookeeper kafka cluster brocker topic partiti...