# callback Hell
JavaScript (18) # Promise
상점에서 물건을 주문하는데, 그 물건이 오기까지 시간이 걸린다고 가정을 해보자또한 언제 물건이 오는지는 알 수 없을 뿐더러 가끔 물건을 만들다가 실패하는 경우도 있다고 한다. 이럴땐 소비자는 어떻게 해야할까? 10초에 한번씩 진행 상황을 물어보고 답을 받는다고...
프론트엔드에서의 비동기 처리
블로킹, 논블로킹, 동기, 비동기, 자바스크립트 런타임, 콜백, 프로미스, async/await 을 하나의 서사로 묶어서 이해하며 비동기 문법이 발전하게 되는 과정을 같이 알아봅시다.
Callback
: 다른 함수(caller)에 전달인자로 전달되는 함수어떤 작업이 완료되었을 때 호출하는 경우가 많아, "답신 전화"라는 뜻의 콜백 함수라는 이름이 붙여졌다.: 비동기 함수의 순서를 제어하고 싶을 때 콜백(Callback)을 이용할 수 있다.비동기 함수의 예)➡️ se
JavaScript | 프로미스(Promise)
Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냄비유로 이해하기가정 상황상점에서 물건 주문 시, 나올 때 까지 시간이 걸림.언제 완료 될지 모름 & 가끔 물건 제작 실패하는 경우 有소비자의 대안10초에 한 번씩 묻기 (❌)다 됐나
[JS]JS 비동기처리, AJAX와 APIs, 콜백 지옥
Synchronous : 동시에 발생하는대부분의 코드는 동기적이다. 순차적, 직렬적으로 태스크를 수행한다.요청을 보냈다면, 응답을 받아야 다음 동작이 이루어진다.순차적으로 실행되기 때문에, 어떤 작업이 수행중이라면 다음 작업은 대기해야 한다.블로킹(작업 중단)이 발생한
[JS] callback
callback : 비동기 처리의 시작비동기 프로그램 1. callback 2. promise 3. async awaitJavaScript is synchronous.(동기적이다. 동기적 => 정해진 순서에 맞게 실행되는 것)Execute the code block i
Node.js 흐름 제어
비동기 프로그래밍을 주로 사용하는 Node는 어떤 작업이 먼저 완료될지 알 수 없다.이벤트 주도 방식 때문에 콜백 함수 자주 사용\-> 순차적인 작업을 위해서 콜백 안에, 콜백 안에, 콜백 안에,,,결국, Callback Hell 유발!특정 함수의 파라미터로 전달되는
[JavaScript] 비동기처리방식 1. Callback & Callback Hell
자바스크립트의 callback은 문자그대로 called at the back 이다. 무언가를 비동기적으로 수행하는 함수는 함수 내 동작이 모두 처리된 후 실행되어야 하는 함수가 들어갈 `콜백`을 인수로 반드시 제공해야 한다.
.png)
[JavaScript] 비동기처리와 콜백함수
** 이 글은 개인적인 공부의 목적으로 작성하는 글이므로 오류가 있을 수 있으니 참고해주시기 바랍니다! > ### 동기 vs 비동기의 의미? 동기: 요청을 보낸 후 해당 요청에 대한 응답을 받아야 다음 동작을 실행하는 것 (ex,은행에서의 업무) 비동기: 요청을 보
Callback 함수 문제를 해결 - Promise
데이터 송수신 장애, 물리적 제약 등 여러 요인에 의해 delay가 발생하는 경우에는, 비동기 함수를 사용하여 delay 시간 동안에도 다른 코드 실행을 하도록 해야하는데, 여러 함수의 return값이 chain 형태로 엮여 있는 경우, 일반 call back func
[JS] 다시 돌아온 비동기호출(Asynchronous JavaScript) 1탄 : 콜백(Callback)
이번 주부터 시작하는 스프린트를 이해하지 못하면 다음 일정에 지장이 생긴다는 말에 바짝 정신을 차리게 된다. 이전에 이미 해당 내용에 대해 정리한 바 있지만 나의 머리는 이미 그 기억들을 다 날려버렸을 뿐이고오(...) 다시 이해하기 쉽도록 이미지 파일과 코드를 덧붙여
[JavaScript] Promise Chaining 프로미스 체인 쓰는 이유
이번 글에서도 콜백함수와 프로미스 코드를 비교하며 프로미스 체인을 쓰는 이유를 간단히 알아본다.
[TIL] 2020/09/22
Today, I Will Learn 비동기 처리 sprint 마무리 이번 스프린트 내용 정리 Today, I Learned 비동기 처리? : 웹 서핑을 하다보면, 예를 들어, 유튜브를 보다보면, 재생버튼을 누르고=> 로딩이 길어지는 경우 => 귀찮아서