흐름제어 - 콜백, Async모듈, Promise

1. 콜백과 콜백 헬

콜백함수 다시보기

: 비동기 함수 - 콜백함수 사용

 비동기 동작과 콜백

: 비동기 동작의 연속

: 콜백의 연속 호출

: 이미지 업로드 후 데이터 베이스에 저장

: 다수의 이미지에서 썸네일 생성 후 업로드

: 콜백안에 콜백.... 콜백지옥에 도착하게 된다.

2. Async

비동기동작의 흐름제어

: Async모듈

: 행위 순서 제어

: series, seriesEach // parallels // waterfall

: 콜랙션 (배열, 객체)

: each, forEachOf, map, filter

Async의 순차 실행

> async.series{[태스크1,태스크2...],function(){완료콜백}}

: 콜백호출 - 다음 태스크로 진행

: 태스크 완료 -다음 태스크 실행

: 완료 콜백으로 동작 결과 전달

: 콜백을 공유한다.

: 테스크 에러 발생 - 에러 전달

: 다음 태스크 실행안함

: 마무리 콜백으로 에러 전달

: 연속 동작 마무리

: 마무리시 결과가 배열로 전달됨.

waterfall

: 다음 태스크로 전달하라 값을 콜백의 파라미터로

: 태스크 함수의 파라미터로 전달 이전 태스크의 값 전달

parallel 

: 동시 동작하게 됨.

콜렉션과 비동기 동작

: 콜랙션 내 각 항목을 사용하는 비동기 동작

: 다수의 파일을 비동기 API로 읽기

: 다수의 파일을 비동기 API로 존재하는 지 확인하기

: 비동기 순회 동작

: each, map, filter, reject 등등...

: each

: each(arr, iterator, callback){}

3. Promise

: 비동기 동작의 흐름제어

: ES6에 추가됨.

Promise 상태

: pending - 전, fulfilled - 성공, rejected - 실패

Promise 를 사용하는 태스크

: function task(){
    return new Promise(fucntion(){})
}

: 이 같은 형태로 Promise를 반환하는 함수를 만들어 사용함으로써 더 세련되게 사용한다.