React Framework
- Front-End
- SPA(Single Page Application) > ๋ฐ์ดํฐ ๋น์ฉ์ ๊ฐ, ๋ฐ์์๋ ํฅ์
- ๋ฐ๋ณต ์ฌ์ฉ๋๋ ํ์ด์ง์ ์ผ๋ถ๋ถ์ ๋ชจ๋คํ(์ปดํฌํดํธ)ํ์ฌ ์ฌ์ฌ์ฉ > ๊ฐ๋ฐ์๊ฐ ๋จ์ธก, ์ ์ง๋ณด์์ ํจ์จ์ฑ ํฅ์jQuery๋ฅผ ์ฌ์ฉํ๋ฉด ํ๋ฉด์ ๋ถ๋ถ๋ถ๋ถ์ ๋ฐ๊ฟ ๋๋ง๋ค ํ๊ทธ๋ฅผ ํ๋ํ๋ ๋ค ๋ฃ์ด์ค์ผํ๋๋ฐ react๋ฅผ ์ฐ๋ฉด ๋ง๋ ํ ์ปดํฌ๋ํธ๋ฅผ ๋ผ์ ๋ฃ์ ์ ์๋ค.
- html, css, javascript
- ๊ฐ๋ฐ ํธ์๋ฅผ ์ํด Nodejs ๊ธฐ๋ฐ ๊ฐ๋ฐํ๊ฒฝ ์ฌ์ฉ
- Node.js: Server side Javascript
- JSX ์คํฌ๋ฆฝํธ : Javascript + XML -
- ํ๋ก์ ํธ ์์ฑ์ ๋ก์ปฌ ์น์๋ฒ๋ ๋ด์ฅ(ํฌํธ 3000)
- ๊ฐ๋ฐ์๋ฃ > Build > ์นํ์ค ํ์ผ ์์ฑ > ๊ฐ๋ฐํ๊ฒฝ ์ด์ธ์์ ์ฌ์ฉ
- JSP, Thymeleaf, React
https://nodejs.org/en/download/
Download | Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
๋ค์ด๋ก๋๋ฅผ ๋คํ๊ณ cmd๋ฅผ ํ์ฉํ์ฌ cd my-app ๋ผ ์ ๋ ฅํ๊ณ my-app> npm start ๋ช ๋ น์ด ์ ๋ ฅํ์ฌ ์คํ์ํจ๋ค.
๋ฆฌ์กํธ์์ 3000 ํฌํธ๊ฐ ๋์๊ฐ๊ฒ ๋๋ค.
๋๊ธ