async await을 활용하여 반복문에서 비동기 처리를 위해 비동기 완료될 때까지 기다리고 다음 코드로 실행되는 과정입니다. const delay = () => { const randomDelay = Math.floor(Math.random() * 4) * 100 return new Promise(resolve => setTimeout(resolve, randomDelay)) } const list = [1, 2, 3, 4, 5] list.foreach(async data => { await delay().then(() => console.log(data)) }) forEach는 반복문 전체가 종료되는 것에 대한 결과를 기다려주지 않습니다. callback이 동기적으로 실행되면 좋겠지만 forEach는..

Ajax는 비동기 방식으로 http통신을 통해 데이터를 주고받으며 화면 일부분을 페이지의 전환 없이 최신의 데이터로 업데이트 시켜줄 수 있는 개발방식입니다. 기본 속성 data: 서버에 전송할 데이터 key/value형식의 객체 dataType: 서버가 리턴하는 데이터 타입(xml, json, script, html) type: 서버로 전송하는 데이터의 타입(POST, GET) url: 데이터를 전송할 URL success: ajax통신이 성공했을 때 처리할 내용 error: ajax통신 에러 발생 시 처리할 내용 $.ajax({ data:{'data':$('#inputText').val()}, // URL 호출시 보낼 파라미터 데이터 dataType:'json', // http 통신 후 응답 데이터 타..