작성한 질문수 11

0

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

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

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

0

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

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

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

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

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

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

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