반응형 코딩3 자바스크립트에서 API를 불러올 때 순서 (fetch, async, await) 자바스크립트에서 API를 불러올 때 순서 1. url 세팅 자바스크립트 Call Stack에서 변수 선언 등으로 바로 처리. 2. Fetch(url) 데이터를 달라고 요청하는 함수 네트워크 통신 필요 다른 지역의 서버에서 데이터를 받으려면 시간이 걸림. 자바스크립트는 브라우저에게 fetch(url)을 넘겨 놓고 다음 일을 수행한다. fetch가 완료 될 때까지 pending이 뜬다.. 데이터가 아직 안와서 기다리는 중... 3. Data 보여주기 fetch(url)이 끝나기 전에는 보여줄 Data가 없으므로 fetch를 기다려야 한다. 마찬가지로 fetch를 기다리는 동안 그 다음 명령들도 다같이 대기 해야한다.. 그래서 '이 함수를 fetch 가 끝나고 나서 실행을 시켜줘!' 라고 할 때 acync, .. 2024. 2. 21. 자바스크립트, Queue Queue 는 들어온 순서대로 나간다.명령이 들어온 순서대로 실행된다. JavaScript는 싱글 쓰레드 기반 언어이다.알바생이 한명이어서 중간에 대기가 걸리면 계속 기대려야 한다.자바가 혼자 하기 힘들때 브라우저의 지원을 받는다. (Web APIs)브라우저가 지원하는 작업 종류비동기 작업Ajax, fetch, setTimeout, eventhandler브라우저가 setTimeout을 기다리는 동안, 자바스크립트는 다음 할일을 실행할 수 있다.브라우저는 setTimeout을 실행하고 나면 Task Queue 에 한 일을 쌓아놓는다.자바스크립트의 Call Stack이 한가해지면, 브라우저는 Task Queue에 쌓아놓았던 일감 들을 하나씩 다시 넘겨준다. 2024. 2. 21. 자바스크립트, Stack 자바스크립트 동작 원리, StackJavaScript RuntimeCall Stack자바스크립트의 명령들은 Call Stack에 하나씩 들어갔다가 빠져나오면서 실행이 된다.가장 나중에 들어간 명령이 가장 먼저 나온다.LIFOLast In, First Out자바스크립트는 단일 호출 스택을 사용한다.JavaScript는 싱글 쓰레드 기반 언어이다.알바생이 한명이어서 중간에 대기가 걸리면 계속 기다려야 한다.자바가 혼자 하기 힘들때 브라우저의 지원을 받는다. (Web APIs)브라우저가 지원하는 작업 종류비동기 작업Ajax, fetch, setTimeout, eventhandler브라우저가 setTimeout을 기다리는 동안, 자바스크립트는 다음 할일을 실행할 수 있다.브라우저는 setTimeout을 실행하고.. 2024. 2. 20. 이전 1 다음 반응형
