Event (1) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ [JavaScript] ์ด๋ฒคํธ ๋ฒ๋ธ๋ง, ์บก์ฒ๋ง, ์์์ด๋? ๐ ์ด๋ฒคํธ ๋ฒ๋ธ๋ง(Event Bubbling)์ด๋? ํน์ ํ๋ฉด ์์์์ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ์ ๋ ํด๋น ์ด๋ฒคํธ๊ฐ ๋ ์์์ ํ๋ฉด ์์๋ค๋ก ์ ๋ฌ๋์ด ๊ฐ๋ ํน์ฑ์ด๋ค. ๐ ์ด๋ฒคํธ ์บก์ฒ๋ง(Event Capturing)์ด๋? ์ด๋ฒคํธ ๋ฒ๋ธ๋ง๊ณผ ๋ฐ๋ ๋ฐฉํฅ์ผ๋ก ์งํ๋๋ ์ด๋ฒคํธ ์ ํ ๋ฐฉ์์ด๋ค. ๐ ์ด๋ฒคํธ ์์(Event Delegation)์ด๋? ํ์ ์์์ ๊ฐ๊ฐ ์ด๋ฒคํธ๋ฅผ ๋ถ์ด์ง ์๊ณ ์์ ์์์์ ํ์ ์์์ ์ด๋ฒคํธ๋ฅผ ์ ์ดํ๋ ๋ฐฉ์์ด๋ค. (์์์ ์ดํด๋ณธ ์ด๋ฒคํธ ๋ฒ๋ธ๋ง๊ณผ ์บก์ฒ๋ง์ ์ด๋ฒคํธ ์์์ ์ํ ์ ์ ์ง์์ด๋ผ๊ณ ํด๋ ๊ณผ์ธ์ด ์๋๋ค. ์ด๋ฒคํธ ์์์ ์ค์ ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ก ์น๊ณผ ์ฑ์ ๊ตฌํํ ๋ ์์ฃผ ์ฌ์ฉํ๋ ์ฝ๋ฉ ํจํด์ด๋ค.) ์ฅ์ ์ฝ๋๊ฐ ์งง์์ง๊ณ ๋ฉ๋ชจ๋ฆฌ๊ฐ ์ ์ฝ๋๋ค. ๋ฌด๋ถ๋ณํ ์ด๋ฒคํธ ๋ฑ๋ก์ผ๋ก ์ธํ ๋ฉ๋ชจ๋ฆฌ ๋์๋ฅผ ๋ฐฉ์งํ ์ .. ์ด์ 1 ๋ค์