<div id="readability-page-1" class="page"><div><a href="https://www.youtube.com/watch?v=o9JnT4sneAQ&amp;ab_channel=FEConfKorea">비동기 프로그래밍 에러 핸들링 유튜브 영상</a>
이미지 로더 구현 했을 때 아래와 같이 async await로 계속 받아봐야하는 비슷한 상황이 있어서 영상과 정확히 같은 의문점이 들었었는데, 에러 핸들링 어떤식으로 구현하는지 볼수 있음
<pre><code>function asyncLoadImage(src) {
 return new Promise((resolve) =&gt; {
 const img = new Image();
 img.src = src;
 img.onload = () =&gt; resolve(img);
 });
}

async function imageLoader(assetList) {
 const imgs = await Promise.all(Object.entries(assetList).map(
 async ([name, src]) =&gt; [name, await asyncLoadImage(src)]
 ));

 return Object.fromEntries(imgs);
}

export default imageLoader;</code></pre>

<a href="https://www.youtube.com/watch?v=j8s-euzoIgg&amp;list=PLpkj8RKr48wbY0L_Fyo19GJGhpfa7x5kG&amp;index=10&amp;ab_channel=%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%A7%80%EC%8B%9D%EC%9D%84%EB%B0%B0%EC%9A%B0%EA%B3%A0%EB%82%98%EB%88%A0%EC%9A%94">동기/비동기 에러 핸들링에서의 파이프라인의 이점은?</a>
<a href="https://www.youtube.com/watch?v=3SEQdmF9psY&amp;ab_channel=IndongYoo">자바스크립트 - 이슈 트래커 + DOM 조작 라이브러리 + 함수형 라이브러리 만들기</a>
dom element 여러개를 잡고 자바스크립트 내장 filter 메소드를 쓴다는지 하는 것은 이터러블하지 않기 때문에 불가능. fxdom과 함수형 프로그래밍을 쓰면 가능한데, js로는 어떻게 가능한가? 
<a href="https://stackoverflow.com/questions/50592280/how-to-filter-elements-in-vanilla-javascript-like-in-jquery">참고</a> 
you can combine Array.filter() with Element.matches() 
<img src="https://media.vlpt.us/images/bbio3o/post/59fbeac7-73b8-4b66-9895-101dbe459a30/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-08-21%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%207.12.17.jpg">
symbol을 이용해 iterable 하게 만들기 등등</div></div>

Minji.dev

비동기 프로그래밍 에러 핸들링 유튜브 영상
이미지 로더 구현 했을 때 아래와 같이 async await로 계속 받아봐야하는 비슷한 상황이 있어서 영상과 정확히 같은 의문점이 들었었는데, 에러 핸들링 어떤식으로 구현하는지 볼수 있음
function asyncLoadImage(src) {
  return new Promise((resolve) => {
    const img = new Image();
    img.src = src;
    img.onload = () => resolve(img);
  });
}
async function imageLoader(assetList) {
  const imgs = await Promise.all(Object.entries(assetList).map(
    async ([name, src]) => [name, await asyncLoadImage(src)]
  ));
  return Object.fromEntries(imgs);
}
export default imageLoader;
동기/비동기 에러 핸들링에서의 파이프라인의 이점은?
자바스크립트 - 이슈 트래커 + DOM 조작 라이브러리 + 함수형 라이브러리 만들기
dom element 여러개를 잡고 자바스크립트 내장 filter 메소드를 쓴다는지 하는 것은 이터러블하지 않기 때문에 불가능. fxdom과 함수형 프로그래밍을 쓰면 가능한데, js로는 어떻게 가능한가?
참고
you can combine Array.filter() with Element.matches()
symbol을 이용해 iterable 하게 만들기 등등

[Note] FP 영상 정리

댓글