210925 TIL

TIL DAY 57

오늘 배운 일

✔️ 코드잇에서 JavaScript 중급

• fetch 함수와 비동기식 실행

  간단한 예)

  fetch 함수를 중간에 둬서 언제 실행되는지 확인!

  

  결과값 :

  • 코드 상으로는 fetch 함수가 중간에 있는데 콘솔로 출력했을 때는, 가장 마지막으로 동작한다.

  

  그 이유는 fetch 함수에 비동기 실행이 있기 때문!

  then 메소드는 콜백을 등록만 한다.
  그리고 마지막 콘솔이 출력되고, 그 다음으로 서버에서 데이터들이 response되면서, 콜백 함수들이 하나씩 동작한다.

  이렇게 한 번 시작되는 작업이 완료되기 전에, 바로 다음코드로 실행이 넘어가고 나중에 콜백이 실행됨으로써, 작업이 마무리 되는 것을 비동기 실행이라고 칭한다.

  fetch 함수가 리턴하는 객체를 'Promise 객체'라고 한다.

동기와 비동기 실행의 차이점!

출처 : 코드잇

• Promise 객체

  • 작업에 관한 '상태 정보' promise 객체는 크게 3가지 상태를 가진다.
  • pending => 진행 중
  • fulfilled => 성공
  • rejected => 실패

  만약에 response를 성공한다면 fulfilled
  하지만 외부적인 요소로 인해 끊긴다면, rejected

출처 : 코드잇

then 메소드는 Promise 객체의 메소드로서 객체가 fulfilled 상태가 될 때, 실행할 콜백을 등록하는 메소드!

마지막으로 느낀점 :

• 오늘은 비동기식 실행에 대해 자세히 배우면서 fetch 함수에 실행에있어서 가장 중요한 Promise 객체에 대해 배워보는 시간을 가졌습니다.
• Promise 객체는 비동기식 실행 객체라는게 신기하다.
• 콜백함수가 많이 쓰인다는 것을 다시 한번 느낀다.