[TIL] 24-11-18

Roguelike 트러블 슈팅

배경

로그라이크 메뉴창 만들던 중.

발단

게임 화면에서 메뉴 창으로 넘어갈 때, 메뉴창이 0.1초만에 지워지고 게임화면으로 돌아와져서, 메뉴창을 볼 수 없었다.

전개

game.js의 배틀함수에 menu를 실행시키던 곳에 await를 넣어봤다.

위기

await를 넣어도 메뉴창이 0.1초 만에 꺼지는 것이 똑같아서, 튜터님께 여쭈어 보았다.

절정

메뉴창에서 흐름을 멈춰주어야 하는데, 그러기 위해서는 await를 하는 것은 맞지만 메뉴창 함수에 async과 Promise를 사용해야 한다는 것을 알게 되었다.

결말

비동기 함수에서 그 안에 있는 함수에도 async await를 걸어줘야 원하는 흐름대로 작동한 다는 것을 알게 되었다.
비동기 함수를 조금 더 이해하게 되었다.