비동기 프로그래밍
-
[Javascript] 비동기 프로그래밍, fetch, await, async웹/JavaScript 2023. 1. 14. 15:15
🌐 예제용 서버 요청 경기 결과 https://showcases.yalco.kr/javascript/mockserver/race-result 각 선수들 정보 https://showcases.yalco.kr/javascript/mockserver/runners/{1~5} 학교 정보 https://showcases.yalco.kr/javascript/mockserver/schools/{1~3} Fetch API Web API에서 제공하는 기능 - 즉 브라우저에서 제공 네트워크로부터 리소스를 받아오기 위한 다양하고 강력한 기능들 제공 👉 MDN 문서 보기 보다 오래된 방법: 🔗 XMLHttpRequest fetch 메서드 네트워크 통신으로 원격에 요청을 보내고 답을 받아오는 프로미스를 반환 👉 MDN 문서 보..
-
[Javascript] 비동기 프로그래밍, 타임아웃, setTimeout, asychronous웹/JavaScript 2023. 1. 14. 13:35
⏲️ setTimeout 함수 첫 번째 인자로 넣은 콜백 함수를 두 번째 인자로 넣은 수 만큼의 밀리초 후 실행 Web API, Node.js 등 자바스크립트 환경의 기능 - 언어의 기능이 아님 👉 MDN 문서 보기 setTimeout(() => { console.log('타임아웃!'); }, 1000); ⭐ 비동기 asynchronous 코드 동기 synchronous 코드와 달리, 코드가 순서대로 실행되지 않음 console.log('하나'); setTimeout(() => { console.log('둘'); }, 1000); // 💡 0으로 바꿔 다시 실행해 볼 것 console.log('셋'); 일반적으로 타임아웃, 네트워크 요청 등 시간이 걸리는 작업에 사용 당장 할 수 있는 것들을 먼저..