Dev/React

1. ๋ฆฌ์•กํŠธ๋ฅผ ์™œ ์‚ฌ์šฉํ•˜๋Š” ๊ฑธ๊นŒ? ๋ฐ”๋กœ ์œ ์ € ์ธํ„ฐ๋ž™์…˜(์ƒํƒœ ๋ณ€ํ™”) ์ฒ˜๋ฆฌ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ํ•˜๊ธฐ ์œ„ํ•ด์„œ์ž…๋‹ˆ๋‹ค. "DOM ์š”์†Œ ๋ณ€ํ™”๋ฅผ ์–ด๋–ป๊ฒŒ ์ ์šฉํ•  ๊ฒƒ์ธ๊ฐ€ ๐Ÿง" ์ด์ „ ๋ฐฉ์‹ JS๋ฅผ ์‚ฌ์šฉํ•ด์„œ HTML๋กœ ๊ตฌ์„ฑ๋œ UI ์ œ์–ด ๋ธŒ๋ผ์šฐ์ €์˜ DOM Selector API ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ํŠน์ • DOM ์„ ์„ ํƒํ•œ๋’ค, ํŠน์ • ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•˜๋ฉด ๋ณ€ํ™”๋ฅผ ์คŒ ๊ทœ๋ชจ๊ฐ€ ์ปค์งˆ์ˆ˜๋ก ๊ด€๋ฆฌ ํž˜๋“ฆ. ๋ฐ์ดํ„ฐ / ๋ ˆ์ด์•„์›ƒ ๋ ˆ์ด์–ด ๊ตฌ๋ถ„ ์–ด๋ ค์›Œ์ง ๋ช…๋ นํ˜• ์ ‘๊ทผ๋ฐฉ์‹์€ ์ฝ”๋“œ ์žฌํ™œ์šฉ์ด ์–ด๋ ค์›€ ⇒ ๋ฆฌ์•กํŠธ๋Š” ์ฝ”๋“œ๋ฅผ ์ž‘์€ ์ปดํฌ๋„ŒํŠธ๋“ค๋กœ ๊ตฌ์„ฑํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์œ ์ง€๋ณด์ˆ˜์™€ ๊ด€๋ฆฌ๊ฐ€ ์šฉ์ดํ•จ(์„ ์–ธํ˜• ๋ฐฉ์‹) ๋ช…๋ นํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ๋ฌด์—‡์„ ์–ด๋–ป๊ฒŒ ํ•  ๊ฒƒ์ธ๊ฐ€์— ๊ฐ€๊น๊ณ , ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ๋ฌด์—‡์„ ํ•  ๊ฒƒ์ธ๊ฐ€์— ๊ฐ€๊น๋‹ค. ๋ช…๋ นํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ VS ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ช…๋ นํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ๊ณผ ์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ๋Œ€..
์–‘๋‚˜๋‹ˆ
'Dev/React' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก