다시바람

Promise() fetch 함수가 반환하는 객체 어떠한 작업에 관한 상태 정보를 가지는 객체 작업 상태 pending: 진행중 fulfilled: 작업 성공 rejected: 작업 실패 pending -> fulfilled pending -> fulfilled

fetch 함수 실행 console.log('START!'); fetch('https://jsonplaceholder.typicode.com/users') .then((response) => response.text()) .then((result) => {console.log(result); }) console.log('END'); 결과 START! END [ { "id": 1, ... → response 내용이 END 보다 늦게 출력 됨 처음 START 출력 request 보냄. then 메소드는 callback 함수를 등록할 뿐, 실행하지 않음. 그리고 다음 End 출력 서버로부터 response가 도착하고, then 메소드로 등록된 callback들이 실행됨(비동기 실행). 동기 실행: 한 번 시작..

ES6 - destructing: 변수 2개를 변수 1개로 사용가능하다. const arr = ['some', 'values']; const [first, second] = arr; ES6 적용결과 - 직관적이지 않던 것을 간결하게 만들 수 있음