๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€1790

๋ณตํ•ฉ ์„ ํƒ์ž(Combinators)์— ๋Œ€ํ•˜์—ฌ (์ผ์น˜, ์ž์‹, ํ›„์†, ์ธ์ ‘ํ˜•์ œ, ์ผ๋ฐ˜ํ˜•์ œ) I. ๋ณตํ•ฉ ์„ ํƒ์ž(Combinators) ๊ฐœ์š” ๋ณตํ•ฉ ์„ ํƒ์ž๋Š” CSS์—์„œ ์š”์†Œ๋“ค์„ ํŠน์ •ํ•˜๊ฑฐ๋‚˜ ๊ทธ๋ฃนํ™”ํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ๊ฐ•๋ ฅํ•œ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์ด ์„ ํƒ์ž๋“ค์€ ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ ์š”์†Œ๋“ค์„ ์กฐํ•ฉํ•˜๊ณ  ์„ ํƒํ•  ์ˆ˜ ์žˆ์–ด์„œ CSS์˜ ์œ ์—ฐ์„ฑ๊ณผ ๊ฐ•๋ ฅํ•จ์„ ๋†’์—ฌ์ค๋‹ˆ๋‹ค. ๋ณตํ•ฉ ์„ ํƒ์ž๋Š” ์ผ์น˜ ์„ ํƒ์ž (Descendant Combinator), ์ž์‹ ์„ ํƒ์ž (Child Combinator), ํ›„์† ์„ ํƒ์ž (Descendant Combinator), ์ธ์ ‘ ํ˜•์ œ ์„ ํƒ์ž (Adjacent Sibling Combinator), ๊ทธ๋ฆฌ๊ณ  ์ผ๋ฐ˜ ํ˜•์ œ ์„ ํƒ์ž (General Sibling Combinator)๋กœ ๊ตฌ์„ฑ๋ฉ๋‹ˆ๋‹ค. ๊ฐ๊ฐ์˜ ์„ ํƒ์ž๋“ค์€ ํŠน์ •ํ•œ ๋ฐฉ์‹์œผ๋กœ ์š”์†Œ๋“ค์„ ์„ ํƒํ•˜๊ณ , ์„ ํƒ์ž๋“ค์„ ๊ฒฐํ•ฉํ•˜์—ฌ ์ข€ ๋” ์ •ํ™•ํ•œ ์„ ํƒ์„ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค. ์ด์ œ ๊ฐ ์„ .. 2023. 9. 23.
skํ…”๋ ˆ์ฝค ๊ณ ๊ฐ์„ผํ„ฐ 1502 1. skํ…”๋ ˆ์ฝค ๊ณ ๊ฐ์„ผํ„ฐ 1502์˜ ์—ญํ• ๊ณผ ์ค‘์š”์„ฑ skํ…”๋ ˆ์ฝค ๊ณ ๊ฐ์„ผํ„ฐ 1502๋Š” ๊ณ ๊ฐ๋“ค์—๊ฒŒ ํ…”๋ ˆ์ฝค ์„œ๋น„์Šค์— ๊ด€๋ จ๋œ ๋ฌธ์˜, ์š”์ฒญ, ๋ถˆํŽธ์‚ฌํ•ญ ๋“ฑ์„ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•œ ์ „๋ฌธ์ ์ธ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ์ค‘์š”ํ•œ ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ณ ๊ฐ์„ผํ„ฐ๋Š” skํ…”๋ ˆ์ฝค์˜ ์ค‘์š”ํ•œ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ์ฐฝ๊ตฌ๋กœ์„œ, ๊ณ ๊ฐ๊ณผ์˜ ์›ํ™œํ•œ ์†Œํ†ต์„ ๋„์™€์ฃผ๋ฉฐ, ๊ณ ๊ฐ์˜ ๋งŒ์กฑ๋„๋ฅผ ๋†’์ด๊ณ  ์„œ๋น„์Šค ํ’ˆ์งˆ์„ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ์—ญํ• ์„ ๋‹ด๋‹นํ•ฉ๋‹ˆ๋‹ค. ๊ณ ๊ฐ์„ผํ„ฐ 1502๋Š” ๊ณ ๊ฐ๋“ค์ด ์ œํ’ˆ ๋˜๋Š” ์„œ๋น„์Šค์— ๊ด€๋ จํ•˜์—ฌ ๋ฌธ์˜ ์‚ฌํ•ญ์„ ์ œ๊ธฐํ•  ์ˆ˜ ์žˆ๋Š” ์ค‘์š”ํ•œ ์—ฐ๋ฝ์ฒ˜์ž…๋‹ˆ๋‹ค. ๊ณ ๊ฐ๋“ค์€ ์ด ๊ณ ๊ฐ์„ผํ„ฐ๋ฅผ ํ†ตํ•ด ์ž์‹ ๋“ค์˜ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ณ , ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ, ๊ธฐ์ˆ ์ ์ธ ์ง€์›์ด๋‚˜ ์•ˆ๋‚ด๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ ๊ณ ๊ฐ๋“ค์ด ์ œ๊ธฐํ•œ ์˜๊ฒฌ์ด๋‚˜ ๋ถˆ๋งŒ์„ ๊ธฐ์—… ๋‚ด๋ถ€๋กœ ์ „๋‹ฌํ•˜์—ฌ ๋ฌธ์ œ๊ฐ€ ์ƒ๊ธด ๋ถ€๋ถ„์„ ํšจ๊ณผ์ ์œผ๋กœ ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ.. 2023. 9. 23.
skt ๊ณ ๊ฐ์„ผํ„ฐ ์˜์—…์‹œ๊ฐ„ 1. ๊ณ ๊ฐ์„ผํ„ฐ ์˜์—…์‹œ๊ฐ„ ์ •์ฑ… ์†Œ๊ฐœ ๊ณ ๊ฐ์„ผํ„ฐ ์˜์—…์‹œ๊ฐ„ ์ •์ฑ…์€ ๊ธฐ์—…์ด ๊ณ ๊ฐ๋“ค๊ณผ ์›ํ™œํ•œ ์˜์‚ฌ์†Œํ†ต์„ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ์ˆ˜๋ฆฝํ•œ ์‹œ๊ฐ„๋Œ€๋กœ, ๊ณ ๊ฐ์ด ๋ฌธ์˜๋‚˜ ์š”์ฒญ์‚ฌํ•ญ์„ ์ œ๊ธฐํ•  ์ˆ˜ ์žˆ๋Š” ์‹œ๊ฐ„์„ ํšจ์œจ์ ์œผ๋กœ ์กฐ์ •ํ•˜๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ํ•ฉ๋‹ˆ๋‹ค. ์ €ํฌ ํšŒ์‚ฌ์˜ ๊ณ ๊ฐ์„ผํ„ฐ ์˜์—…์‹œ๊ฐ„์€ ํ‰์ผ์—๋Š” ์˜ค์ „ 9์‹œ๋ถ€ํ„ฐ ์˜คํ›„ 6์‹œ๊นŒ์ง€๋กœ ์šด์˜๋˜๋ฉฐ, ์ฃผ๋ง ๋ฐ ๊ณตํœด์ผ์—๋Š” ํœด๋ฌด๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๊ณ ๊ฐ๋“ค์ด ์ฃผ๋กœ ์—…๋ฌด์‹œ๊ฐ„์— ๋ฌธ์˜ํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ณ ๊ฐํŽธ์˜๋ฅผ ์ตœ๋Œ€ํ•œ ๊ณ ๋ คํ•˜์˜€์œผ๋ฉฐ, ์šด์˜์‹œ๊ฐ„ ์™ธ์—๋„ ์›น์‚ฌ์ดํŠธ๋‚˜ ์ด๋ฉ”์ผ์„ ํ†ตํ•ด ๊ณ ๊ฐ๋“ค์˜ ๋ฌธ์˜์— ์‹ ์†ํ•˜๊ฒŒ ๋Œ€์‘ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๊ณ ๊ฐ์„ผํ„ฐ ์˜์—…์‹œ๊ฐ„ ์ •์ฑ…์€ ์šฐ๋ฆฌ ํšŒ์‚ฌ์˜ ์ค‘์š”ํ•œ ๊ณ ๊ฐ์ง€์› ์ „๋žต ์ค‘ ํ•˜๋‚˜๋กœ์„œ, ์ตœ๊ณ ์˜ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด ๊พธ์ค€ํžˆ ๊ฐœ์„ ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ €ํฌ๋Š” ์–ธ์ œ๋‚˜ ๊ณ ๊ฐ์˜ ์˜๊ฒฌ์„ ๋“ฃ๊ณ  ๊ฐœ์„ ์— ์ตœ์„ ์„ ๋‹คํ•˜๋ฉฐ, ๊ณ ๊ฐ๋“ค์˜ ํŽธ.. 2023. 9. 22.
์นด์นด์˜คํ†ก pc๋ฒ„์ „ ๋‹ค์šด๋กœ๋“œ ๋ฐฉ๋ฒ• 1. ์นด์นด์˜คํ†ก PC๋ฒ„์ „ ์†Œ๊ฐœ ์นด์นด์˜คํ†ก์€ ํ•œ๊ตญ์—์„œ ๊ฐ€์žฅ ์ธ๊ธฐ ์žˆ๋Š” ๋ฉ”์‹ ์ € ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค. ์นด์นด์˜คํ†ก์€ ์‹ ์†ํ•˜๊ณ  ์•ˆ์ •์ ์ธ ๋ฉ”์‹œ์ง€ ์ „๋‹ฌ์„ ์ œ๊ณตํ•˜๋ฉฐ, ๋‹ค์–‘ํ•œ ์Šคํ‹ฐ์ปค, ์ด๋ชจํ‹ฐ์ฝ˜, ๊ทธ๋ฃน ์ฑ„ํŒ… ๋“ฑ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด์ œ PC๋ฒ„์ „๋„ ์ถœ์‹œ๋˜์–ด ํŽธ๋ฆฌํ•œ ๋Œ€ํ™”๋ฅผ ์ปดํ“จํ„ฐ๋กœ๋„ ์ด์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์นด์นด์˜คํ†ก PC๋ฒ„์ „์€ ์‚ฌ์šฉ์ž๋“ค์ด ์ปดํ“จํ„ฐ์—์„œ๋„ ์นด์นด์˜คํ†ก์˜ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ๊ณผ ํŽธ์˜์„ฑ์„ ๋ˆ„๋ฆด ์ˆ˜ ์žˆ๋„๋ก ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. PC๋ฒ„์ „์„ ์‚ฌ์šฉํ•˜๋ฉด ์Šค๋งˆํŠธํฐ์ด๋‚˜ ํƒœ๋ธ”๋ฆฟ์˜ ์ œํ•œ๋œ ํ™”๋ฉด ํฌ๊ธฐ์— ๊ตฌ์• ๋ฐ›์ง€ ์•Š๊ณ , ํ‚ค๋ณด๋“œ์™€ ๋งˆ์šฐ์Šค๋กœ ํŽธ๋ฆฌํ•˜๊ฒŒ ์นด์นด์˜คํ†ก์„ ์ด์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ„ํŽธํ•œ ์„ค์น˜ ์ ˆ์ฐจ์™€ ์‚ฌ์šฉ์„ฑ, ๋‹ค์šด๋กœ๋“œ ๊ณผ์ • ๋“ฑ์— ๋Œ€ํ•˜์—ฌ ์•„๋ž˜์—์„œ ์ž์„ธํžˆ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. 2. ์นด์นด์˜คํ†ก PC๋ฒ„์ „ ๋‹ค์šด๋กœ๋“œ ์ „ ํ™•์ธ์‚ฌํ•ญ ์นด์นด์˜คํ†ก PC๋ฒ„์ „์„ ๋‹ค์šด๋กœ๋“œํ•˜๊ธฐ ์ „์— ๋ช‡.. 2023. 9. 22.