[JS] #๋ชจ์˜๊ณ ์‚ฌ - ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์—ฐ์Šต

๋ฌธ์ œ ์„ค๋ช… ์ˆ˜ํฌ์ž๋Š” ์ˆ˜ํ•™์„ ํฌ๊ธฐํ•œ ์‚ฌ๋žŒ์˜ ์ค€๋ง์ž…๋‹ˆ๋‹ค. ์ˆ˜ํฌ์ž ์‚ผ์ธ๋ฐฉ์€ ๋ชจ์˜๊ณ ์‚ฌ์— ์ˆ˜ํ•™ ๋ฌธ์ œ๋ฅผ ์ „๋ถ€ ์ฐ์œผ๋ ค ํ•ฉ๋‹ˆ๋‹ค. ์ˆ˜ํฌ์ž๋Š” 1๋ฒˆ ๋ฌธ์ œ๋ถ€ํ„ฐ ๋งˆ์ง€๋ง‰ ๋ฌธ์ œ๊นŒ์ง€ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ฐ์Šต๋‹ˆ๋‹ค. 1๋ฒˆ ์ˆ˜ํฌ์ž๊ฐ€ ์ฐ๋Š” ๋ฐฉ์‹: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2๋ฒˆ ์ˆ˜ํฌ์ž๊ฐ€ ์ฐ๋Š” ๋ฐฉ์‹: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 3๋ฒˆ ์ˆ˜ํฌ์ž๊ฐ€ ์ฐ๋Š” ๋ฐฉ์‹: 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ... 1๋ฒˆ ๋ฌธ์ œ๋ถ€ํ„ฐ ๋งˆ์ง€๋ง‰ ๋ฌธ์ œ๊นŒ์ง€์˜ ์ •๋‹ต์ด ์ˆœ์„œ๋Œ€๋กœ ๋“ค์€ ๋ฐฐ์—ด answers๊ฐ€ ์ฃผ์–ด์กŒ์„ ๋•Œ, ๊ฐ€์žฅ ๋งŽ์€ ๋ฌธ์ œ๋ฅผ ๋งžํžŒ ์‚ฌ๋žŒ์ด ๋ˆ„๊ตฌ์ธ์ง€ ๋ฐฐ์—ด์— ๋‹ด์•„ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์ž‘..

๊ณต๋ถ€/JS 2020. 7. 12. 07:05
[JS] ์…€๋ ‰ํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ DOM์š”์†Œ๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•๋“ค

ํฌ์ŠคํŒ… ํ•œ ์ด์œ  ์…€๋ ‰ํ„ฐ๋กœ ์š”์†Œ๋ฅผ ์„ ํƒํ•  ์ผ์ด ์žˆ์—ˆ๋Š”๋ฐ ํƒ์ƒ‰๋Œ€์ƒ์ธ ๋ณธ์ธ์„ ํฌํ•จํ•˜์—ฌ ํ•˜์œ„๋กœ ํƒ์ƒ‰ํ•˜๊ณ  ์‹ถ์—ˆ๋‹ค. ๊ฐ€์žฅ ๋งŽ์ด ์“ฐ์ด๋Š” ๋ฉ”์†Œ๋“œ๋“ค์„ ์‚ดํŽด๋ณด์•˜๋Š”๋ฐ, querySelector/querySelectorAll ์˜ ๊ฒฝ์šฐ ๋ณธ์ธ์„ ์ œ์™ธํ•˜๊ณ  ํ•˜์œ„๋กœ ํƒ์ƒ‰ํ•˜๊ณ , closest ๋Š” ๋ณธ์ธ์„ ํฌํ•จํ•˜์—ฌ ์ƒ์œ„๋กœ ํƒ์ƒ‰ํ•œ๋‹ค. ๋‘˜ ๋‹ค ๋ง˜์— ์•ˆ๋“ค์—ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๊ฒฐ๊ตญ์€ matches๋ฅผ ์ถ”๊ฐ€์ ์œผ๋กœ ํ™œ์šฉํ•˜์—ฌ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์ฐพ์•„๋ƒˆ๋‹ค. (๊ทธ ๊ณผ์ •์—์„œ ์…€๋ ‰ํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ DOM์š”์†Œ๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•๋“ค์„ ์ฃ„๋‹ค๊ฑฐ์˜ ๊ตฌ๊ธ€๋งํ•ด๋ดค๊ธฐ ๋•Œ๋ฌธ์—. ํฌ์ŠคํŒ…ํ–ˆ๋‹ค๋Š” ๋œป) ์…€๋ ‰ํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ DOM์š”์†Œ๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•๋“ค element.querySelector(selector) & element.querySelectorAll(selector) -> ์ž์‹์š”..

๊ณต๋ถ€/JS 2020. 7. 11. 06:19