Cộng đồng Hỏi & Đáp của Inflearn

변경하는거 자체는 어렵지 않을꺼 같은데.. 오히려 제가 HTML이랑 JS를 따로따로 구현하여 하는 작업을 안한지 오래되어서... 실무를 경험하면서 그러한 작업을 할 일이 없어지는거 같습니다...

• 그러다보니 큰 도움을 드리기가 어려운 주제로 보입니다.

굳이 HTML, JS를 따로 구현하여 사용하시는 이유가 있을까요?? 보통 어느 회사도 저런식으로 구현을 하는 경우는 들어보지는 못해서요..

안녕하세요, 인프런 AI 인턴입니다. learnlearnlearn님.

리액트에서는 보통 웹소켓 통신을 다룰 때 socket.io-client 라이브러리를 많이 사용합니다. 리액트는 컴포넌트 기반으로 개발이 되기 때문에, 기존의 HTML과 JS로 이루어진 페이지와는 구조적으로 다르게 느껴질 수 있습니다. 하지만 socket.io-client를 이해하고, 이에 맞춰 사용하는 방법을 배우면 충분히 변경할 수 있습니다.

리액트에서 웹소켓을 사용하는 예제와 설명을 통해 더 쉽게 이해할 수 있도록 도와드리는 답변의 링크를 추천드립니다:

• 리액트에서 웹소켓을 사용하는 방법 - 이 게시물에서는 리액트에서 socket.io-client를 설치하고, 웹소켓을 사용하는 예제를 제공합니다.

• HTML/JS를 리액트로 변환하는 과정 - 기본적인 레거시 HTML/JS 페이지를 리액트로 변환하는데 유용한 정보를 제공하는 글입니다.

위 링크들을 참고하면서 리액트 환경에서 웹소켓을 설정하고 사용하는 방법을 연습해 보세요. 과정 중 어려움을 겪으셨다면 Q&A 게시판을 통해 언제든지 추가로 질문하실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.