์ด๋ฐ ๊ฑธ ๋ฐฐ์ธ ๊ฑฐ์์
โจ ใReact ์ฐ๋จน๋ฐ๐ก: ๊ฐ๋ณ๊ฒ ์์ํด ํฌํด๊น์ง ์ฑ๊ธฐ๊ธฐใ ๊ฐ์ ์๊ฐ โจ
โ๏ธ์น ๊ฐ๋ฐ, React๋ก ์์ํ๊ณ ์ถ์๋ฐ ์ด๋์๋ถํฐ ํด์ผ ํ ์ง ๋ง๋งํ๋ค๋ฉด?
โ๏ธReact๋ฅผ ๋ฐฐ์์ผํ๋๋ฐ ์๊ฐ์ ์ฌ์ ๊ฐ ๋ง์ง ์์์ ๊ธฐ์ด๋ง ์ผ๋ฅธ ๋ฐฐ์ธ ์ ์๋ ๊ฐ์๋ฅผ ์ฐพ์ผ์ ๋ค๋ฉด?
๋ณธ ๊ฐ์๋ ์น ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ฒซ๋ฐ์ ๋ด๋๋ ์ด๊ธ ๊ฐ๋ฐ์๋ฅผ ์ํ ์ต๊ณ ์ ์ ํ์ ๋๋ค. ๋ฆฌ์กํธ์ ํต์ฌ ๊ฐ๋ ์ ์ฝ๊ณ ์ฌ๋ฏธ์๊ฒ ๋ฐฐ์, ๋ด ์์ผ๋ก ์ง์ ์น์ฌ์ดํธ๋ฅผ ๋ง๋๋ ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค.
๐ ์ด ๊ฐ์์์ ์ด๋ค ๊ฑธ ๋ฐฐ์ฐ๋์?
๋ฆฌ์กํธ ๊ธฐ์ด ๊ฐ๋ ๊ณผ JSX๋ฅผ ํ์ฉํ ํ๋ฉด ๊ตฌ์ฑ ๋ฐฉ๋ฒ
์ปดํฌ๋ํธ๋ก ์ฝ๋๋ฅผ ๊น๋ํ๊ฒ ๊ด๋ฆฌํ๊ณ ์ฌ์ฌ์ฉํ๋ ๋ฒ
์ํ(state)์ ์ด๋ฒคํธ๋ฅผ ์ด์ฉํด ์๋๊ฐ ์๋ ์น์ฌ์ดํธ ๋ง๋ค๊ธฐ
useEffect๋ฅผ ์ฌ์ฉํด ์๋์ผ๋ก ์คํ๋๋ ๊ธฐ๋ฅ ๊ตฌํํ๊ธฐ
์ฌ๋ฌ ํ์ด์ง๊ฐ ์ฐ๊ฒฐ๋ ๋ฉํฐ ํ์ด์ง ์ฑ(SPA) ์ ์ ๋ฐฉ๋ฒ
์ ์ญ ์ํ ๊ด๋ฆฌ๋ก ๋ชจ๋ ์ปดํฌ๋ํธ๊ฐ ๋ฐ์ดํฐ๋ฅผ ์ฝ๊ฒ ๊ณต์ ํ๋ ๋ฐฉ๋ฒ
๐ ์ด๋ฐ ๋ถ๋ค๊ป ์ ๊ทน ์ถ์ฒํฉ๋๋ค!
HTML, CSS, JavaScript๋ฅผ ๋ฐฐ์ด ํ ๋ค์ ๋จ๊ณ๋ก ๋์๊ฐ๊ณ ์ถ์ ๋ถ
๋ฆฌ์กํธ ๊ธฐ๋ณธ๋ถํฐ ์์ํด์ ๋ฏธ๋ ํ๋ก์ ํธ๋ฅผ ์ง์ ๋ง๋ค๋ฉฐ ์ค๋ฌด ๊ฒฝํ์ ์๊ณ ์ถ์ ๋ถ
๋๋ง์ ํฌํธํด๋ฆฌ์ค ์น์ฌ์ดํธ๋ฅผ ๋ง๋ค์ด ๊ฐ๋ฐ์๋ก์ ์ฒซ ๊ฑธ์์ ๋ด๋๊ณ ์ถ์ ๋ถ
๐ฏ ์ต์ข ๋ชฉํ๋ ๋๋ง์ ํฌํธํด๋ฆฌ์ค ์น์ฌ์ดํธ ์์ฑ!
๋์ค์ ์ค๋ ฅ์ด ์ผ์ทจ์์ฅํด์ ํ๋ก์ ํธ๋ฅผ ๋ง์ด ์ ์ํด๋ ํฌํธํด๋ฆฌ์ค๊ฐ ์์ผ๋ฉด ์๋๊ฒ ์ฃ ?!
๊ฐ์ ๋ง์ง๋ง์ ๋ณธ์ธ์ด ์ง์ ์ ์ํ ํฌํธํด๋ฆฌ์ค ์ฌ์ดํธ๋ฅผ GitHub์ ์ฌ๋ฆฌ๊ณ , ๋ฐฐํฌ๊น์ง~!
ํ์ ์ ํ์ํ ํฌํธํด๋ฆฌ์ค๋ฅผ ๊ฐ์ ํ๋๋ก ๋ฐ๋ก ์์ฑํ ์ ์์ต๋๋ค.
๋ณธ ๊ฐ์๋ ์ฌ๋ฌ๋ถ์ด ์ด๋ณด์์์ ๋ฒ์ด๋ ์์ ๊ฐ์ ๊ฐ์ง๊ณ ์น ํ๋ก ํธ์๋ ๊ฐ๋ฐ์์ ๊ธธ์ ๊ฑธ์ด๊ฐ ์ ์๋๋ก, ํ์คํ ์ด์ ํ๋ฅผ ์ ์ํฉ๋๋ค. ์ง๊ธ ๋ฐ๋ก, ๋ฆฌ์กํธ์ ํจ๊ป ์น ๊ฐ๋ฐ์๋ก์์ ๊ฟ์ ํ์ค๋ก ๋ง๋ค์ด๋ณด์ธ์! ๐ปโจ
ํด๋์ค ์ปค๋ฆฌํ๋ผ1
ํด๋์ค ์ ๋ณด
ํฌ๋ฆฌ์์ดํฐ
์ฝ๋ (CODEUCK)
โจ ์๋ ํ์ธ์! ๊ฐ๋ฐ์ ์ฝ๋(CODEUCK)์ ๋๋ค.
์ ๋ ์ง๋ 5๋ ๊ฐ์ ๊ฐ๋ฐ ๊ฒฝ๋ ฅ์ ๋ฐํ์ผ๋ก ์ด๋ณด ๊ฐ๋ฐ์๋ถ๋ค์ด ๋ ์ฝ๊ฒ React๋ฅผ ๋ฐฐ์ฐ๊ณ ํ์ฉํ ์ ์๋๋ก ๋์๋๋ฆฌ๊ณ ์์ต๋๋ค. ๋จ์ํ ๋ฐ๋ผ ํ๊ธฐ๋ณด๋ค๋ '์?'๋ผ๋ ์ง๋ฌธ์ ํตํด ๊ธฐ์ ์ ๋ช ํํ ์ดํดํ๋ ๊ฒ์ด ์ค์ํ๋ค๊ณ ์๊ฐํฉ๋๋ค. ์ด ๊ฐ์์์ ํจ๊ป ๊ธฐ์ด๋ถํฐ ํํํ ๋ค์ง๊ณ , ๋๋ง์ ํฌํธํด๋ฆฌ์ค ์ฌ์ดํธ๋ฅผ ๋ฉ์ง๊ฒ ๋ง๋ค์ด๋ณด๋ฉฐ ๊ฐ๋ฐ์๋ก์์ ์ฒซ๊ฑธ์์ ํ์ฐจ๊ฒ ๋ด๋์ด ๋ณด์์!
์ ๋ํ ๊ฐ๋ฐ ๊ฒฝ๋ ฅ์ด ์ค๋๋์ง ์์ ๋งํผ ์ด๊ธ์ ๋ถ๋ค์ ๋ง์์ ๋๊ตฌ๋ณด๋ค ๋ ์ ์๊ธฐ๋๋ฌธ์ ์ต๋ํ ์ดํดํ๊ธฐ ์ฝ๊ฒ ์ค๋ช ํ๋ ๊ฐ์๊ฐ ๋๋๋ก ์ค๋นํ๊ณ ์์ต๋๋ค.
์ฒ์์๋ ์๋์ฐ ํ๋ก๊ทธ๋๋ฐ ๊ฐ๋ฐ์ ์์์ผ๋ก ์ค๋ฌด๋ฅผ ์์ํ์๊ณ ์ค๊ฐ์ ์ข์ ๊ธฐํ๋ฅผ ํตํด ์น ํ๋ก ํธ์๋ ๊ฐ๋ฐ ์ง๋ฌด๋ก ๋ฉ์ธ ๊ธฐ์ ๋๋ฉ์ธ์ ๋ณ๊ฒฝํ์์ต๋๋ค. C++, MFC, OracleDB, Python, React, MariaDB, Deno, Next.js ๋ฑ๋ฑ ๋ง์ ๊ธฐ์ ๋ค์ ๊ณ์ํด์ ๋ฐฐ์ฐ๋ฉด์ ์ฑ์ฅํ๋, ์ฌ๋ฌ๋ถ๊ณผ ํฌ๊ฒ ๋ค๋ฅด์ง ์์ ๊ฐ๋ฐ์ ์ค ํ๋ช ์ ๋๋ค. ๋๋ฌธ์ ๊ฐ๋ฐ์ ๋๋ฃ๋ถ๋ค๊ณผ Class101์ ๋งค๊ฐ์ฒด๋ก ์๋ก ์ํตํ๋ฉด์ ๊ฐ์ด ์ฑ์ฅํ๋๋ฐ ๋ ํฐ ์๋ฏธ๋ฅผ ๋๊ณ ๊ฐ์๋ฅผ ์ ์ํ๊ณ ์์ต๋๋ค.
HAYOUNG LEE