๐ React ๊ด๋ จ ๊ฒ์๊ธ
๐ เดฆเดฟ=ยดโ๏ฝ) ์๋ ํ์์ฉ์ ๋ํ๋ถ๊ธฐ์ ์ฉ
๋๋๊ทธ ์ค ๋๋กญ, ์ ๋๋ฉ์ด์ ๋ฑ์ ๋ฆฌ์กํธ๋ก ๊ตฌํํ๊ณ , JS๋ก ๋ฐ๊ฟ์ ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ์ผ๋ก ๋ง๋ค๊ธฐ
React ํ๋ก์ ํธ์ ์ ๋๋ฉ์ด์ ๋ฃ๊ธฐ
์ ๋๋ฉ์ด์ ์ ๋ ์ฐธ ์ข์ํ๋๋ฐ์
Redux.
๋ฆฌ๋์ค.
๐ ๋ฆฌ์กํธ ๊ฒ์์ฐฝ ๊ตฌํ : Render Props + ๋์ key ์ค์ + Debouncing
์! ๋ฆฌ์กํธ ๊ฒ์์ฐฝ ๊ตฌํ ์ผํ์ ๋ค!
onThrowHydrationMismatch ์๋ฌ.. ๊ทผ๋ฐ ์ด์ validateDOMNesting ๊ฒฝ๊ณ ๋ฅผ ๊ณ๋ค์ธ. (Gatsby.js)
ํํ๋กญ๋ ๊ฐ๋ฐ ๋ธ๋ก๊ทธ์ ๋ฐํ์์๋ฌ ๋ฑ์ฅ
96๋ ์ฐจ ๊ฐ๋ฐ์๋ ๋ชจ๋ฅด๋ ๋ฆฌ์กํธ ์ก๊ธฐ์ (3)
์ฃฝ์ง๋ ์๊ณ ๋์์จ ์๋ฆฌ์ฆ
96๋ ์ฐจ ๊ฐ๋ฐ์๋ ๋ชฐ๋๋ ๋ฆฌ์กํธ ์ก๊ธฐ์ (2)
์ง์น์ง๋ ์๊ณ ์ฐพ์์จ ์๋ฆฌ์ฆ
96๋ ์ฐจ ๊ฐ๋ฐ์๋ ๋ชฐ๋๋ ๋ฆฌ์กํธ ์ก๊ธฐ์ (1)
96๋ ์ฐจ ๊ฐ๋ฐ์๋ ๋น์ฐํ ๋ฆฌ์กํธ๋ฅผ ๋ชจ๋ฆ ๋๋ค.
React์ ์ฐจํธ ๋ฃ๊ธฐ ๊ฐ์ฌ์ (HighCharts)
HighCharts๋ก ๋ฆฌ์กํธ์์ ์ฐจํธ ์์ฑํด๋ณด๊ธฐ
โ React Router : ๊ฒฝ๋ก๋ฅผ ์ ์ํ๊ณ ์ ๊ทผ์ ์ ํํ๊ธฐ
์ ์ข ๋ค์ด๊ฐ์๋ค
์์น ๊ธฐ๋ฐ ๋ฌ๋ ํธ๋์ปค ๊ณ ๋ํ๋ฅผ ์ํ ๊ณ ๋ฏผ๋ค
์์ค.. ์ ๊ฒฝ์ธ๊ฒ ๋ง๋ค์?
๐ก Vercel๊ณผ ํจ๊ป๋ผ๋ฉด ๋ฐฐํฌ๋ ๋๋ ต์ง ์์
์ด๋ฒ์ ์ง์ง 5์ด์ปท์ ๋๋ค
์์น ๊ธฐ๋ฐ ๋ฌ๋ ํธ๋์ปค ํ๋กํ ํ์ ๊ฐ๋ฐํด๋ณด๊ธฐ
HTML5 Geolocation API, ReactKakaoMapSDK๋ก ๊ตฌํ
๐ณ๏ธ ๋ฆฌ์กํธ ์ฌ์ฉ์ ์ ๋ ฅ : onClick ๐ onSubmit
์ด๋๊ฒ์๊ณ ๋ฅผ๊น์์์๋ง์ถฐ๋ณด์ธ์๋ฉ๋๋๋์ปคํผ์ง
๐ช ๋ฆฌ์กํธ ํ (React Hooks) ์์ ์ ํจ๊ป ํบ์๋ณด๊ธฐ
์ด๊ฒ๋ง ์์ผ๋ฉด ๋น์ ๋ ํํฌ(Hook)์ ์ฅ ใ ใ ใ