TIL18: React ๊ธฐ์ดˆ
TIL/JavaScript 2021. 8. 11. 20:27

Section 1์˜ ๋งˆ์ง€๋ง‰ ๊ณผ์ • React์— ๋“ค์–ด๊ฐ”์Šต๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ฒฝํ—˜ ์žˆ์œผ์‹  ๋ถ„๋“ค์ด ๋Œ€๋ถ€๋ถ„ ๊ณ ์ฐจํ•จ์ˆ˜๋ž‘ React๋ถ€๋ถ„ ์–ด๋ ต๋‹ค๊ณ  ํ•˜์…จ๋Š”๋ฐ, ์ •๋ง React๋Š” ์–ด๋ ค์› ์–ด์š”... ์ต์ˆ™ํ•ด์ง€๋ฉด ์˜คํžˆ๋ ค HTML CSS DOM ๋”ฐ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ํ›จ์”ฌ ํŽธํ•  ๊ฒƒ ๊ฐ™์€๋ฐ ์•„์ง์€ ์†์— ์•ˆ์ต๋„ค์š”ใ… ใ… ใ…  ๋ณต์Šต ๋งˆ์ € ์—ด์‹ฌํžˆ ํ•ด์•ผํ•  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค! ๋ฆฌ์—‘ํŠธ (React) React๋Š” ํ”„๋ก ํŠธ์•ค๋“œ ๊ฐœ๋ฐœ์„ ์œ„ํ•œ JavaScript ์˜คํ”ˆ์†Œ์Šค ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. ํฌ๊ฒŒ 3๊ฐ€์ง€ ํŠน์ง•์ด ์žˆ์Šต๋‹ˆ๋‹ค. 1. ์„ ์–ธํ˜•: JSX๋ฅผ ํ™œ์šฉํ•ด์„œ ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์ง€ํ–ฅํ•ฉ๋‹ˆ๋‹ค. HTML CSS JS๋กœ ๋‚˜๋ˆ  ์ ๋Š” ๊ฒƒ๊ณผ ๋‹ฌ๋ฆฌ ํ•˜๋‚˜์˜ ํŒŒ์ผ์— ๋ช…์‹œ์ ์œผ๋กœ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ์žฅ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. 2. ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜: ์ปดํฌ๋„ŒํŠธ๋กœ ๋ถ„๋ฆฌํ•˜๋ฉด ์„œ๋กœ ๋…๋ฆฝ์ ์ด๊ณ  ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๊ธฐ ๋•Œ๋ฌธ์—, ๊ธฐ..