#1 React JS๋ฅผ ๋ฐฐ์์ผํ๋ ์ด์ [React JS ์ํ์น์ฌ์ดํธ]
ํ์ด์ค๋ถ์ ์ฌ์ ํ React JS๋ฅผ ์ฌ์ฉํ๊ณ ์๋ค.
์ธ์คํ๊ทธ๋จ, ํํฐํ ์คํธ, ์ฐ๋ฒ, ๋ทํ๋ฆญ์ค ์ด๋ฐ ์ฌ์ดํธ๋ค๋ React JS๋ฅผ ์ฌ์ฉํ๋ค.
1.1 Why React
ํ์ด์ค ๋ถ์ด React JS๋ฅผ ๋ง๋ค์๊ณ , ์ด๊ฑธ๋ก ํ์ด์ค๋ถ ์น์ฌ์ดํธ ์ ๋ถ๋ฅผ ๋ค์ ๋ง๋ค์๋ค.
React JS๋ ์ ๋ง ํฐ ์ปค๋ฎค๋ํฐ๋ฅผ ๊ฐ์ง๊ณ ์๋ค.
React JS๋ Javascript์ ์์ฃผ ๊ฐ๊น๊ธฐ ๋๋ฌธ์, React JS๋ก ์์ ํ ๋ ๋๋ถ๋ถ์ ์์ ์ ๊ทธ๋ฅ ์ผ๋ฐ Javascript์ ๋ํ ์์ ์ด๋ค.
React JS๋ Javascript์ ์ปค๋ฎค๋ํฐ๋ฅผ ๊ฑฐ์ ๋ค ๋น๋ ค์๋ค.
์ด ์ปค๋ฎค๋ํฐ๊ฐ ๊ฑฐ๋ํ๋ค.
React JS๋ฅผ ๋ฐฐ์ฐ๊ณ ์์ ํ๋ ๊ฒ์ ์ฌ๋ฌ๋ถ์ ๋ ์๋ฅ Javascript ๊ฐ๋ฐ์๊ฐ ๋๋๋ก ํ๊ธฐ ๋๋ฌธ์
React JS๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ ์๋ framework๋ค์ด ์๋ค
ํ์ด์ค๋ถ ํ์ React native๋ผ๋ ๋๊ตฌ๋ฅผ ๊ฐ์ง๊ณ ์๋ค.
์ด๊ฑด ์ฐ๋ฆฌ๊ฐ iOS๋ ์๋๋ก์ด๋ ์ดํ์ React Js์ฝ๋๋ก ๋ง๋ค ์ ์๊ฒ ํด์ค๋ค.
Requirement
Html, CSS, Javascript ( vanilla javascript)
๋์ค์ Node JS๋ก ๋ฌด์ธ๊ฐ๋ฅผ ํ ๊ฒ์ด๋ค.
https://developer.mozilla.org/ko/docs/Web/JavaScript/A_re-introduction_to_JavaScript
๊ฐ์ฅ ๋จ์ํ React ์์๋ ๋ค์๊ณผ ๊ฐ์ด ์๊ฒผ์ต๋๋ค.
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
์ ์ฝ๋๋ ํ์ด์ง์ “Hello, world!”๋ผ๋ ์ ๋ชฉ์ ๋ณด์ฌ์ค๋๋ค.