부트캠프교육중/JavaScript63 Async , Await 동기화작업이다! 복잡한 Promise코드를 간결하게 작성할수 있게 되었다.! 함수 앞에 async 키워드를 사용하고 async 함수 내에서만 await 키워드를 사용하면 된다! // 함수 선언식 async function funcDeclarations() { await 작성하고자 하는 코드 ... } // 함수 표현식 const funcExpression = async function () { await 작성하고자 하는 코드 ... } // 화살표 함수 const ArrowFunc = async () => { await 작성하고자 하는 코드 ... } 2023. 1. 17. Promise promise Promise는 class이기 때문에 new 키워드를 통해 Promise 객체를 생성한다. Promise는 비동기 처리를 수행할 콜백 함수(executor)를 인수로 전달받는데 이 콜백 함수는 resolve, reject 함수를 인수로 전달받습니다. Promise 객체가 생성되면 executor는 자동으로 실행되고 작성했던 코드들이 작동됩니다. 코드가 정상적으로 처리가 되었다면 resolve 함수를 호출, 에러가 발생했을 경우에는 reject 함수를 호출하면 됩니다. resolve("전달해주고싶은값") reject("에러메세지") let promise = new Promise((resolve, reject) => { //1.정상적으로 처리되는 경우 resolve(value); //2.에러가.. 2023. 1. 17. 동기화하는방법 비동기로 작동하는 코드를 제어할수있는 방법 (동기화한다) 1. callback함수 2.callback hell callback함수를 통해 제어할수있지만 코드가 길어질수록 복잡해지고 가독성이 낮아지는 callback hell이 발생하는 단점이 있다. callback hell의 현상을 방지하기 위해 promise가 사용되기 시작했다. 3.promise -callback hell의 현상을 방지하는 역할도 수행한다. 4.Async, Await -promise hell의 단점을 보완한다. 2023. 1. 17. 타이머관련 API setTimeout(callback, millisecond) : 일정 시간 후에 함수를 실행 clearTimeout(timerId) : setTimeout 타이머를 종료 setInterval(callback, millisecond) : 일정 시간의 간격을 가지고 함수를 반복적으로 실행 clearInterval(timerId) : setInterval 타이머를 종료 2023. 1. 17. 이전 1 ··· 5 6 7 8 9 10 11 ··· 16 다음
