유튜브 클론 #09 | callback / async, await
노마드코더 유튜브 클론 챌린지 11일차 TIL
🔍 callback
DB가 응답하면 callback함수를 호출하는 방식
export const home = (req, res) => {
Item.find({}, (error, items) => {
return res.render("home", { pageTitle: "Home", items });
});
};
DB가 응답하면 callback함수를 호출하는 방식
export const home = (req, res) => {
Item.find({}, (error, items) => {
return res.render("home", { pageTitle: "Home", items });
});
};
실행이 순차적으로 이루어지지 않는다. (callback함수 호출되기 전에 그 이후에 있는 코드가 실행될 수 있음)
✅ 여기서 return
은 find
함수를 마무리하는 역할을 할 뿐 home
함수에 대해 어떠한 것도 return하지 않는다.
🔍 async, await
await
구문에서 자바스크립트는 DB로부터 응답이 올 때까지 기다리고, 응답이 오면 그 다음 코드를 실행하는 방식
export const home = async (req, res) => {
const items = await Item.find({});
return res.render("home", { pageTitle: "Home", items});
};
await
구문에서 자바스크립트는 DB로부터 응답이 올 때까지 기다리고, 응답이 오면 그 다음 코드를 실행하는 방식
export const home = async (req, res) => {
const items = await Item.find({});
return res.render("home", { pageTitle: "Home", items});
};
순차적으로 코드가 진행되어 직관적이다.
✅ await
을 사용할 때는 함수 앞에 async
를 꼭 붙여줘야 한다.
아 async, await... 이런거였니
Author And Source
이 문제에 관하여(유튜브 클론 #09 | callback / async, await), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@kueyeon0429/유튜브-클론-09-callback-async-await저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)