본문 바로가기
  • ✨contact : survd0404@gmail.com

전체 글52

API Application Programming Interface 응용프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 주로 파일 제어, 창 제어, 화상 처리, 문자 제어 등을 위한 인터페이스를 제공한다. Client [1] Server [2] Database [1] : resquest, response [2] : query, query result [1]의 과정을 API 호출이라고 한다. [1]이 언제 이뤄지는 지 모른다! => 그렇기 때문에 비동기 호출인 Promise 객체를 이용한다. async function getData() { let rawResponse = await fetch("https://jsonplaceholder.ty.. 2023. 9. 8.
async / await function hello(){ return 'hello'; } async function helloAsync(){ return "hello Async"; } console.log(hello()); console.log(helloAsync().then((res)=>{ console.log(res); })); async function : 비동기 함수를 선언 해줌으로써 반환 값은 Promise로 받는다. 따라서 "hello Async"라는 콘솔을 보기 위해서는 then이나 catch를 사용해야 한다. 2023. 9. 8.
promise pending -> fulfillled : resolve pending -> rejected : reject 콜백 지옥 function taskA(a,b,cb){ setTimeout(()=>{ const res = a + b; cb(res); },3000) } function taskB(a,cb){ setTimeout(()=>{ const res = a * 2; cb(res); },1000) } function taskC(a,cb){ setTimeout(()=>{ const res = a * -1; cb(res); },2000) } taskA(3,4,(a_res)=>{ console.log(a_res); taskB(a_res,(b_res)=>{ console.log(b_res); taskC(b_res,(.. 2023. 9. 7.
동기 & 비동기 자바스크립트의 싱글 스레드 작업 수행 방식 Tread - taskA 0.3s- taskB 0.5s - taskC 0.1s 동기 방식의 처리 자바스크립트의 싱글 스레드 작업 수행 방식 Tread - taskA 0.3s- taskB 20s - taskC 10s 동기적 처리의 단점은 하나의 작업이 너무 오래 걸리게 될 시, 모든 작업이 오래 걸리는 한나의 작업이 종료되기 전까지 올 스탑 되기 때문에, 흐름이 느려진다. 웹사이트에서 버튼 하나하나마다 30초 씩 걸리면, 속 터진다. -> 동기 처리 방식의 문제점 싱글 쓰레드 방식을 이용하면서, 동기적 작업의 단점을 극복하기 위해 여러개의 작업을 동시에 실행시킴 즉, 먼저 작성된 코드의 결과를 기다리지 않고 다음 코드를 바로 실행함 ->비동기 작업 JS Engin.. 2023. 9. 7.

티스토리툴바