[개발 노트] 신입 포트폴리오 코드 리뷰 - async await 사용 의도

• 현재 나의 개념
  • async와 await는 한 쌍
  • 서버에 요청하고 응답을 기다리지 않을 때(다른 코드 실행 가능해야함) 사용
  • 콜백이 병렬로 실행됨
  • 원래는 promise객체(then(),catch()등 메서드 체이닝으로 콜백 기능을 연결했었는데 가독성을 위해 ES6부터 적용된 대표적인 방법)
  • 콜백함수에 try-catch구문을 사용할 수 있어서 직관적이다
• 학습 계기
  • 입사 후 개인 포트폴리오 발표 및 코드 리뷰에서 게임 관련 기능 설명 함
  • Q&A 시간에 async, await 적용 부분에 왜 사용했는지에 대한 질문에 제대로 답변하지 못함
  • 소스 한 줄 한 줄 근거있게 작성해야 한다는 조언을 받음
• 개념 정리
  • async
    • 함수의 이름 앞에 위치함
    • 해당 함수를 비동기 함수로 만들어줌
    • async 함수는 항상 프로미스를 반환함
    • 함수 호출자가 .then(), .catch(), .finally() 메서드 사용할 수 있음
  • await
    • async 함수 내부에서만 사용할 수 있음
    • 비동기 프로미스 기반 작업을 마치 동기적 작업처럼 표현할 수 있음
    • 코드 가독성 향상
    • 콜백 함수의 중첩으로 인한 복잡성 줄일 수 있음
    • 결과 처리 간편화
    • 프로미스 결과를 변수에 직접 할당할 수 있음
    • 일관적인 오류 처리
    • try…catch 구문 사용 가능
    • 프로미스가 완료될 때까지 함수의 실행을 중지함
  • 내가 헷갈렸던 부분
    • 함수의 비동기 동작을 처리하는 내부에서 await 사용은 알고 있음.
    • 그런데 비동기 함수 자체를 호출할 때의 await 키워드의 필요성?!
    • 함수의 결과에 대한 처리가 필요할 때
    • ex) 문제 제시 함수의 경우 await 키워드 없이 반복문을 사용하면 문제가 전체 출제됨 -> 내 의도는 한 문제씩 푸는 것.
    • 그래야 생명 소진 시 실패로 결과 보여줄 수 있음
  • 차장님이 원하신 답변
    • async/await 콜백함수를 위해 사용하는것
    • 사용의도와 설명할 때 정확한 단어를 사용하기!
• 코드 리뷰 부분 재설명
  • (생략)