[firebase] 비동기 요청 핸들링

1. 문제 파악

결과 페이지(result.js)에서 파이어베이스 데이터베이스의 데이터를 다운로드하고 나서 업데이트하는 코드 사이의 비동기 문제 발생
-> 코드 실행 순서 지정이 필요

2. 해결 방안

async await 키워드 사용하여 비동기 작업을 순차적으로 실행하도록 변경
async 함수를 사용하여 비동기 코드 블록을 정의하고,
await 키워드를 사용하여 비동기 작업이 완료될 때까지 대기

3. 구현

updateRatio 함수
데이터베이스에 참여자 수를 업데이트하고 데이터베이스에서 조회한 값을 화면에 업데이트하는 함수

• 데이터베이스 참조를 위한 doc 메서드
• 데이터베이스 인스턴스 값을 업데이트하기 위한 update 메서드
• 업데이트된 데이터베이스 인스턴스 값을 조회하기 위한 get 메서드
  각 메서드마다 await 키워드를 사용하여 비동기 작업을 순차적으로 실행