React2 [React] JSX ๋? (ํน์ง, CSS์ ์ฉ, className) ๋ชฉ์ฐจ1. JSX ๋?2. JSX ํน์ง ๋ฐ ์ฃผ์์ฌํญ3. JSX์ CSS ์ ์ฉ4. JSX ์์ฑ ์ฌ์ฉ๋ฐฉ์ 1. JSX ๋? JSX๋ JavaScript์ XML/HTML ํํ์ ๋งํฌ์ ์ ์์ฑํ ์ ์๊ฒ ํด์ฃผ๋ JavaScript ํ์ฅ ๋ฌธ๋ฒ Javascript์ XML ํ์์ ๋ฌธ๋ฒ์ ๊ฒฐํฉํ ํํReact์์๋ ๋ ๋๋ง ๋ก์ง๊ณผ UI ๋ก์ง์ด ์ฐ๊ฒฐ๋์ด ์๋ค๊ณ ๋ณด๊ธฐ ๋๋ฌธ์, ๋์ ํจ๊ป ๊ตฌ์ฑํ๋ ์ปดํฌ๋ํธ ๋จ์๋ก ๊ด์ฌ์ฌ๋ฅผ ๋ถ๋ฆฌํจ. 2. JSX ํน์ง ๋ฐ ์ฃผ์์ฌํญ ๐ก JSX์ ํน์ง JS ํํ์ ํฌํจ ๊ฐ๋ฅ์ค๊ดํธ {} ์์ JavaScript ํํ์ ์ฌ์ฉ ๊ฐ๋ฅ์: Hello, {name}JSX๋ ํํ์์ด๋ค!JSX๋ JavaScript ์ฝ๋์ฒ๋ผ ๋ณ์์ ํ ๋นํ๊ฑฐ๋, ์ธ์๋ก ์ ๋ฌํ๊ฑฐ๋, ํจ์์์ ๋ฐํ ๊ฐ๋ฅ์์ฑ ์ ์๋ฌธ.. 2025. 5. 8. [React] ๋ฆฌ์กํธ์ ๊ฐ์๋(virtualDOM) / ํฐ๋ฏธ๋ ์ด๊ธฐ ์ค์ ๋ชฉ์ฐจ1. ๋ฆฌ์กํธ(React)2. ๋ฆฌ์กํธ ์ฌ์ฉ์ด์ ์ VitrualDOM(๊ฐ์๋)3. terminal์์ ์ด๊ธฐ ์ค์ ํ๊ธฐ 1. ๋ฆฌ์กํธ(React) ๐ก์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฆฌ์กํธ๋ ์๋ฐ์คํธ๋ฆฝํธ UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค. ๐ก SPA(Single Page Application) SPA๋ ์๋ง์ ์น ํ์ด์ง๋ฅผ ๋ก๋ฉํ ๋ ์ต์ ์ ๋ฐ์ดํธ๋ฅผ ์ ์ํ๊ฒ ๋ฐ์ํ๋ฉฐ, ํ์ด์ง ๋ก๋ฉ ์๋๋ฅผ ํฅ์์ํค๊ณ ํธ๋ํฝ์ ์ค์ธ๋ค.๋ฐ๋ผ์ ํ์ด์ง๊ฐ ๋ถ๋๋ฝ๊ฒ ์ ํ๋๋๋ก ํ๊ณ , ์ ๋ฐ์ดํธ๊ฐ ๋ ๋๊น์ง ๊ธฐ๋ค๋ฆฌ๋ ์๊ฐ์ ๋จ์ถ์ํจ๋ค. ft. MetaMeta๊ฐ ๋ง๋ ์คํ ์์ค ๊ธฐ๋ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ.๋ ๋ ํ ์ง์๊ตฐ์ธ Meta๋์ ์น ๊ฐ๋ฐ ์์ฅ์์ ์ฝ๊ฒ ๋ฌด๋์ง(?) ์ผ์ ์๋ค๋ ๊ฒ,! https://github.com/facebook/react GitHub -.. 2025. 3. 23. ์ด์ 1 ๋ค์
