인프런 커뮤니티 질문&답변

teddy8님의 프로필 이미지
teddy8

작성한 질문수

React로 NodeBird SNS 만들기

질문

작성

·

242

0

안녕하세요 제로초님 

궁금한 것이 있습니다.

 

오류가 난 상황에서

이를 해결하기 위해

 

크롬 확장프로그램인 

Redux DevTools에서 

 

Inspector창의 state를 보고 있는 상황에

갑자기 새로고침되버리는 경우가 있습니다. 

 

저는 state도 보고 액션도 보면서 

오류를 천천히 살펴보고 싶은데

갑자기 새로고침되버리는 것입니다.

 

그 오류를 다시 발생시키기 위해 

또 반복동작을 하게 되는데

 

마땅한 방법이 있을까요?

답변 7

0

teddy8님의 프로필 이미지
teddy8
질문자

그냥 넥스트가 리로드 시키기전에

프론트서버 Ctrl+c로 꺼버렸어요

어쩔 수 없이 이렇게 해야되겠어요 일단은 ㅋㅋ

답변주셔서 감사합니다~ 

0

teddy8님의 프로필 이미지
teddy8
질문자

네 서버에서 include Post as Retweet 부분 되어있습니다.

retweet할 때 문제가 있는 부분은

제로초님에게 질문하지 않고

제가 스스로 해결하려하기에 문제가 되지 않습니다.

로그찍거나 state변경된 거 보면서 해결하면 되니까요..

다만,

말씀해주신 것처럼

넥스트에서 뜬금없이 빌드를 한 번 더하는 것은 왜그런걸까요..?

그것때문에 state변경된거를 천천히 보고 있는데

초기화되버립니다.

이거 저만 이런 것 맞죠??

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

retweet할때 문제가있네요. 리트윗하는 순간 넥스트에서 뜬금없이 빌드를 한 번 더 시도합니다.

일단 서버에서 /:id/retweet할 때 res.json(post)할 때 이 post에 include Post as Retweet 부분 넣어주셨나요?

https://github.com/ZeroCho/react-nodebird/blob/master/ch7/back/routes/post.js#L224-L229

0

teddy8님의 프로필 이미지
teddy8
질문자

retweet버튼을 누르는 것이기 때문에 form을 submit하는 것이 아닙니다.

그리고 e.preventDefault를 안붙여서 새로고침이 발생하는 경우는

새로고침이 그 즉시 일어나야 정상인데 제 경우는 몇초뒤에 한참있다가 발생한다는 것입니다.

https://drive.google.com/file/d/14evTTbHODAQ907ckafDI-VlQECVAgn3L/view?usp=sharing

1분15초 부터 보시면 됩니다. (새로고침이 되는 부분)

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

혹시 form을 submit하고계신가요? 이럴때 e.preventDefault를 안 붙이면 새로고침이발생합니다.

0

teddy8님의 프로필 이미지
teddy8
질문자

아니요

리덕스데브툴즈를 켜도 새로고침상황이 발생하고

리덕스데브툴즈를 안켜도 새로고침상황이 발생합니다.

리덕스데브툴즈라는 말을 괜히 꺼내서 헷갈리게 했나보네요 죄송합니다 ㅠ

다시 질문드리면

예를들어

로그인에 오류가 발생하여

브라우저 콘솔창에 찍힌 로그를 보면서 

에러를 파악해야하는 상황이라고 가정하겠습니다.

이 때, 에러를 보고 있는데 브라우저가 몇초 뒤에 새로고침 되버린다는 것입니다.

이 경우 에러가 재빨리 지나가버리기 때문에

제가 찾은 방법은

재빨리 캡쳐해놓고 그림판에서 보거나

동영상 녹화를 떠서 보면서 해결하는데

여간 불편한 일이 아닙니다.

제로초님은 이런 경우 없으셨나요?

저만이런건지..

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

리덕스데브툴즈를 안 켜고있으면 새로고침상황이 발생하지않나요?

teddy8님의 프로필 이미지
teddy8

작성한 질문수

질문하기