๋ฐ˜์‘ํ˜•

2025/12/12 ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ

ํ•ด๋‹น ๊ธ€ 1๊ฑด

querySelectorAll() ์€ ๋ฐฐ์—ด์ฒ˜๋Ÿผ ๋ณด์ด์ง€๋งŒ “๋ฐฐ์—ด์ด ์•„๋‹ˆ๋‹ค.”๊ทธ๋ž˜์„œ map(), filter() ๊ฐ™์€ ๋ฐฐ์—ด ์ „์šฉ ๋ฉ”์„œ๋“œ๋ฅผ ์“ธ ์ˆ˜ ์—†๋‹ค. Array.from() ์œผ๋กœ ์ง„์งœ ๋ฐฐ์—ด๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๊ณผ์ •์ด ํ•„์š”ํ•˜๋‹ค.1) querySelectorAll()์˜ ๋ฐ˜ํ™˜๊ฐ’์€ “NodeList”์˜ˆ๋ฅผ ๋“ค์–ด:const checked = document.querySelectorAll(".row-check:checked");checked ๋Š” ๋ฐฐ์—ด์ด ์•„๋‹ˆ๋‹ค.์ •ํ™•ํ•œ ํƒ€์ž…์€ NodeList ๋ผ๋Š” “์œ ์‚ฌ๋ฐฐ์—ด ๊ฐ์ฒด”.์œ ์‚ฌ๋ฐฐ์—ด์ด๋ž€:๊ธธ์ด(length) ์žˆ์Œ์ธ๋ฑ์Šค๋กœ ์ ‘๊ทผ ๊ฐ€๋Šฅ์—ฌ๋Ÿฌ ์š”์†Œ๋ฅผ ๋‹ด๊ณ  ์žˆ์Œํ•˜์ง€๋งŒ,map() ์—†์Œfilter() ์—†์Œreduce() ์—†์Œ์ฆ‰, ๋ฐฐ์—ด์ฒ˜๋Ÿผ ์ƒ๊ฒผ์ง€๋งŒ ๋ฐฐ์—ด์ด ์•„๋‹ˆ๋‹ค.2) NodeList์™€ ๋ฐฐ์—ด(Array)์˜ ์ฐจ..

๋ฐ˜์‘ํ˜•