230614(์)
๐ ์ฑ์ฅ์ผ์ง 5.0
์ฑ
ํ๋ณตํ ์ด๊ธฐ์ฃผ์์(์จ์ธ ๋ค์ด์ด)
์ ๋ด์ฉ์ ์๊ทน๋ฐ์ ์์ํ๋ ์๋ฐํ ์ฑ์ฅ๊ธฐ๋ก
์ด์์๋ ๊ฝ๊ณผ ์ฃฝ์ ๊ฝ์ ์ด๋ป๊ฒ ๊ตฌ๋ณํ๋๊ฐ?
์ฑ์ฅํ๊ณ ์๋ ๊ฒ์ด ์ด์ ์๋ ๊ฒ์ด๋ค.
์๋ช ์ ์ ์ผํ ์ฆ๊ฑฐ๋ ์ฑ์ฅ์ด๋ค!
๐พ (4.0)ํ์ต ํค์๋์์ ์ต๋ํ ๊ฐ๋จํ ์ ๋ณด ์ ๊ณต, ๊ณ ๋ฏผ์์ ๋ด ๊ฒฝํ์ ์์ธํ ์ ์!
๐ฅ (5.0)ํ์ต ํค์๋๋ ํ์ค์ ํต์ฌ์ผ๋ก๋ง ์ ๋ฆฌ, ์ฑ๊ณต/์คํจ ์ผ์ง ์์ฑํ๊ธฐ! ์ด ๋, ์คํจ์ ๊ฒฝํ์ ์์ธํ ์ ๊ธฐ!
๐ ์ค๋์ ํ์ต ํค์๋
axios
์ด์ ์๋ axios๋ฅผ ์ปค์คํ ๊ฐ๋ฅํ fetch ์ ๋๋ก ์๊ฐํ๋๋ฐ, axios ๊ณต์๋ฌธ์์์ interceptor๋ฅผ ๋ณด๊ณ ๊น์ง ๋๋๋ค. ๋ญ๊ฐ fetch์ Proxy ํจํด(ํน์ js์ Proxy ๊ฐ์ฒด) ํฉ์น ๊ฒ ๊ฐ์๋ฐ, ์ถํ์ ์์ฃผ ๊ฐ๋จํ๊ฒ๋ผ๋ ๊ตฌํํด๋ด์ผ๊ฒ ๋ค.
props drilling
์ํ ๋ฏน ๋์์ธ์ผ๋ก ์์ ๋จ์์ ์ปดํฌ๋ํธ๋ค์ ๊ฐ๋ฐํ๊ณ ์๋ค. ๊ฑฐ๊ธฐ์ styled-components๋ฅผ ์ ์ฉํ๋ค๋ณด๋, ์ปดํฌ๋ํธ์ props๊ฐ ๋๋ฌด ๋ง์์ง๋ ๊ฒ ๊ฐ๋ค. ๊ทธ๋ฌ๋ฉด์ ์์ฐ์ค๋ drilling ์์ผ์ค์ผํ๋ ๊ฐ๋ค๋ ๋ง์์ง๊ณ ์ข ํท๊ฐ๋ฆฌ๊ธฐ ์์ํ๋ค. ์ด ๋ถ๋ถ์ ๋ํด์ ์ฝ๋๋ฅผ ๊ฐ์ ํ๊ณ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์์คํจ์ ๋๊ปด์ผ๊ฒ ๋คโฆ
recoil ๊ตฌํํด๋ณด๊ธฐ
๋๋ต์ ์ธ recoil์ ์ปจ์ (?)์ ์๊ฒ ๋ค. ๊ทธ๋์ ํด๋น ์ปจ์ ์ผ๋ก ref์ context๋ฅผ ์ฌ์ฉํด์ ๊ฐ๋จํ๊ฒ ๊ตฌํ์ ํด๋ณด์๋ค. ๊ทธ๋ฐ๋ฐโฆ ๋ด๊ฐ ์๊ฐํ๋๋ก ์๋ํ์ง ์๋๋ค ใ ใ ใ ใ ใ ์ข๋ ๋ค๋ฌ์ด์ ์ฑ๊ณตํ๋ฉด ๋ฐ๋ก ๋บด์ ์ ๋ฆฌ๊ธ์ ๋ฌ์ผ๊ฒ ๋ค. ใ ใ
์ค๋์ ์ฑ๊ณต
- ๊ณตํต ์ปดํฌ๋ํธ ๊ฐ๋ฐ ์๋ฃ
- axios ๊ณต๋ถํ ๊ฒ
- recoil ๊ตฌํ ์๋ํด๋ณธ ์
์ค๋์ ์คํจ
- ์ด๋ ฅ์ ํ๋ก์ ํธ ์์ ๋ชปํ ์ โฆ(์ผ๋จ pdf๋ ์์ด์ผ๋ ๋ฏ!!!)
- ์๋ฉด ์๊ฐ์ด ๋๋ฌด ์ ์๋ ์
- recoil ๊ตฌํ ์คํจํ ์ => ์ ์๋ ๊น..?
๐ ์์ฝ ๋ฐ ํ๋ฃจ ๊ฐ๋จ ํ๊ณ
์ง์ง ์กฐ๊ธ๋ง ์์ฃผ ์กฐ๊ธ๋ง ๋ ์์ฌ๋ด์. ์ง๊ธ๋ ์ํ๊ณ ์๋ค! ๊ทธ๋ ์ง๋ง ๋๋๋ ์ํ ์ ์๊ฒ ๋ ธ๋ ฅํด๋ณด๋ฉด ์ข์ ๊ฒ ๊ฐ๋ค!