Front

Login List {{item}}

Async & Await - 어싱크 어웨이트는 자바스크립트 비동기 처리 패턴의 최신 문법. - Promise, collback 에서 주는 단점을 해결 - 자바스크립트의 비동기적 사고 방식에서 벗어나 동기적(절차적) 으로 코드 작성 가능 기본 문법 async function fetchData(){ await getUserList(); } async 함수는 함수의 앞에 async를 붙여주고 함수의 내부 로직중 비동기 처리 로직 앞에는 await를 붙여주면 된다. 좀 더 정확하게는 Promise 객체를 반환하는 API 호출 함수 앞에 await 붙이면 된다. 기본 예제 async function fetchData(){ var list = await getUserList(); console.log(list); ..

1. 이건 일반적인 프로그래밍 패턴 // 1. 데이터를 받아와서 변수에 저장하고 var id = $.get('domain.com/id'); // 2. 저장한 변수를 이용해서 if문 이용 if(id === 'john'){ var products = $.get('domain.com/products'); } 2. 자바스크립트 비동기패턴 때문에 콜백함수로 비동기처리 $.get('domain.com/id', function(id){ if( id === 'john'){ $.get('domain.com/products', function(){ // 항상 받아온 데이터를 콜백함수 안에서 // 처리해야만 비동기처리가 가능했다. }); } }); 3. promise 등장. 콜백함수 보다 코드의 흐름을 명확하게 알수있다. ..