질문

Question

안녕하세요 제로초님  궁금한 것이 있습니다.   오류가 난 상황에서 이를 해결하기 위해   크롬 확장프로그램인  Redux DevTools에서    Inspector창의 state를 보고 있는 상황에 갑자기 새로고침되버리는 경우가 있습니다.    저는 state도 보고 액션도 보면서  오류를 천천히 살펴보고 싶은데 갑자기 새로고침되버리는 것입니다.   그 오류를 다시 발생시키기 위해  또 반복동작을 하게 되는데   마땅한 방법이 있을까요?

teddy8 · Answer

그냥 넥스트가 리로드 시키기전에 프론트서버 Ctrl+c로 꺼버렸어요 어쩔 수 없이 이렇게 해야되겠어요 일단은 ㅋㅋ 답변주셔서 감사합니다~

teddy8 · Answer

네 서버에서  include Post as Retweet 부분 되어있습니다. retweet할 때 문제가 있는 부분은 제로초님에게 질문하지 않고 제가 스스로 해결하려하기에 문제가 되지 않습니다. 로그찍거나 state변경된 거 보면서 해결하면 되니까요.. 다만, 말씀해주신 것처럼 넥스트에서 뜬금없이 빌드를 한 번 더하는 것은 왜그런걸까요..? 그것때문에 state변경된거를 천천히 보고 있는데 초기화되버립니다. 이거 저만 이런 것 맞죠??

제로초(조현영) · Answer

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

teddy8 · Answer

retweet버튼을 누르는 것이기 때문에 form을 submit하는 것이 아닙니다. 그리고 e.preventDefault를 안붙여서 새로고침이 발생하는 경우는 새로고침이 그 즉시 일어나야 정상인데 제 경우는 몇초뒤에 한참있다가 발생한다는 것입니다. https://drive.google.com/file/d/14evTTbHODAQ907ckafDI-VlQECVAgn3L/view?usp=sharing 1분15초 부터 보시면 됩니다. (새로고침이 되는 부분)

제로초(조현영) · Answer

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

teddy8 · Answer

아니요 리덕스데브툴즈를 켜도 새로고침상황이 발생하고 리덕스데브툴즈를 안켜도 새로고침상황이 발생합니다. 리덕스데브툴즈라는 말을 괜히 꺼내서 헷갈리게 했나보네요 죄송합니다 ㅠ 다시 질문드리면 예를들어 로그인에 오류가 발생하여 브라우저 콘솔창에 찍힌 로그를 보면서  에러를 파악해야하는 상황이라고 가정하겠습니다. 이 때, 에러를 보고 있는데 브라우저가 몇초 뒤에 새로고침 되버린다는 것입니다. 이 경우 에러가 재빨리 지나가버리기 때문에 제가 찾은 방법은 재빨리 캡쳐해놓고 그림판에서 보거나 동영상 녹화를 떠서 보면서 해결하는데 여간 불편한 일이 아닙니다. 제로초님은 이런 경우 없으셨나요? 저만이런건지..

제로초(조현영) · Answer

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