inflearn logo
강의

講義

知識共有

Slackクローンコーディング[Reactによるリアルタイムチャット]

DM内容の表示

DM 전송 테스트시 500 에러

544

clcl60840997

投稿した質問数 4

0

안녕하세요. 해당 강의에서 제가 DM을 확인하려고 전송을 해봤는데 500에러가 나오지만, 다시 데이터를 불러오면 DM 자체는 서버로 잘 간거처럼 나와서요. payload도 정상적으로 보내진거 같은데, 혹시 제가 api 추상화쪽을 잘못했나 싶지만,, 그런거 같지는 않아서 고민하다가 이렇게 질문을 올려보아요 !

이게 해당 handleSubmut 코드와 API 추상화 코드입니다.

 

한번 봐주시면 감사하겠습니다.

 

클론코딩 웹팩 socket.io babel react 클론코딩 typescript Socket.io

回答 3

0

clcl60840997

백엔드 route/api.js에서 해당 함수에서 객체 key값을 얻는 과정에서 에러가 계속 떠서 저렇게 'content'를 반환하게 하드코딩해서 임시로 조치를 하니까, 메세지는 정상적으로 잘 보내지는데, 이런식으로 조치하면 안될 것 같아서요. 제가 백엔드쪽에서 데이터가 어떻게 들어오는지 확인할 방법이 있을까요?

0

zerocho

일단 원리가 프론트에서 socket.emit('login')을 해야 서버에서 onlineList에 값을 마련합니다. socket.emit('login')을 하지 않은 채 다른 socket.emit을 호출할 때 저기서 에러가 발생하는 겁니다. 따라서 프론트에서 로그인 후에 socket.emit('login')을 꼭 해주세요.

0

zerocho

https://github.com/ZeroCho/sleact/blob/master/front/layouts/Workspace/index.tsx#L130

이렇게요~

그게

https://github.com/ZeroCho/sleact/blob/master/back/socket.js#L18

여기와 이어집니다.

그래야

https://github.com/ZeroCho/sleact/blob/ec0baaf0df26692fd37e52585606a71c5a4743ee/back/routes/api.js#L461

여기서 에러가 안 납니다.

0

clcl60840997

network Tab입니다.
에러메시지입니다.config 탭입니다.request, response 탭입니다.에러를 쳐다봐도 들어가는 데이터는 정상적인거 같고, API도 정확한거같은데... Submit되는 과정에서 잘못된건지... 어쩐건지 도저히 모르겠습니다. ㅠㅠ 뭔가 간단한 실수같은데. 쉽지않네요.

0

zerocho

에러메시지 위치를 열어보시라니깐요??

image여기에 나와있잖아요

0

zerocho

socket.io 로그인 하셨나요?

0

zerocho

onlineList 부분일 것 같긴 한데요. 저기 에러메시지에 에러 위치 친절하게 다 나와있습니다. 에러메시지 자르지말고 올려주세요.

기본 셋팅과 관련하여

0

91

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

96

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

148

2

useEffect 개수 관리

0

109

2

라이브러리 서치 방법

0

103

2

함수 정의 패턴

0

77

1

npm run dev 에러

0

152

3

npx webpack 후 에러

0

178

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

142

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

177

2

초기세팅중 packge.json 에러떠요

0

154

2

CORS - Access-Control-Allow-Origin 누락 문제

0

430

3

로그인 페이지 무한 새로고침 현상

0

598

2

Module not found: Error: Can't resolve './App' 에러

0

952

1

배포 방법

0

296

2

npm run dev 시 빌드가 매우 느려졌습니다

0

988

2

alias 경로 설정 오류

0

448

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

275

1

제네릭 질문

0

217

2

ts-node 대신 tsx 사용여부

0

373

1

배포 관련 질문

0

247

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

385

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

336

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

247

2