728x90 ๋ฐ์ํ ๋ฆฌ์กํธ๊ฐ์์ถ์ฒ2 [React] ReactJS๋ก ์ํ ์น ์๋น์ค ๋ง๋ค๊ธฐ (STATE #1) * ๋ ธ๋ง๋์ฝ๋ ๊ฐ์ ์ ๋ฆฌ ๊ธ ์ ๋๋ค. ReactJS๋ก ์ํ ์น ์๋น์ค ๋ง๋ค๊ธฐ – ๋ ธ๋ง๋ ์ฝ๋ Nomad Coders React for Beginners nomadcoders.co STATE 1 - ์ด์ ๊ฐ์์ ์ด์ด์ ๊ณ์ - ๋ฒํผ์ ๋๋ฅด๋ฉด ์ซ์๊ฐ ์นด์ดํธ ๋๋ ํ๋ก๊ทธ๋จ์ ๋ง๋๋ ์ค 1. React.js (๋ฆฌ๋ ๋๋ง ํ๋ ๋ฐฉ๋ฒ) - ์ฐ๋ฆฌํํ ์ด๋ค๊ฒ ํ์ํ๊ณ , ์ด๋ค๊ฑธ ํด์ผํ๋์ง ์ดํดํ๊ธฐ ์ํด ์ ์ข์ ๋ฐฉ๋ฒ๋ถํฐ ์์ - ์ด๋ ๊ฒ ์ฝ๋๋ฅผ ์ง๊ณ ์คํํ๊ฒ ๋๋ฉด ์ค์ ๋ก counter์ ๊ฐ์ ์ฆ๊ฐํ์ง๋ง UI๊ฐ ์ ๋ฐ์ดํธ ๋์ง ์์ 0์ผ๋ก ๋ณด์ธ๋ค. (์ด์ ๋ ์ปดํฌ๋ํธ๋ฅผ ๋จ ํ ๋ฒ๋ง ๋ ๋๋ง ํ๊ณ ์๊ธฐ ๋๋ฌธ) - ๋์์ ์ดํด๋ณด๋ฉด, 1. ์ดํ๋ฆฌ์ผ์ด์ ์คํ โ ํ์ด์ง ๋ก๋ 2. countUp(), Container()๋ ํจ์์ด๊ธฐ ๋๋ฌธ์.. 2024. 2. 22. [React] ReactJS๋ก ์ํ ์น ์๋น์ค ๋ง๋ค๊ธฐ (The BASICS OF REACT) * ๋ ธ๋ง๋์ฝ๋ ๊ฐ์ ์ ๋ฆฌ ๊ธ ์ ๋๋ค. ReactJS๋ก ์ํ ์น ์๋น์ค ๋ง๋ค๊ธฐ – ๋ ธ๋ง๋ ์ฝ๋ Nomad Coders React for Beginners nomadcoders.co The BASICS OF REACT - ๋ฆฌ์กํธ ๊ฐ์ ์์ ์ JS์ ReactJS๋ฅผ ๋น๊ตํด๋ณธ๋ค. ์์ ๊ฐ์ด ํด๋ฆญ ์ด๋ฒคํธ๊ฐ ์๋ ์นด์ดํธ ํ๋ก๊ทธ๋จ์ ๋ง๋ ๋ค๊ณ ์น์. JavaScript Total Clicks : 0 Click me โ HTML โ JS ์์ React 1 (createElement) - ์ฌ์ด๋ฐฉ๋ฒ์ด ์์ง๋ง ๋ฆฌ์กํธ์ ๋์ ๋ฐฉ์์ ์ดํดํ๊ธฐ ์ํด์ ์ด๋ ค์ด ๋ฐฉ๋ฒ์ผ๋ก ์ฝ๋ ์์ฑ - ์ง๊ธ ํ๋ ๋ฐฉ๋ฒ์ ์๊ธฐํ ํ์๋ ์์ * React : UI๋ฅผ ๋ง๋ค ์ ์๊ฒํ๋ ์์ง * React-dom : ๋ชจ๋ react element๋ค์ H.. 2024. 2. 21. ์ด์ 1 ๋ค์ 728x90 ๋ฐ์ํ