개발자

next socket.io 연결, 제가 어떤 부분을 놓치고 있을까요?

2024년 07월 11일조회 42

https://github.com/hyubbb/socket-test-app 안녕하세요. 간단하게 채팅방을 만들어서 유저의 입장/퇴장, 채팅 기능을 구현해볼려고 하는데요. 통신이 됬다 안됬다 하더라구요? 그래서 계속 새로고침을 누르거나 해야하는 현상이 있습니다. 서버와의 연결은 계속 되어있다고 하는데 , socket.on 이나 socket.emit 이 동작을 안하는데 정말 이해가 안됩니다. 콘솔을 찍어봤을땐, next가 캐싱처리를 해서 실시간으로 응답하는게 문제가 발생한게 아닐까 생각했는데, 정확하게 갈피를 잡지 못하겠습니다. 3일을 헤매고 있는데요. 제가 어떤 부분을 놓치고 있는지 알려주시면 너무 감사하겠습니다. 코드가 길어서 github에 업로드 하였습니다. 클릭 라우트 처리 components/chat/chat-list socket.emit 발생장소 components/chat/chat-room 소켓 프로바이더 components/providers/socket-provider socket서버사이드 설정 pages/api/socket/io.ts

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

프레드윰님의 프로필 사진

이해 안되면 제가 아는 유튜브 인강 보시고 체크해보세요. 영상 나온지 얼마 안되서 도움될거에요 https://youtu.be/7p2mYyxUEZ4?si=wbu0Z7wCoSTlZUZ-

profile picture

익명

작성자

2024년 07월 12일

감사합니다. 처음부터 한다는 생각에 하나씩 보고 다시 하다보니, 저의 틀린점을 발견할수있었습니다. 감사합니다. 3일간의 고생을 해결해주셨습니다!!!!

프레드윰님의 프로필 사진

프레드윰

개발대발소발2024년 07월 12일

잘됐네요~ 유튜브 활용 잘하시면 좋은거 영상 많아요~ 제가 일일히 짚어 주기 보다는 영상 보면서 따라하는게 제일 빠르거든요~ 어쨌든 문제 해결 잘 됐으니 좋네요~

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2024년 07월 11일

프로젝트를 확인해보았지만, 직접 코드를 실행시켜 분석하는 것은 어렵습니다. 그러나 일반적으로 socket.io 연결 문제가 발생한다면, 다음과 같은 점들을 고려하실 수 있습니다. 1. **연결 상태 체크**: `socket.on('connect')` 와 `socket.on('disconnect')` 이벤트 핸들러를 사용하여 소켓이 올바르게 연결되고 연결 해제되는지 확인하세요. 2. **CORS 설정**: 응용 프로그램의 CORS 설정이 서버와 클라이언트 간 통신을 올바르게 허용하는지 확인하세요. 3. **서버와 클라이언트 버전 호환성**: socket.io 클라이언트 및 서버 라이브러리의 버전이 서로 호환되는지 확인하세요. 4. **에러 핸들링**: 가능한 모든 에러 사항을 감지하고 처리할 수 있도록 `socket.on('error')` 이벤트 핸들러를 사용하세요. 5. **Socket event emit/listen 중복 문제**: Socket event의 emit과 listen이 중복되어 수행되는 경우도 종종 있습니다. Socket의 event 가 발생하는 부분과 리스닝하는 부분이 올바르게 구성되었는지 확인해보세요. 위 점들을 검토해 보시고, 여전히 문제가 해결되지 않는다면 좀 더 구체적인 현상 설명 또는 오류 로그와 같은 추가 정보가 필요할 수 있습니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!