=== Async Await === * 동기 vs 비동기 * 동기 : 순차적으로 일을 하는 것.(라인 by 라인) * 비동기: 위임하고 넘어감(ex C에서의 call back) 쓰레드를 만들 수 없는 js에서 많이 쓴다. * 동기적 방식 * 1-data-3 순서대로 실행된다. * 비동기적 방식 * 1-4-data-3 이된다. * 파일을 읽는 동안 밑에 라인을 먼저 실행한다. * JS는 인터프리터 형식이지만 main 흐름 외의 다른 흐름을 두어 멀티 스레딩 흉내를낸다. * JS 는 비동기를 선호 * JS의 인터프리터는 단일 스레드이기 때문에 비동기를 사용한다. * JS는 보기 어렵다. 인덴트가 너무 많이 들어간다. -> 가독성이 떨어진다. -> 콜백 지옥 * Express.js. 의 창시자 * JS를 버렸다 * 콜백 거지같다. * "callbacks suck" * Promise의 등장 * 약속을 통해서 비동기를 처리하는 법 * 콜백보다 훨씬 보기 좋다. * 문법을 익히는 데에는 cost가 필요하나 배우고나면 좋다. * 문제가 있다 ->예외처리 * then이 몇개든 catch하나로 들어오기 떄문에 어디서 터졌는지 모른다. * 예외가 터졌을 때 중간 처리를 하기 힘들다. * Async/awiat 101 * 비동기를 작성하는 새로운 방법 * promise 위에 만들어졌다. * 비동기 코드를 동기 코드와 유사하게 보이도록 만들어준다! * 문법 * 함수 앞에 async 를 붙인다 * await는 async 안에서만 사용가능하다.(여러개 가능) * async는 promise를 반환한다. * return은 resolve다 * 장점 * 간결하다. 가독성이 좋다. * promise에서는 전역 변수를 이용하여 해결하지만, 추가 변수 data 선언 필요 없다. * then 필요 없다. * 에러 처리가 편하다. * 분기, 중간값 사용 * 단점 * 최근에 정의되어 지원 안하는 곳이 많다. * 생각보다 복잡한 문법 === var,let,const === * var * JS에서의 변수 블록 스코프가 아니다. 함수 스코프다 *let, const *블록 스코프다. *let vs const * let은 mutable, const 는 immutable * const를 이용한 함수정의가 빈번하다.