๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋กD E V E L O P ๐Ÿ’ป (16)

Ming's develop story

DOM ์˜ ๊ฐœ๋…

DOM (Document Object Model)์ด๋ž€?๋งˆํฌ์—… ์–ธ์–ด๋กœ ์ž‘์„ฑ๋œ ๋ฌธ์„œ๋ฅผ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด(ex. Javascript)๊ฐ€ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ์ธํ„ฐํŽ˜์ด์ŠคDOM์€ ๊ณ„์ธต์  ๊ตฌ์กฐ๋ฅผ ๊ฐ€์ง„ ๋…ธ๋“œ ํŠธ๋ฆฌ๋กœ ๊ตฌ์„ฑ๋œ๋‹ค.DOM์˜ ์ข…๋ฅ˜HTML DOM: HTML ๋ฌธ์„œ๋ฅผ ์กฐ์ž‘ํ•˜๋Š” APIXML DOM: XML ๋ฐ์ดํ„ฐ๋ฅผ ํŠธ๋ฆฌ ํ˜•ํƒœ๋กœ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ๋Š” APISVG DOM: SVG ๊ทธ๋ž˜ํ”ฝ์„ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ ์œผ๋กœ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” APIDOM์€ ์™œ ํ•„์š”ํ•œ๊ฐ€?๋™์ ์ธ ์›น ํŽ˜์ด์ง€๋ฅผ ๊ตฌํ˜„ํ•˜๋ ค๋ฉด ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๊ฐ€ ๋ฌธ์„œ์— ์ ‘๊ทผํ•˜๊ณ , ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋Š” ์ˆ˜๋‹จ์ด ์žˆ์–ด์•ผ ํ•˜์ง€๋งŒ ๋งˆํฌ์—… ์–ธ์–ด์—๋Š” element์— ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ์ธํ„ฐํŽ˜์ด์Šค๊ฐ€ ์—†๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.DOM์„ ํ†ตํ•ด ์–ด๋–ค ๋™์ž‘์„ ํ•  ์ˆ˜ ์žˆ๋Š”๊ฐ€?์š”์†Œ ์กฐ์ž‘: ๋ฌธ์„œ ๋‚ด์—์„œ ์š”์†Œ๋ฅผ ์ถ”๊ฐ€(appendChild), ์ œ๊ฑฐ(..

D E V E L O P ๐Ÿ’ป/CS 2025. 2. 10. 14:45
์•Œ๊ณ ๋ฆฌ์ฆ˜ - ์ง์‚ฌ๊ฐํ˜• ๋ณ„์ฐ๊ธฐ

๋ฌธ์ œ ์„ค๋ช… ์ด ๋ฌธ์ œ์—๋Š” ํ‘œ์ค€ ์ž…๋ ฅ์œผ๋กœ ๋‘ ๊ฐœ์˜ ์ •์ˆ˜ n๊ณผ m์ด ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. ๋ณ„(*) ๋ฌธ์ž๋ฅผ ์ด์šฉํ•ด ๊ฐ€๋กœ์˜ ๊ธธ์ด๊ฐ€ n, ์„ธ๋กœ์˜ ๊ธธ์ด๊ฐ€ m์ธ ์ง์‚ฌ๊ฐํ˜• ํ˜•ํƒœ๋ฅผ ์ถœ๋ ฅํ•ด๋ณด์„ธ์š”. ์ œํ•œ ์กฐ๊ฑด n๊ณผ m์€ ๊ฐ๊ฐ 1000 ์ดํ•˜์ธ ์ž์—ฐ์ˆ˜์ž…๋‹ˆ๋‹ค. ์˜ˆ์‹œ ์ž…๋ ฅ : 5 3 ์ถœ๋ ฅ : ***** ***** ***** ๋‚ด ํ’€์ด function solution(n, m) { return ('*'.repeat(n) + '\n').repeat(m); } function solution(n, m) { return (Array(n).fill('*').join('') + '\n').repeat(m); } ๋‘๊ฐ€์ง€ ๋ฐฉ๋ฒ•์œผ๋กœ ํ•ด๋ดค๋‹ค. ๋ถ„๋ช…ํžˆ ๋งž๋‹ค๊ณ  ์ƒ๊ฐ ํ–ˆ๋Š”๋ฐ ๋‘ ๋ฐฉ๋ฒ• ๋‹ค ์œ„์™€ ๊ฐ™์ด ๊ฒฐ๊ณผ๊ฐ€ ๋‚˜์™”๋‹ค. ๊ทธ๋ž˜์„œ ๋‘˜ ๋‹ค ์ง์ ‘ ์ฐ์–ด๋ณด๋‹ˆ ์•„๋ž˜์™€ ๊ฐ™์ด ์ž˜ ์ž‘๋™ํ•˜์˜€..

์•Œ๊ณ ๋ฆฌ์ฆ˜ - ํ•ธ๋“œํฐ ๋ฒˆํ˜ธ ๊ฐ€๋ฆฌ๊ธฐ

๋ฌธ์ œ ์„ค๋ช… ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ชจ๋ฐ”์ผ์€ ๊ฐœ์ธ์ •๋ณด ๋ณดํ˜ธ๋ฅผ ์œ„ํ•ด ๊ณ ์ง€์„œ๋ฅผ ๋ณด๋‚ผ ๋•Œ ๊ณ ๊ฐ๋“ค์˜ ์ „ํ™”๋ฒˆํ˜ธ์˜ ์ผ๋ถ€๋ฅผ ๊ฐ€๋ฆฝ๋‹ˆ๋‹ค. ์ „ํ™”๋ฒˆํ˜ธ๊ฐ€ ๋ฌธ์ž์—ด phone_number๋กœ ์ฃผ์–ด์กŒ์„ ๋•Œ, ์ „ํ™”๋ฒˆํ˜ธ์˜ ๋’ท 4์ž๋ฆฌ๋ฅผ ์ œ์™ธํ•œ ๋‚˜๋จธ์ง€ ์ˆซ์ž๋ฅผ ์ „๋ถ€ *์œผ๋กœ ๊ฐ€๋ฆฐ ๋ฌธ์ž์—ด์„ ๋ฆฌํ„ดํ•˜๋Š” ํ•จ์ˆ˜, solution์„ ์™„์„ฑํ•ด์ฃผ์„ธ์š”. ์ œํ•œ ์กฐ๊ฑด phone_number๋Š” ๊ธธ์ด 4 ์ด์ƒ, 20์ดํ•˜์ธ ๋ฌธ์ž์—ด์ž…๋‹ˆ๋‹ค. ์ž…์ถœ๋ ฅ ์˜ˆ phone_number return "01033334444" "*******4444" "027778888" "*****8888" ๋‚ด ํ’€์ด function solution(n) { return '*'.repeat(n.length-4) + n.slice(n.length-4, n.length); } ๋‹ค๋ฅธ ์‚ฌ๋žŒ๊บผ ์ฐธ๊ณ ํ•ด๋ณด๋‹ˆ ์–ด์งœํ”ผ ๋งˆ์ง€๋ง‰ 4์ž๋ฆฌ..