Promise,async/await

Promise,async/await

Tags
Frontend
React
Tech
Published
Author

Promise

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ์— ์‚ฌ์šฉ๋˜๋Š” ๊ฐ์ฒด
๋น„๋™๊ธฐ ์ž‘์—…์ด ๋งž์ดํ•  ๋ฏธ๋ž˜์˜ ์™„๋ฃŒ ๋˜๋Š” ์‹คํŒจ์™€ ๊ทธ ๊ฒฐ๊ณผ ๊ฐ’์„ ๋‚˜ํƒ€๋ƒ„
๋น„๋™๊ธฐ ์—ฐ์‚ฐ์ด ์ข…๋ฃŒ ๋œ ์ดํ›„์— ๊ฒฐ๊ณผ๊ฐ’๊ณผ ์‹คํŒจ ์‚ฌ์œ ๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ธฐ ์œ„ํ•œ ์ฒ˜๋ฆฌ๊ธฐ๋ฅผ ์—ฐ๊ฒฐํ•  ์ˆ˜ ์žˆ์Œ ๋น„๋™๊ธฐ ๋ฉ”์„œ๋“œ์—์„œ ๋งˆ์น˜ ๋™๊ธฐ ๋ฉ”์„œ๋“œ์ฒ˜๋Ÿผ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•  ์ˆ˜ ์žˆ์Œ
  • ๋Œ€๊ธฐ(pending) : ์ดํ–‰ํ•˜์ง€๋„, ๊ฑฐ๋ถ€ํ•˜์ง€๋„ ์•Š์€ ์ดˆ๊ธฐ ์ƒํƒœ
  • ์ดํ–‰(fulfilled) : ์—ฐ์‚ฐ์ด ์„ฑ๊ณต์ ์œผ๋กœ ์™„๋ฃŒ๋จ
  • ๊ฑฐ๋ถ€(rejected) : ์—ฐ์‚ฐ์ด ์‹คํŒจํ•จ

async & await

๊ธฐ๋ณธ ๋ฌธ๋ฒ•

async function ํ•จ์ˆ˜๋ช…() { await ๋น„๋™๊ธฐ์ฒ˜๋ฆฌ๋ฉ”์„œ๋“œ๋ช…(); }

์˜ˆ์™ธ ์ฒ˜๋ฆฌ

  • try catch๋ฌธ ์‚ฌ์šฉํ•˜๊ธฐ