숫자야구게임 - alert가 rendering을 방해하는 것 같습니다...
432
작성한 질문수 2
선생님 안녕하세요. 숫자 야구 코드를 작성하고 테스트 해보는데, 제 브라우저가 문제인지, 아니면 실제로 이렇게 작동하는 게 맞는건지 의문이 들어 사진과 함께 질문 드립니다.
우선은 작성한 코드입니다. 순서나 오타가 없음을 확인하였습니다.
그런데 만약에 10번 틀릴 때 alert가 발생하기 전에, setState가 되고 "10번 넘게 틀려서 실패! 답은 ...입니다." 하고 renderig이 되기 전에 alert가 먼저 띄어집니다. 제 생각엔 원래라면 먼저 틀렸음과 함께 정답이 띄워지고 난 후에 alert가 나타나고 alert를 체크하면 setState가 다시 되어서 게임이 다시 reset되어야 될 것 같은데, alert가 먼저 나타나고 그 이후에 render가 진행되는 것 같습니다. 비동기적인 문제일까요? 아니면 alert의 알림 설정이 제 브라우저 내에서 이상하게 설정되어 있는 걸까요?
다음은 사진입니다.
render가 브라우저에 나타나기 전에 alert가 발생하구요, alert를 확인 누르면 다음과 같이 됩니다.
혹시 이렇게 동작하는 것이 원래 맞는지... 아니면 무슨 문제가 있는 건지 정확히 잘 모르겠습니다. 우선 코드는 정확히 오타나 순서 변경 없이 동일함을 확인하였습니다.
답변 1
npm run dev 실행 시 포트가 안뜨는 문제
0
239
2
timeouts.current를 useEffect 의 input값으로 넣었을때
0
98
2
렌더링 테스트 코드 (Hooks)
0
93
1
Cannot find package 'react-refesh' 이런 에러 뜨시는 분들 보세요.
0
166
1
해당 에러 뜨는 분들 보세요. "Uncaught TypeError: ReactDom.createRoot is not a function"
1
208
1
강사님 레포지토리에서 코드 복사 시 master 브랜치 말고 react18 브랜치꺼 복붙하세요ㅠㅠ
0
108
1
useMemo와 useCallback 사용 시기
0
221
2
onRightClickTd가 작동을 하지 않습니다.
0
237
1
action.type 불러오는 방식
0
226
2
onClickRedo 질문
0
177
1
const Try = require(./Try) 빨간줄
0
261
1
npx webpack 실행시
0
324
1
지뢰찾기 강좌에서 빈칸들 한번에 열기 파트에서 여쭤보고싶은부분이 있어서 글 올립니다.
0
243
1
강좌에서 다루지 않은 기능들은 어떻게 학습하면 좋을까요?
0
319
1
react devtool이 enable 않됩니다.
0
548
2
React 랜더링이 되지 않습니다.
0
422
2
비동기로 동작하는 setState에 대해서
0
340
1
npm run dev 할 때 에러발생
0
496
2
memo, PureComponenet, shouldComponentUpdate 관련 질문
0
211
1
devMiddleware의 필요성
0
358
1
리액트에서 화살표 함수를 사용해야하는 이유
0
948
2
path.join관련질문
0
287
2
2-9. 웹팩 데브 서버와 핫 리로딩 설치과정 시 에러
0
384
1
next.js 에서 이와 비슷한 예제를 돌리고있는데 react랑 달라서 질문 드립니
1
503
4