[Metanet]

Final 프로젝트 에러 잡기 : JS fetch

Ben의 프로그램 2024. 1. 8. 16:45
728x90

핵심 Keyword

1. 

2. 

3. 


JS 코드

 

문제상황
위에서 사용하고 있는 getRemainingSeats 메서드는 async 와 await 를 사용하는 fetch 함수이다. 

이런 특징으로 인해서, 호출하는 부분에서도 await 을 걸어주지 않으면 실행하자마자 아래 코드가 이어서 실행이 된다. 그래서 값을 이후에 들고오게 되고 결국, 비동기로 가져온 데이터는 쓰지도 않은 채로 모든 내용이 채워지게 되어서, 결과적으로 화면에서는 'Promise Objcet' 라는 문구만 보게 된다. 

해결 방법은 위에서 보는 것과 같이, 함수 호출하는 부분은 await 을 사용해서 호출 함과 동시에 try - catch 블럭을 사용해서 에러를 미리 확인하는 것으로 해결가능하다. 

 

'[Metanet]' 카테고리의 다른 글

[정규직 전환 면접]  (0) 2024.03.21