Study/JavaScript (6) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ [๋ชจ๋์๋ฐ์คํฌ๋ฆฝํธ]06 ์ด๋ฒคํธ์ ์ด๋ฒคํธ ์ฒ๋ฆฌ๊ธฐ 06-1. ์ด๋ฒคํธ ์์๋ณด๊ธฐ ์ด๋ฒคํธ๋ ์ด๋ฒคํธ: ์น ๋ธ๋ผ์ฐ์ ๋ ์ฌ์ฉ์๊ฐ ์คํํ๋ ์ด๋ค ๋์ ex) ์น ๋ฌธ์์์ ํค๋ณด๋์ ํค๋ฅผ ๋๋ฅด๋ ๊ฒ, ์น ๋ธ๋ผ์ฐ์ ์ฐฝ์ ์น ํ์ด์ง๋ฅผ ๋ถ๋ฌ์ค๋ ๊ฒ ์ด๋ฒคํธ๋ ์น ๋ฌธ์ ์์ญ์์ ์ด๋ฃจ์ด์ง๋ ๋์๋ง ๋งํจ(ex. ์น ํ์ด์ง ์ฝ์ด ์ค๊ธฐ, ๋งํฌ ํด๋ฆญํ๊ธฐ) (์น ๋ธ๋ผ์ฐ์ ์ฐฝ ๋งจ ์ ์ ๋ชฉ ํ์์ค์ ํด๋ฆญํ๋ ๊ฒ์ ์ด๋ฒคํธ๊ฐ ์๋(์์ญ ๋ฒ์ด๋ฌ์ผ๋ฏ๋ก)) ๋ฌธ์ ๋ก๋ฉ ์ด๋ฒคํธ ์๋ฒ์์ ์น ๋ฌธ์๋ฅผ ๊ฐ์ ธ์ค๊ฑฐ๋ ์์๋๋ก ์คํฌ๋กคํ๋ ๋ฑ ์น ๋ฌธ์๋ฅผ ์น ๋ธ๋ผ์ฐ์ ์ฐฝ์ ๋ณด์ฌ์ฃผ๋ ๊ฒ๊ณผ ๊ด๋ จ๋ ์ด๋ฒคํธ ์ด๋ฒคํธ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ๋ ์๊ฐ abort ์น ๋ฌธ์๊ฐ ์์ ํ ๋ก๋ฉ๋๊ธฐ ์ ์ ๋ถ๋ฌ์ค๊ธฐ๋ฅผ ๋ฉ์ถ์์ ๋ error ๋ฌธ์๊ฐ ์ ํํ ๋ก๋ฉ๋์ง ์์์ ๋ load ๋ฌธ์๊ฐ ๋ก๋ฉ์ด ๋๋ฌ์ ๋ resize ๋ฌธ์ ํ๋ฉด์ ํฌ๊ธฐ๊ฐ ๋ฐ๋์์ ๋ .. [๋ชจ๋์๋ฐ์คํฌ๋ฆฝํธ]05 DOM์ ๊ธฐ์ด 05-1. DOM๊ณผ DOMํธ๋ฆฌ DOM: Document Object Model, ๋ฌธ์ ๊ฐ์ฒด ๋ชจ๋ธ DOM์ด๋ DOM: ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก ์น ๋ฌธ์์ ์ ๊ทผํ๊ณ ์ ์ดํ ์ ์๋๋ก ์น ๋ฌธ์๋ฅผ ์ฒด๊ณ์ ์ผ๋ก ์ ๋ฆฌํ๋ ๋ฐฉ๋ฒ DOM์์๋ ์น ๋ฌธ์๋ฅผ ํ๋์ ๊ฐ์ฒด๋ก ์ ์ํ๊ณ , ์น ๋ฌธ์๋ฅผ ์ด๋ฃจ๋ ๋ชจ๋ ์์(ํ ์คํธ, ์ด๋ฏธ์ง, ํ ๋ฑ)๋ ๊ฐ๊ฐ ๊ฐ์ฒด๋ก ์ ์ํจ ex) ์น ๋ฌธ์ ์ ์ฒด → document ๊ฐ์ฒด, ์น ๋ฌธ์์ ์ฝ์ ๋ ์ด๋ฏธ์ง → image ๊ฐ์ฒด (→ '๋ฌธ์ ๊ฐ์ฒด ๋ชจ๋ธ' ์ด๋ผ๊ณ ํจ) ์น ๋ฌธ์์ ๊ฐ์ฒด๋ค๋ ๊ฐ์ฒด์ด๋ฏ๋ก ํ๋กํผํฐ์ ๋ฉ์๋๋ฅผ ๊ฐ์ง๊ณ ์์ DOM ํธ๋ฆฌ ์น ๋ฌธ์๋ ์ฌ๋ฌ ๊ฐ์ง ํ๊ทธ๊ฐ ์๋ก ํฌํจ ๊ด๊ณ๋ฅผ ๊ฐ์ง๊ณ ์์. ์ด๋ฐ ๊ด๊ณ ๋๋ฌธ์ ๊ฐ ํ๊ทธ ๊ฐ์๋ '๋ถ๋ชจ'์ '์์' ๊ด๊ณ๊ฐ ์๊น Do it! html ์์ → .. [๋ชจ๋์๋ฐ์คํฌ๋ฆฝํธ]04 ํ๋ก๊ทธ๋๋ฐ ํ๋ฐ ๋ ๋๊ฐ๊ธฐ, ํจ์์ ์ค์ฝํ 04-1. ํ๋ก๊ทธ๋๋ฐ์ ๊ฝ, ํจ์ ํจ์: ๋์ํด์ผ ํ ๋ชฉ์ ๋๋ก ์ฌ๋ฌ ๊ฐ์ ๋ช ๋ น์ ๋ฌถ๋ ๊ฒ ํจ์๋ฅผ ์ฌ์ฉํ๋ ์ด์ ์ฒ๋ฆฌํด์ผํ ๊ธฐ๋ฅ์ด ๋ง์ง๋ง, ํจ์ ์์ด ์์ฑํ๋ค๋ฉด ์ฌ์ฉ์๊ฐ ์ ๋ ฅํ ๋๋ง๋ค ๊ฐ์ ๋ช ๋ น์ ๊ณ์ ๋ฐ๋ณตํด์ผํจ ํ์ง๋ง, ๊ธฐ๋ฅ๋ณ๋ก ํจ์๋ฅผ ๋ฐ๋ก ๋ง๋ค์ด ๋๋ค๋ฉด ํ์ํ ๋๋ง๋ค ์ ์ ํ ํจ์๋ฅผ ์ฌ์ฉํด์ ํจ์๋ณ๋ก ์คํํ ์ ์์ ํจ์ ์ ์ธํ๊ณ ํธ์ถํ๊ธฐ ์๋ฐ์คํฌ๋ฆฝํธ์๋ ๋ค์ํ ํจ์๋ค์ด ๋ฏธ๋ฆฌ ๋ง๋ค์ด์ ธ ์์ผ๋ฏ๋ก ๊ฐ๋ฐ์๋ ํด๋น ํจ์๋ฅผ ๊ฐ์ ธ์์ ์ฌ์ฉ๋ง ํ๋ฉด ๋จ ํจ์๋ฅผ ์ ์ธํ ๋๋ function์ด๋ผ๋ ์์ฝ์ด๋ฅผ ์ฌ์ฉํ๊ณ , ํจ์ ์ด๋ฆ์ ์ ์ ํ ์ค๊ดํธ ์์ ์คํํ ์ฌ๋ฌ ๊ฐ์ ๋ช ๋ น์ ๋ฌถ์ ํจ์ ์ด๋ฆ์ ์ ๋ ์ด์ : ๋์ค์ ์ด๋ฆ์ ์ฌ์ฉํด ํจ์๋ฅผ ์คํํ๊ธฐ ์ํด์ function ํจ์๋ช (){ ๋ช ๋ น(๋ค) } ์ ์ธํ ํจ์๋ฅผ ์คํํ ๋ ํจ์ .. [๋ชจ๋์๋ฐ์คํฌ๋ฆฝํธ]03 ์ฐ์ฐ์์ ์ ์ด๋ฌธ 03-1. ํ๋ก๊ทธ๋จ ๋์์ ๊ฐ๋ฆฌํค๋ ๊ธฐํธ, ์ฐ์ฐ์ ์ฐ์ ์ฐ์ฐ์ A+B → A, B๋ ํผ์ฐ์ฐ์, +๋ ์ฐ์ฐ์ ์ฐ์ฐ์ ๊ธฐ๋ฅ ์ฌ์ฉ ์ + 2๊ฐ์ ํผ์ฐ์ฐ์ ๊ฐ์ ๋ํจ c = a + b - ์ฒซ๋ฒ์งธ ํผ์ฐ์ฐ์ ๊ฐ์์ ๋๋ฒ์งธ ํผ์ฐ์ฐ์ ๊ฐ์ ๋บ c = a – b * 2๊ฐ์ ํผ์ฐ์ฐ์ ๊ฐ์ ๊ณฑํจ c = a * b / ์ฒซ๋ฒ์งธ ํผ์ฐ์ฐ์ ๊ฐ์์ ๋๋ฒ์งธ ํผ์ฐ์ฐ์ ๊ฐ์ ๋๋ c = a / b % ์ฒซ๋ฒ์งธ ํผ์ฐ์ฐ์ ๊ฐ์ ๋๋ฒ์งธ ํผ์ฐ์ฐ์ ๊ฐ์ผ๋ก ๋๋ ๋๋จธ์ง c = a % b ++ ํผ์ฐ์ฐ์ ๊ฐ์ 1 ์ฆ๊ฐ a++ -- ํผ์ฐ์ฐ์ ๊ฐ์ 1 ๊ฐ์ B++ ์ฆ๊ฐ ์ฐ์ฐ์(++)์ ๊ฐ์ ์ฐ์ฐ์(--)๋ ์์น์ ๋ฐ๋ผ ์ฒ๋ฆฌ ๊ฒฐ๊ณผ๊ฐ ๋ฌ๋ผ์ง ํ์์ฐ์ฐ์: x + y ๊ณ์ฐ ํ y๊ฐ 1 ๊ฐ์ํจ ์ ์์ฐ์ฐ์: y๊ฐ 1 ๊ฐ์ํ ํ x + y ๊ณ์ฐํจ x = x + 1๋ณด๋ค x.. [๋ชจ๋์๋ฐ์คํฌ๋ฆฝํธ]02 ํ๋ก๊ทธ๋๋ฐ์ ๊ธฐ๋ณธ, ๋ณ์์ ์๋ฃํ ์ดํด๋ณด๊ธฐ 02-1. ํ๋ก๊ทธ๋จ์์ ์ ๋ ฅ๋ฐ๊ณ ์ถ๋ ฅํ๋ ๋ฐฉ๋ฒ alert(), confirm(), prompt()๋ก ํ์ ์ฐฝ ํ์ํ๊ธฐ alert() ํจ์ alert๋ฌธ์ ์๋ฆผ ์ฐฝ์ ํ์ alert() ํจ์์ ์๊ดํธ ์์ ๋ฉ์์ง๋ฅผ ์ ๋ ฅํ๊ฑฐ๋ ๋ณ์๋ฅผ ์ฌ์ฉํ๋ฉด ์๋ฆผ ์ฐฝ์ ํ ์คํธ๋ ๋ณ์ซ๊ฐ์ ํ์ํ ์ ์์ ์๋ฆผ ์ฐฝ์ ๋ด์ฉ์ ํ์ํ๋ ค๋ฉด alert() ํจ์์ ์๊ดํธ ์์ ํฐ๋ฐ์ดํ๋ ์์๋ฐ์ดํ์ ํจ๊ผ ๋ด์ฉ ์์ฑ - ์๋ฆผ ์ฐฝ์ ๋ด์ฉ์ ํ์ํ๋ ค๋ฉด alert() ํจ์์ ์๊ดํธ ์์ ํฐ๋ฐ์ดํ๋ ์์๋ฐ์ดํ์ ํจ๊ผ ๋ด์ฉ ์์ฑ alert("์๋ ํ์ธ์?") - ๋ง์ฝ a๋ผ๋ ๋ณ์์ ์ซ์ 10์ ์ ์ฅํ๋ค๋ฉด alert() ํจ์์ ์๊ดํธ ์์ ๋ณ์ ์ด๋ฆ์ ์ง์ ํด์ ๋ณ์๊ฐ์ ํ์ํ ์ ์์ a = 10 alert(a) confirm() ํจ์ [ํ์ธ] ๋ฒํผ๊ณผ.. [๋ชจ๋์๋ฐ์คํฌ๋ฆฝํธ]01 ์๋ฐ์คํฌ๋ฆฝํธ ์์ํ๊ธฐ โ ์๋ฐ์คํฌ๋ฆฝํธ์ ์๋ฐ๋ ๋ค๋ฅด๋ค ์๋ฐ์คํฌ๋ฆฝํธ ์ธํฐ๋ท ์ด์ฐฝ๊ธฐ ์น ๋ธ๋ผ์ฐ์ ์์ฅ์ ์๊ถํ๊ณ ์๋ ๋ท์ค์ผ์ดํ์์ ์น๋ฌธ์๋ฅผ ์ข ๋ ๋์ ์ผ๋ก ํ์ํ๊ธฐ ์ํด ๋ผ์ด๋ธ์คํฌ๋ฆฝํธ๋ฅผ ๊ฐ๋ฐ → ์๋ก์ด ๊ธฐ์ ์ ํตํด HTML๋ก๋ ํ ์ ์๋ ๊ธฐ๋ฅ์ ์ถ๊ฐ 1995๋ , ์ฌ ๋ง์ดํฌ๋ก์ฆ์์คํ ์ฆ๊ฐ ๋ผ์ด๋ธ์คํฌ๋ฆฝํธ ๊ฐ๋ฐ๊ถ์ ๋๊ฒจ๋ฐ์(→ ์๋ฐ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ฅผ ๋ง๋ ํ์ฌ) ๊ทธ ์ด๋ฆ์ ๋ฐ์ '๋ผ์ด๋ธ์คํฌ๋ฆฝํธ' ๋์ '์๋ฐ์คํฌ๋ฆฝํธ'๋ผ๋ ์ด๋ฆ์ ๋ถ์ด๊ฒ ๋จ 1997๋ 6์, ์๋ฐ์คํฌ๋ฆฝํธ๋ ์คํฌ๋ฆฝํธ ํ์ค์ผ๋ก ์ฑํ๋์๊ณ ์ด๋ ๊ณต์์ ์ธ ์ด๋ฆ์ด '์ํฌ๋ง์คํฌ๋ฆฝํธ'๋ก ์ ํด์ง ์ํฌ๋ง์คํฌ๋ฆฝํธ๋ ์ ๋ฐ์ดํธ ๋ ๋๋ง๋ค ์ด๋ฆ์ ๋ค์ ๋ ๋๋ฅผ ๋ถ์(ex. ์ํฌ๋ง์คํฌ๋ฆฝํธ 2015(ES6๋ผ๊ณ ๋ ๋ถ๋ฆผ)) ์ํฌ๋ง์คํฌ๋ฆฝํธ๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ์คํ๋ ์คํฌ๋ฆฝํธ ์ธ์ด์ ์๋ฐ์คํฌ๋ฆฝํธ๋.. ์ด์ 1 ๋ค์