Front-End/Javascript 2

๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋”ฅ๋‹ค์ด๋ธŒ

โ—์ฑ… ๊ธ€์”จ ํ•˜๋‚˜ํ•˜๋‚˜ ๋‹ค ์ฝ์œผ๋ ค๊ณ  ํ•˜๋ฉด ์‹œ๊ฐ„๋‚ญ๋น„๋‹ค. ๋‹ค ์ฝ์ง€ ๋ง๊ณ  ์›์žฅ๋‹˜๊ป˜์„œ ์ค‘์š”ํ•˜๋‹ค๊ณ  ํ•˜์‹  ๋ถ€๋ถ„๋งŒ ๋ณต์Šตํ•  ๋•Œ ๋‹ค์‹œ ์ฝ๊ธฐ ๊นŠ๊ฒŒ ์•ˆ๋‹ค๊ณ  ๋‹ค ์ข‹์€ ๊ฒŒ ์•„๋‹ˆ๋‹ค. ์ ๋‹นํžˆ ์•Œ๊ณ  ์ ๋‹นํžˆ ๋„˜์–ด๊ฐ€๋Š” ๊ฒŒ ์ œ์ผ ์ข‹๋‹ค. 02์žฅ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€?04์žฅ ๋ณ€์ˆ˜4.1 ๋ณ€์ˆ˜๋ž€ ๋ฌด์—‡์ธ๊ฐ€? ์™œ ํ•„์š”ํ•œ๊ฐ€?4.3 ๋ณ€์ˆ˜ ์„ ์–ธ4.4 ๋ณ€์ˆ˜ ์„ ์–ธ์˜ ์‹คํ–‰ ์‹œ์ ๊ณผ ๋ณ€์ˆ˜ ํ˜ธ์ด์ŠคํŒ…ํ˜ธ์ด์ŠคํŒ…4.5 ๊ฐ’์˜ ํ• ๋‹น4.6 ๊ฐ’์˜ ์žฌํ• ๋‹น05์žฅ ํ‘œํ˜„์‹๊ณผ ๋ฌธ5.1 ๊ฐ’5.2 ๋ฆฌํ„ฐ๋Ÿด5.3 ํ‘œํ˜„์‹5.4 ๋ฌธ5.5 ์„ธ๋ฏธ์ฝœ๋ก ๊ณผ ์„ธ๋ฏธ์ฝœ๋ก  ์ž๋™ ์‚ฝ์ž… ๊ธฐ๋Šฅ์ฃผ์˜ํ•ด์•ผ ํ•  ์ 5.6 ํ‘œํ˜„์‹์ธ ๋ฌธ๊ณผ ํ‘œํ˜„์‹์ด ์•„๋‹Œ ๋ฌธ06์žฅ ๋ฐ์ดํ„ฐ ํƒ€์ž…6.3 ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด6.10 ๋™์  ํƒ€์ž…07์žฅ ์—ฐ์‚ฐ์ž7.1 ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž์ดํ•ญ ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž๋น„๊ต ์—ฐ์‚ฐ์ž==์™€ === (!=, !==)Object.is()7.6 ์‰ผํ‘œ ์—ฐ์‚ฐ์ž7.8 ..

JavaScript ํ•ต์‹ฌ์š”์•ฝ

My link My header ๋ธŒ๋ผ์šฐ์ €๊ฐ€ HTML์„ ์ฝ์–ด์„œ ํ•˜๋‚˜ํ•˜๋‚˜ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•ด ๊ณ„์ธต๊ตฌ์กฐ๋กœ ๋งŒ๋“ ๋‹ค. → ์ด๊ฒŒ ๋”ํŠธ๋ฆฌDOM = html์ฝ์–ด์„œ ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค์–ด ๊ฐ์ฒด๋“ค๊ฐ„์˜ ๊ด€๊ณ„๋ฅผ ๊ทธ๋ฆฐ ๊ฒƒCSSOM๋””์ž์ธ(css) ๊ด€๋ จ๋œ ํŠธ๋ฆฌ Render Tree = DOM + CSSOM (data๋ผˆ๋Œ€) + (๋””์ž์ธ) ๋ธŒ๋ผ์šฐ์ €๊ฐ€ Rener Tree๋ฅผ ๋ณด๊ณ  ์˜์—ญ์„ ์žก๋Š”๋‹ค.๋ ˆ์ด์•„์›ƒํŽ˜์ธํŠธ์ขŒํ‘œ, ์‚ฌ์ด์ฆˆ ๊ณ„์‚ฐ DOM์—์„œ ์š”์†Œ(element) ์ฐพ๊ธฐdocument.getElementById(id) // id๋กœ ์ฐพ๊ธฐ document.getElementByTagName(name) // Tag๋กœ ์ฐพ๊ธฐ document.getElementByClassName(name) // class๋กœ ์ฐพ๊ธฐ document.getElementsByName(name..