๋๊ตฌ๋ ์ฝ๊ฒ ๋ฐฐ์ฐ๋ ๋ฆฌ์กํธ React!
๋ฆฌ์กํธ์ ๊ธฐ์ด๋ฅผ ํผํผํ๊ฒ ๋ค์ ธ๋ณด์ธ์.
ํต์ฌ์ ์ก์์ฃผ๋
๋ฆฌ์กํธ React ํํ ๋ฆฌ์ผ
์ด์ฌ์๋ฅผ ์ํ ๋ฆฌ์กํธ(React) ํต์ฌ ๊ฐ์
๋ฆฌ์กํธ๋ฅผ ๋ฐฐ์ฐ๊ณ ์ถ์๋ฐ, ์์ง ๋ญ๊ฐ ๋ญ์ง ์ ๋ชจ๋ฅด๊ฒ ๋์?
๊ฐ์๋ฅผ ํตํด ๋ฆฌ์กํธ๊ฐ ๋ฌด์์ธ์ง, ์ ์ฌ์ฉํ๋์ง,
๊ทธ๋ฆฌ๊ณ ์ด๋ป๊ฒ ์ฌ์ฉํ๋์ง๋ฅผ ์์๋ด
์๋ค!
์ด ๊ฐ์์ ์์ํ ์๊ฐํ! โจ
๋ฆฌ์กํธ ๊ธฐ์ด๋ถํฐ
๊ฐ๋จํ ์ฑ ๊ตฌํ๊น์ง
๊ฐ๋จํ ์ ํ๋ฒํธ๋ถ ์ฑ์ ์ง์ ๋ง๋ค์ด ๋ด
๋๋ค.
์ด ๊ฐ์์์๋ ๋ฆฌ์กํธ์ ๊ธฐ์ด์ ํด๋นํ๋ ๋ด์ฉ์ ๋๋ถ๋ถ ๋ค๋ค๋ณด๊ณ , ์ต์ข
์ ์ผ๋ก๋ ์ ํ๋ฒํธ๋ถ ์ฑ์ ๋ง๋ค๊ฒ ๋๋ฉด์ ๋ฆฌ์กํธ์ ๋ณธ์ง์ ์ธ ์๋๋ฐฉ์์ ์ดํดํ๊ณ , ๋ฆฌ์กํธ์ ๊ธฐ์ด๋ฅผ ์์ฑํ๊ฒ ๋ฉ๋๋ค.
๋ฆฌ์กํธ๋ฅผ ๋ง ๋ฐฐ์ฐ๊ธฐ ์์ํ๋ ๋ถ๋ค๊ป ์ ๊ทน ์ถ์ฒ๋๋ฆฝ๋๋ค.
๐ป ๋ฒ์ ์ ํ์ธํด์ฃผ์ธ์!
- ์ด ๊ฐ์์์ ์ฌ์ฉ๋๋ ๋ฆฌ์กํธ ๋ฒ์ ์ 16.3 ์ด์ ๋ฒ์ ์
๋๋ค.
โ
ES6 ๋ฌธ๋ฒ์ ์ผ๋ถ ์ฌ์ฉํฉ๋๋ค.
- ๊ฐ์์์ ES6 ๋ฌธ๋ฒ์ด ์ผ๋ถ ์ฌ์ฉ๋์ง๋ง, ๊ฐ์๋ฅผ ์งํํ๋ฉด์ ๋๋ถ๋ถ ์ค๋ช
์ ํ๊ฑฐ๋ ์ฐธ๊ณ ๋งํฌ๋ฅผ ์ถ๊ฐํด๋์์ต๋๋ค. ES6๊ฐ ์ต์ํ์ง ์์ ๋ถ๋ค๋ ์ฝ๊ฒ ๊ณต๋ถํ ์ ์๋๋ก ๊ฐ์๋ฅผ ๊ตฌ์ฑํ์ต๋๋ค.
์ด๋ฐ ๋ถ๋ค๊ป ์ถ์ฒ๋๋ ค์ ๐
๋ฆฌ์กํธ๋ฅผ
๋ฐฐ์ฐ๊ณ ์ถ์๋ ๋ถ
์น ๊ฐ๋ฐ์ ์ฆ๊ฒ๊ฒ
ํ๊ณ ์ถ์ผ์ ๋ถ
๋ฆฌ์กํธ์ ๊ธฐ๋ณธ์
์ง์ด๋ณด๊ณ ์ถ์ผ์ ๋ถ
HTML, JS๋ฅผ ์ตํ
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์
์ง์๊ณต์ ์๋ฅผ ์๊ฐํฉ๋๋ค.
๊น๋ฏผ์ค(velopert)
์ ๋ ์คํธ๋ฆฌ๋ฐ ์๋น์ค ๋ผํํ
์ ํ๋ก ํธ์๋ ์์ง๋์ด์ด๋ฉฐ, ๋ฆฌ์กํธ๋ฅผ ์ ๋ง๋ก ์ข์ํ๋ ํฌ์
๋๋ค. ์ธ์ ๋ ์ต์ ๋ํฅ์ ๋ฐ๋ผ๊ฐ๋ ค ๋
ธ๋ ฅํ๋ฉฐ, ๋ฐฐ์ด๊ฒ์ ๋๋ ์ผ ํ๋ค๋ ์ฃผ์๋ฅผ ๊ฐ์ง๊ณ ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ , ์ฌ์ฉ์๋ฅผ ํ๋ณตํ๊ฒ ํด์ฃผ๋ ์๋น์ค๋ฅผ ๋ง๋๋ ๊ฒ์ ์ฆ๊น๋๋ค.
์ฐ๊ด ๊ฐ์