캡틴판교님 글 참고 해서 공부했습니다.

Promise란게 뭘까?

Promise는 실제로 async, await를 쓰느라 거의 써본 적은 없지만 알고 있어야 하는 개념인 것은 분명한 것 같아 공부를 하려고 찾아봤다. 대략적으로 알고 있는 내용은 서버에서 뭔가를 받아올 때 화면에 뭔가를 띄우는 과정인 것으로 알고 있고 자세한 것은 공부를 통해 알게 되었는데 이번 기회에 제대로 알고 넘어가야겠다 싶어 정리한다.

정의

• 자바스크립트의 비동기 처리에 관련한 객체

언제 쓰는지

• 서버에서 받아온 데이터 화면에 표시할 때 사용
• 서버에서 받아오기도 전에 뭔가 뿌려주려고 할 때 그 중간 과정에서 역할을 하는 것이 Promise

Promise의 상태(state)

• Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태
• Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태
• Rejected(실패) : 비동기 처리가 실패하거나 오류가 발생한 상태

그 외에는 예외처리에 관한 내용이었던 것 같은데 이는 위 사이트를 참고해서 예제 째로 같이 보는게 나을 것 같아 읽어보고 패스.

최종 결론 : 서버에서 뭔가 받아오기 전에 상태를 나타내주는 것이 Promise, 3가지 상태가 있고 되도록 catch로 에러처리해주는게 좋음. 기회가 되면 써보기 => 써보면 불편한 것이 나올 것 같은데 그걸 캐치한게 try, catch를 썼던 async, await일 듯.