javaScript심화문제 - fetch , setTimeout, Promise

fetch를 사용하여 json데이터 가져오는 문제

fetch.then문은 봐도 봐도 아직 어색한거 같다..

employees.json 데이터를 꺼내서 targetEmployee에 저장

이런식으로 targetEmail에 만들어 넣을수도 있지만,
바로 textEl.innerHTML = targetEmployee.emailAddress; 로 줄일 수도 있다

실행해보면 근로자 코드를 바꿀때마다 이메일데이터를 바로 가져오는것을 볼 수 있다.

다음!

promise로 타이틀 바꾸기

getPosts함수를 만들어 setTimeout문으로 output에 post데이터를 <li>로 순차적으로 넣는것을 볼 수 있다. 이것은 1초뒤에 나타나게 설정하고,

createPost함수를 만들어 setTimeout문으로 2초 뒤에 나타나게 설정한다 error를 false로 정의하고 posts데이터에 이 함수로 지정하는 post 파라미터를 넣는다.
그리고 에러가 아닐경우 resolve=> then();

실행하게 되면

1초뒤에 나오는 게시글 5개와 시간차로 그 이후에 추가되는글 n번째 게시글이 나오는걸 볼 수 있다.

이런식으로 비동기함수를 이용하여 promise문으로 원하는 데이터와 추가데이터를 시간차로 정리되게 만드는 문제를 풀어 보았다.

사실 아직 풀면서 promise문이 써지질 않는다.
setTimeout문도 5번 6번 계속 써보면서 익숙해지긴 했는데, Promise문은 그러는게 쉽지가 않다.

아직 남은 js심화문제를 더 풀어보면서 적응해보는게 좋을듯한다.
(아직 뒤에 남은 async await이 두렵다..)