본문 바로가기

js

(2)
[JS] async / await 으로 비동기를 동기처럼 써보자 비동기 방식으로 ( Callback , Promise ) 작성한 기존 프로그램을 await을 통해서 좀더 간결하게 만들 수 있습니다.정확하게 말해서 비동기식 프로그램을 마치 동기식 프로처럼 만들수 있습니다.  aync / await 사용 방법await으로 호출하기 위해서는 async 로 묶은 함수 내부에서만 사용 해야합니다. await 으로 호출하는 함수는 Proimse를 동일하게 반환 해야 하며, 항상 Promise.resolve() 가 반환 됩니다.console.log('Test Aysnc Call - Promise await')const a = () => { return new Promise ((resolve)=> { // Promise 객체를 반환하고 resolve를 인자로 받는다. ..
[JS] 비동기 (Async) 호출 방식 이해하기 Callback , Promise 웹의 기본 컨셉은 Aysnc 비동기 방식의 호출을 합니다. 비동기 방식은 일반적인 함수의 실행 결과를 기다리지 않고 다음 코드를 차례대로 실행합니다. 그렇기 때문에 여러개의 함수를 순차적으로 코딩을 하더라도, 각 함수의 수행 시간이 다를수 있어서, 순서 보장이 안되어서 에러를 야기 할수 있습니다.  예를들어, 고객이름을 변경하는 프로그램을 만들고 , 내부적으로 고객정보 조회 , 고객명 변경의 2개 함수를 만들었다고 가정합시다. 고객이름은 반드시 존재하는 고객정보를 조회하여 기존 수정할 고객정보와 이름을 조회하고 그 다음 조회된 고객정보의 고객명을 바꾸는것이 일반적이 패턴이고, 그렇게 개발했다고 합시다.  1) seachCustomer( customerId )2) modifyCustomer( custome..