๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

๐Ÿ“’ JavaScript29

[JavaScript] DOM์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€? ์›นํŽ˜์ด์ง€ html, css : ๋ณด์—ฌ์ง€๋Š” ๊ฒƒ javascript: ๋ณด์—ฌ์ง€๋Š”๊ฒƒ ์ปจํŠธ๋กค ํ•˜๊ธฐ ์œ„ํ•จ html child1 child2 child3 javascript const child1 ={ nonType:1, nodeName: 'div' childNode=[], arrtibutes:[] } const parent = docuemnt.querySelector('parend') parent.firstchild // #text parent.childNodes // [div] prenth.firstElementHild; // child1 html์€ javascript ์—๊ฒŒ ๊ทธ์ € ๋ฌธ์ž์ผ ๋ฟ! -> โ– DOM ( Document Object Model ) html์„ javascript ๊ฐ€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” object.. 2021. 2. 16.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํŒจ๋Ÿฌ๋‹ค์ž„์— ๋Œ€ํ•ด ์•Œ๊ฒŒ๋˜์—ˆ๊ณ , ๊ทธ์ค‘ ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ์˜๋ฏธ,์กฐ๊ฑด,๊ทธ ์˜ˆ์‹œ์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•ด๋ณด์•˜๋‹ค. *ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํŒจ๋Ÿฌ๋‹ค์ž„: ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์–ด๋–ป๊ฒŒ ์ดํ•ดํ•˜๊ณ  ๊ตฌ์ƒํ• ์ง€ ์ƒ๊ฐํ•˜๋Š” ๊ด€์  ๐Ÿ“Œํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ โ–ซ๏ธ ํ•จ์ˆ˜ ๋ฆฌํ„ฐ๋Ÿด ํ•จ๊ตฌ๋„ ๊ฐ์ฒด์ฒ˜๋Ÿผ ๋ณ€์ˆ˜๋‚˜ ํ•จ์ˆ˜์˜ ์ธ์ž์ฒ˜๋Ÿผ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ์Œ sdie effect ๊ฐ€ ์ ์Œ โ–ซ๏ธ ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์™ธ๋ถ€์˜ ์˜ํ–ฅ์„ ๋ฐ›์ง€ ์•Š๋Š” ํ•จ์ˆ˜๋กœ ๊ตฌํ˜„ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ ๊ธฐ๋ฒ• ๋ชจ๋“ ๊ฑธ ํ•จ์ˆ˜๋กœ ์‹คํ–‰ ํ•จ์ˆ˜ : input & output์œผ๋กœ ์ด๋ฃจ์–ด์ง -> ๋ช…๋ นํ˜• ์ˆœ์ˆ˜ํ•จ์ˆ˜๋งŒ ์‚ฌ์šฉ ์ˆœ์ˆ˜ํ•จ์ˆ˜ : ์ฃผ์–ด์ง„ input๋งŒ์„ ์‚ฌ์šฉํ•ด output ์ƒ์„ฑ -> ํ•จ์ˆ˜ ์™ธ๋ถ€(ex ์ „์—ญ๋ณ€์ˆ˜)์˜ ๊ฒƒ ์‚ฌ์šฉ X ๋ถ€์ž‘์šฉ(side effect) : ํ•จ์ฃผ๊ฐ€ ์ฃผ์–ด์ง„ input์—์„œ ๊ณ„์‚ฐํ•˜์ง€ ์•Š์€ output์„ ๋‚ด๋ณด๋‚ด๋Š” ๊ฒƒ ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ๋ฐ›์€ Data๋ฅผ.. 2021. 2. 8.
๋ฐ˜์‘ํ˜•