๋ฐ์ํ
๐ ์ค๋ ํ ์ผ
โ๏ธ Promise
๊ธฐ์กด์ ๋น๋๊ธฐ ์ฒ๋ฆฌ์ ์ฝ๋ฐฑํฌ์ด๋ ์ค๋ฅ ์ฒ๋ฆฌ ๊ฐ์ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋๋ฐ ์ ์ฉํ Promise์ ๋ํด ๋ฐฐ์ ๋ค. Promise ์ฒด์ด๋, promise.all ๋ฑ์ ์จ๊ฐ๋ฉฐ ํ๋ก๋ฏธ์ค๋ฅผ ๊ธฐ๋ณธ์ ์ผ๋ก ์ด๋ป๊ฒ ์ฌ์ฉํ๋ ์ง ๋จผ์ ์ตํ๋ค. ๊ทธ๋ฆฌ๊ณ fetch ๋ฉ์๋๋ฅผ ํตํด ๋ด์ค์ ๋ ์จ ์ ๋ณด๋ฅผ ๊ฐ์ ธ์๋ณด๊ธฐ๋ ํ๋ค. ์ ์ ๋ ์จAPP์ ๋ง๋ค ๋ ์จ๋ณด๊ธด ํ์๋๋ฐ ์ ๋งคํ๊ฒ ์๊ณ ์๋ค๋ ๋๋์ด ๋ค์๋๋ฐ ์ด์ ์ผ ํ์คํ ์๊ฒ๋ ๊ฒ ๊ฐ๋ค.
โ๏ธ Toy- tiling
ํ์ผ์ ์ผ์ ํฌ๊ธฐ์ ๋ฐ๋ฅ์ ๋ช ๊ฐ์ง ๋ฐฉ๋ฒ์ผ๋ก ๊น ์ ์๋์ง ๊ฒฝ์ฐ์ ์๋ฅผ ์ธ๋ ๋ฌธ์ ๋ฅผ ํ์๋ค. ๋ง ๊ทธ๋๋ก ์กฐํฉ์ผ๋ก ๊ท์น์ ์ฐพ์ ๊ฒฝ์ฐ์ ์๋ฅผ ๊ตฌํ๋ ๋ฐฉ์์ผ๋ก ํ ์ ์์๋ค. ์ฌ๊ท๋ฅผ ์ฌ์ฉํด ํ์๋ค๊ณ ํ์๋ ๋ถ๋ค๋ ๊ณ์ ์ ์ฌ๊ท๋ก๋ ๋ค์ ํ์ด๋ณด๊ณ , ์ข ๋ ์ต์ ํ ์์ผ๋ณด๋๋ก ํด์ผ๊ฒ ๋ค.
๐ ๊ธฐ์ตํ ๊ฒ
โ๏ธ async, await
1) async ํค์๋ : ํจ์๋ช ์์!
2) await ํค์๋ : ํจ์ ๋ด๋ถ, ๋น๋๊ธฐ ์ฒ๋ฆฌํ๋ ๋ฉ์๋ ์์!
โ๏ธ Promise +
Promise.all : ๋ชจ๋ ์ฒ๋ฆฌ ๋๋์ผ ๋ค์์ผ๋ก ๋์ด๊ฐ (๋ฐ์ ๋ค์ด ๋ค์์ผ ์์ ์์)
Promise.race : ํ๋๋ผ๋ ์ฒ๋ฆฌ ๋๋๋ฉด ๋ค์์ผ๋ก ๋์ด๊ฐ(๋ฐ์ ๋ค์ค ํ๋ช ์ด๋ผ๋ ์ค๋ฉด ์์ ์์ํ๊ณ ์์)
๐ ๋ ๊ณต๋ถํ ๊ฒ
โ๏ธ event loop
๋ฐ์ํ
'Daily > Today I Learned' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
210203_TIL (0) | 2021.02.04 |
---|---|
210202_TIL (0) | 2021.02.03 |
210129_TIL (0) | 2021.01.30 |
210128_TIL (0) | 2021.01.29 |
210127_TIL (0) | 2021.01.28 |
๋๊ธ