๐ ์ค๋ ๋ฐฐ์ธ ๋ด์ฉ
- ๊ตฌ๊ธ์ง๋
- ๋ค์ด๋ฒ ์ง๋
- ์นด์นด์ค ์ง๋ (์์ ์์ ์ฌ์ฉํ ๊ฒ)
๐ ์นด์นด์ค๋งต์ด ์๋ ํ์ด์ง๋ก ์ด๋ํ๊ธฐ ์ํด router.push๋ฅผ ์ฌ์ฉํ๋ฉด ์ค๋ฅ๊ฐ ๋จ๋ ํ์!!!! (aํ๊ทธ,href๋ฅผ ์ด์ฉํด์ผ ์ค๋ฅ๊ฐ ์ฌ๋ผ์ง๋ค...?)
๐ก ๊ตฌ๋ฒ์ ))ํ๋ก ํธ์๋ ์๋ฒ๋ก๋ถํฐ html, css, js๋ฅผ ๋ค์ด๋ฐ์์์ ๋ธ๋ผ์ฐ์ ์ ๋ฟ๋ ค์ฃผ์์. ๋ฉ๋ด/๋ฒํผ ํ๋ํ๋ ํด๋ฆญํด์ ์ด๋ํ ๋๋ง๋ค ๋ธ๋ผ์ฐ์ ์์ ์๋ก๊ณ ์นจ์ด ๋์์.(์๋๊ฐ ๋๋ฆฌ๋ค๋ ํ๊ฐ๋ฅผ ๋ฐ์์) / ๋ฉํฐ ํ์ด์ง ์ดํ๋ฆฌ์ผ์ด์ (ํ์ด์ง ์ด๋์ด ๋๋ฆผ)
๐ก ์ ๋ฒ์ ))๋ฆฌ์กํธ, ์ต๊ทค๋ฌ ๋ฑ ํ๋ ์์ํฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ : ์ปดํฌ๋ํธ ์์ฃผ ๊ฐ๋ฐ๋ฐฉ์ + ์ฑ๊ธ ํ์ด์ง ์ดํ๋ฆฌ์ผ์ด์ (์ฒ์ ์ ์ํ ๋ ๋ค๋ฅธ ํ์ด์ง๊น์ง ๋ชจ๋ ๋ฐ์์จ๋ค) (ํน์ ๋ฉ๋ด๋ฅผ ํด๋ฆญํ๋ฉด ๊ทธ ๋ฉ๋ด๋ก ์ด๋ํ ํ์ด์ง๋ฅผ ์๋๋ ๋ค์ด๋ฐ์์ ๋ธ๋ผ์ฐ์ ๋ก ๊ฐ์ง๊ณ ์์ผ ํ๋๋ฐ ์ด๋ฏธ ๋ค๋ฅธํ์ด์ง๊น์ง ํ๋ฒ์ ๋ฐ์์๊ธฐ ๋๋ฌธ์ ๋ฒํผ์ ํด๋ฆญํ๋ฉด ์ด๋ฏธ ๊ฐ์ ธ์จ ๋ค๋ฅธ ํ์ด์ง๋ฅผ ๊ทธ๋๋ก ๋ณด์ฌ์ฃผ๋๊ฒ์, ์๋ฒ๋ก ๋ค์ ์ฌ์์ฒญ ํ์ง ์๋๋ค, ์ฑ๊ธํ์ด์ง ์ดํ๋ฆฌ์ผ์ด์ !!
aํ๊ทธ๋ ๋ฆฌ์กํธ์ ์ต์ ํ๋ ๊ธฐ๋ฅ์ด ์๋๊ณ ์๋ ๋ณธ์ฐ์ html ๊ธฐ๋ฅ์ ์ํํ๋ค. ์๋ ๋ฐฉ์์ฒ๋ผ ๋ค์ด๋ฐ์์จ ํ ๊ฐ์ ธ์์ ๋ณด์ฌ์ฃผ๋๊ฒ์.... ๋ฆฌ์กํธ, ์ต๊ทค๋ฌ, ๋ทฐ๋ฅผ ์ฌ์ฉํ๋ค๋ฉด aํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ฉด ์๋๋ค!!!
๐ก ๊ทธ๋์ ๋ฆฌ์กํธ์์ ์ ๊ณตํ๋ ํ์ด์ง ์ด๋ ๊ธฐ๋ฅ์ ์ฌ์ฉํด์ผ ํ๋ค! (router.push) (์ ์ ํ ์ฒ๋ฆฌ ์ดํ์ ์ค๋ฅ๊ฐ ๋ฐ์ํ์ง ์์๊ฒ์)
1๏ธโฃ ๋ฏธ๋ฆฌ ๋ค์ด๋ก๋ ๋ฐ์๋๊ธฐ
- ์นด์นด์ค๋งต์ผ๋ก ์ด๋ํ๋ ๋ฒํผ์ด ์๋ ํ์ด์ง์ ํค๋ ๋ง๋ค ๊ฐ๊ฐ ์คํฌ๋ฆฝํธ๋ฅผ ์ ์ฉํ๋ค...? ๋งค์ฐ ๋นํจ์จ์ ์
- app.tsx์ ์ ์ฉํ๋ค๊ณ ํ๋ฉด ๋ชจ๋ ํ์ด์ง์์ ์นด์นด์ค๋งต์ ๋ค์ด๋ฐ๊ฒ ๋๋ ๊ฒ์ด๋ฏ๋ก ์ด๊ฒ ๋ํ ๋งค์ฐ ๋นํจ์จ์ ์ด๋ค)
2๏ธโฃ ํ์ด์ง ์ด๋ ํ ๋ค์ด๋ก๋ ๋ค ๋ฐ์ ๋๊น์ง ๊ธฐ๋ค๋ฆฌ๊ธฐ (์ฌ์ฉํ ๋ฐฉ์)
์๋ถ๋ถ๊ณผ ์๋ซ๋ถ๋ถ์ ๊ฐ์๋ด์ฉ์ด๋ค.
๐ ์๋ฐ์คํฌ๋ฆฝํธ ๋์์๋ฆฌ
๊ฒฐ๊ณผ:"์๋ ํ์ธ์!!"
๋ค๋ฅธ ํจ์์ ์ธ์๋ก ๋ค์ด๊ฐ๋ ํจ์๋ฅผ ์ฝ๋ฐฑํจ์๋ผ๊ณ ํ๋ค.
โค aaa์ผ ๋ด๊ฐ ์ด ํจ์๋ฅผ ์คํ ๋๊น ์ด ํจ์๋ฅผ ์คํ์์ผ์ค
์ง๊ธ์ async, await ๊ตฌ๋ฌธ(๋น๋๊ธฐ๋ฅผ ๋๊ธฐ์ฒ๋ผ ์๋)์ ์ฌ์ฉํ๋ฉด ๋์์ง๋ง, ์ด๋ฌํ ๊ตฌ๋ฌธ์ด ์์์ ์์ ์๋ ์ฝ๋ฐฑํจ์๋ฅผ ์ด์ฉํ์๋ค.
const result = aaa()
=> ๋ฐ์์ค๊ธฐ๋ ์ ์ ์คํ๋๋ค
=>๊ทธ๋์ aaa์ ์ธ์๋ก ํจ์๋ฅผ ๋ ๋ฃ์ด์ฃผ์ด์ผ ํ๋ค.
=> ์คํ ๋ชจ๋ ๋๋๋ฉด ๋ด๊ฐ ๋ฃ์ด์ค ํจ์๋ฅผ ์คํ์์ผ์ค
promise : ๋ง์ดํฌ๋ก ํ(๊ธํ๊ฒ, ๋์ ์ฐ์ ์์)์ ๋ค์ด๊ฐ
setTimeOut : ๋งคํฌ๋ก ํ์ ๋ค์ด๊ฐ
IQuery์๋ ๋ง์ ํ์
์ด ์๋๋ฐ ๊ทธ์ค Pick์ ํด๋ฌ๋ผ