코딩

callback을 사용하는 다양한 메소드들이 배열 아이템의 순서대로 독립적으로 불러지기 때문에 하나가 끝날때까지 기다리는게 아니라 다른 그다음이 실행이 된다. 그래서 배열에 있는 것들이 순서대로 나올 수 없다.async function getMoviese(movieNmae){ const res = await fetch('http://omdbapi.com/?apikey=7035c60&s=${movieNmae}') return await res.json()}const titles = ['범죄도시1', '범죄도시2', '범죄도시3'];titles.forEach(async (title, index) => { const movies = await getMoviese(title) console..

콜백과 콜백 지옥 콜백 예시 1 특정한 비동기 함수를 호출할 때 콜백함수를 전달 해줘서 정확하게 어느 위치에서 실행할 지 지정해야한다.  timer.js  콜백이라는 매개변수에 함수 데이터를 받아서 cosole.log(1)를 출력한 다음에 callback()함수가 호출되도록 했다.export function timer(callback) { setTimeout(() => { console.log(1) callback() }, 2000)}  main.js콜백 함수안에서 cosole.log(1)이 실행된 다음에 cosole.log(2)이 출력되는 걸 확인할 수 있다.import { timer { from ' ./timer.js'timer(() => { console.log(2)}) 콜백 예시 2..

비동기 코드  작성된 순서대로 실행되지만, 특정 작업이 끝나기 전에 다음 작업이 시작 될 수 있다.  비동기 코드 예시 1 setTimeout console.time('Loop')까지는 동기처럼 처리하지만 setTimeout부터 비동기 코드이기 때문에 실행되고 있지만 끝날떄까지 기다리는게 아닌, 그다음 console.log(4)이 콘솔 창에 나오는 걸 볼 수 있다. 그 후 setTimeout이 끝난 후  콘솔 창에 뜨는 걸 볼 수 있다. console.log(1)console.log(2)console.log(3)console.time('Loop')setTimeout(() => { for(let i = 0; i  비동기 코드 예시 2요소에 이벤트  h1El이 실행이 되었지만, 사용자가 언제 클릭할 지..