
[JavaScript] ์๋ฐ์คํฌ๋ฆฝํธ ์ด๋ฒคํธ, ์ด๋ฒคํธ ํธ๋ค๋ฌ, ๋ฒ๋ธ๋ง๊ณผ ์บก์ฒ๋ง ๋ฑ ์ด์ ๋ฆฌ
๋ด๊ฐ ๋ณด๋ ค๊ณ ๋ง๋ ์ด๋ฒคํธ ํธ๋ค๋ฌ ๐ฆ๋ชฉํ์ด๋ฒคํธ, ์ด๋ฒคํธ ํธ๋ค๋ฌ, ์ด๋ฒคํธ ๋ฒ์ค ๋ฐ addEventListener์ ๋ํด ์์๋ณด์.๊ทธ๋ฆฌ๊ณ jQuery์ Vanilla JavaScript์์ ์ด๋ฒคํธ๋ฅผ ๋ค๋ฃจ๋ ๋ฒ์ ๋ํด ์์๋ณด์. ๋ค์ ํ ๋ฒ ๋งํ์ง๋ง jQuery๋ ํ๋ ์น ๊ฐ๋ฐ์์ ํ์์ ์ธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ง๋ง, ์ด์ ๋ Vanilla JavaScript(์์ JS)๋ React, Vue, Svelte ๊ฐ์ ํ๋ ์์ํฌ๊ฐ ๋์ฒดํ๋ฉด์ ์ฌ์ฉ์ด ์ค์ด๋ค๊ณ ์๋ค. ๊ทธ๋์ addEventListener ์์ฃผ๋ก๋ง ์ ๋ฆฌํ๊ณ ์์ํ๊ฒ ์ด๋ฒคํธ ์ข
๋ฅ๋ง ๊ถ๊ธํ ์ฌ๋์ 6๋ฒ๋ถํฐ ์ฝ์ผ๋ฉด ๋๋ค. 1. ์๋ฐ์คํฌ๋ฆฝํธ ์ด๋ฒคํธ (JavaScript Event)์ด๋ฒคํธ(Event)๋ ์ฌ์ฉ์๋ ์์คํ
์ด ์น ํ์ด์ง์์ ์ผ์ผํค๋ ๋์์ด๋ค.์๋ฅผ ๋ค์ด, ๋ฒํผ ํด..