최근 대규모 채팅 서비스를 구축하는 프로젝트에 참여하게 되었고, 실시간 통신을 위해 웹소켓(WebSocket) 을 사용하게 되었다.나는 인프라와 프론트엔드를 담당했는데, 웹소켓은 이번이 처음이어서 직접 공부하고 정리해보는 것이 좋겠다고 생각했다.이번 글에서는 내가 왜 Websocket + SockJS + STOMP를 사용했는지, 어떻게 사용했는지를 중점으로 작성했다.실시간 통신 방식 전반에 대해서는 아래 글에서 이미 다루었기 때문에, 이 글에서는 생략하도록 하겠다.https://yongaricode.tistory.com/7 대규모 채팅 시스템 설계하기 1: 실시간 통신 방식ACC에서 사이드 프로젝트를 시작했다. 주제는 총 4개가 있었는데, 그 중 우리 팀은 대규모 채팅 시스템을 만들기로 했다.📌 채팅 ..

최근 진행한 프로젝트에서 에러 처리를 적용해야 할 상황이 있었다.너무 막막해서 미뤄두고 있던 에러 처리를, React의 ErrorBoundary라는 개념을 알게 되며 시도해보게 되었다.결론부터 말하자면... ErrorBoundary는 사용할 수 없었다.그래서 이번 글에서는 React ErrorBoundary가 어떤 것인지 간단히 정리하고, 내 프로젝트에서는 왜 사용할 수 없었는지 그 이유를 공유하려고 한다! React ErrorBoundary란?React에서는 컴포넌트를 렌더링하는 동안 예기치 않은 오류가 발생하면 해당 컴포넌트의 트리 전체가 제거된다.이때, 에러 처리가 없다면 사용자는 아무런 피드백 없이 깨진 화면을 마주하게 된다.이 문제를 해결하기 위해 등장한 것이 바로 ErrorBoundary다!..