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

황규섭님의 프로필 이미지

작성한 질문수

웹 게임을 만들며 배우는 React

숫자야구게임 - alert가 rendering을 방해하는 것 같습니다...

22.08.17 22:42 작성

·

363

0

선생님 안녕하세요. 숫자 야구 코드를 작성하고 테스트 해보는데, 제 브라우저가 문제인지, 아니면 실제로 이렇게 작동하는 게 맞는건지 의문이 들어 사진과 함께 질문 드립니다.

우선은 작성한 코드입니다. 순서나 오타가 없음을 확인하였습니다.

그런데 만약에 10번 틀릴 때 alert가 발생하기 전에, setState가 되고 "10번 넘게 틀려서 실패! 답은 ...입니다." 하고 renderig이 되기 전에 alert가 먼저 띄어집니다. 제 생각엔 원래라면 먼저 틀렸음과 함께 정답이 띄워지고 난 후에 alert가 나타나고 alert를 체크하면 setState가 다시 되어서 게임이 다시 reset되어야 될 것 같은데, alert가 먼저 나타나고 그 이후에 render가 진행되는 것 같습니다. 비동기적인 문제일까요? 아니면 alert의 알림 설정이 제 브라우저 내에서 이상하게 설정되어 있는 걸까요?

다음은 사진입니다.

render가 브라우저에 나타나기 전에 alert가 발생하구요, alert를 확인 누르면 다음과 같이 됩니다.

혹시 이렇게 동작하는 것이 원래 맞는지... 아니면 무슨 문제가 있는 건지 정확히 잘 모르겠습니다. 우선 코드는 정확히 오타나 순서 변경 없이 동일함을 확인하였습니다.

답변 1

0

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

2022. 08. 18. 12:51

네 alert는 브라우저 렌더링을 방해합니다. alert 순서를 바꾸거나 하시면 됩니다.