์น ํ๋ ์์ํฌ๋ก ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํ๋๋ก์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋ค๊ธฐ ์ํด ์ฌ์ฉ๋๋ค
Virtual DOM์ ์ ํ๋ฆฌ์ผ์ด์ ์ UI๋ฅผ ๊ตฌ์ฑํ๋ HTML ์๋ฆฌ๋จผํธ๋ฅผ ๋ฉ๋ชจ๋ฆฌ ๋ด์์ ๊ตฌํํ ๊ฒ
React์์์ ๋ณ๊ฒฝ, ์ถ๊ฐ , ์ ๊ฑฐ๋๋ ํญ๋ชฉ์ ์๋ณํ๊ธฐ ์ํด ํ์ํ ์์ฑ์ด key์ด๋ค.
๋ฆฌ์กํธ๋ก ๋ง๋ค์ด์ง ์ฑ์ ์ด๋ฃจ๋ ์ต์ํ์ ๋จ์์ธ component์ ๋ํด ์์๋ณด์.
Redux๊ฐ ๋ฑ์ฅํ๊ฒ ๋ ๋ฐฐ๊ฒฝ์ด๋ผ๊ณ ํ ์ ์๋ ์ํ ๊ด๋ฆฌ ๋๊ตฌ์ ๋ํ ํ์์ฑ์ ์์๋ณด์.
Javascript ์ํ๊ด๋ฆฌ ๋ผ์ด๋ฒ๋ฆฌ์ธ Redux์ ๋ํ ์ ์ / ์ฅ๋จ์ / contextAPI์์ ์ฐจ์ด์ ๋ํด ์์๋ณด์.
Class Component์์๋ง ์ฌ์ฉํ ์ ์์๋ state, Lifecycle์ Hooks์ผ๋ก ๊ตฌํํ์๋ค. ์ด๋ฅผ ์์๋ณด์.
์ํ ๊ด๋ฆฌ ๋๊ตฌ์ธ Redux์ Context API๋ฅผ ๋น๊ตํด๋ณด์.
React Router์ ๋ณ๊ฒฝ์ฌํญ์ ์์๋ณด์
์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋ง๋ ์ดํ๋ฆฌ์ผ์ด์ ์ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
node_modules : ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ชจ์ ํด๋
react ๋ด๋ถ์ ์ผ๋ก ์์ฒญํ๋ ๊ฐ์ด๋ฏ๋ก ๊ทธ๋ฅ ๊ทธ๋ฌ๋ ค๋ ํ๊ณ ๋ฃ์ด์ฃผ๋๊ฒ ์ข๋คreact์์๋ state, props์ ๊ฐ์ด ๋ฐ๋๋ฉด ํด๋น๋๋ component์ renderํจ์๊ฐ ํธ์ถ๋๋๋ก ๋๋ค -> ํ๋ฉด์ด ๋ค์ ๊ทธ๋ ค์ง๋ค.
์๋ฒ ์ํ๋ฅผ ๊ด๋ฆฌํ๊ธฐ ์ํ ์ต๊ณ ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ React Query์ ๋ํด ์์๋ณด์.
๋ฐ์ดํฐ ๊ฐ์ ธ์ค๊ธฐ๋ฅผ ์ํ React Hooks์ธ SWR์ ์์๋ณด์.
๊ฐ์ ๋๊ธฐ๋ฅผ ๊ฐ์ง๊ณ ๊ฐ๋ฐ๋ ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์ด๋ค ์ฐจ์ด๊ฐ ์์๊น?
๋๋ฌด ๋์,,,,โ๏ธ ์ด๋ด์ฃผ์ธ์ฌ,,,๐ฆ
ํ์ด์ค๋ถ์์ ๊ฐ๋ฐํ ์คํ ์์ค ์๋ฐ์คํฌ๋ฆฝํธ ํ ์คํธ ํ๋ ์์ํฌ์ธ Jest์ ๋ํด ์์๋ณด์
react์์ drag and drop์ ๊ฐ๋ฅํ๊ฒ ํ๊ณ Beautifulํ ๋ฆฌ์คํธ๋ฅผ ๋ง๋ค๊ธฐ ์ํด ์ฌ์ฉ๋๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค.