유투버 개발하는 정대리 님의 영상을 참고하여 React 라이브러리 환경에서 Socket 라이브러리를 활용하여 채팅 기능 사이트를 제작해봤습니다.
- React.js
- TypeScript
- Express
- Socket.IO
- Vite
- Vite는 사용자가 빌드 시점에 최적화를 수행하여 결과물의 크기를 최소화하고 성능을 극대화하며 직접 설정하지 않아도 미리 구성된 개발 환경을 제공하고, 설정이 간단하고 직관적이어서, 초보자부터 숙련된 개발자까지 모두 쉽게 사용할 수 있습니다.
- Socket IO에서 사용하기 쉬운 API를 제공하여 실시간 통신 기능을 쉽게 구현할 수 있습니다.
- 실시간 기능이 필요한 다양한 애플리케이션에서 사용될 수 있어서 채팅 애플리케이션과 같은 프로그램을 개발하는데 각 컴포넌트가 자체적으로 실시간 데이터를 구독하고 처리할 수 있어, 애플리케이션의 복잡성을 효과적으로 관리할 수 있습니다.
- React의 가상 DOM과 최적화된 렌더링 메커니즘을 사용하여 실시간 데이터를 효율적으로 업데이트할 수 있습니다.