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

css2

Sass/Scss: CSS์˜ ํ˜์‹ ์ ์ธ ํ™•์žฅ Sass/Scss: CSS์˜ ํ˜์‹ ์ ์ธ ํ™•์žฅ 1. ์†Œ๊ฐœ 1.1 Sass/Scss๋ž€? Sass(์‹ค์ œ์ ์ธ ํŒŒ์ผ ํ™•์žฅ์ž๋Š” .scss) ๋ฐ Scss(.scss์™€ .sass ๋‘ ๊ฐ€์ง€ ํ™•์žฅ์ž ๋ชจ๋‘ ์‚ฌ์šฉ ๊ฐ€๋Šฅ)๋Š” CSS๋ฅผ ํ–ฅ์ƒํ•˜๊ณ  ๋ณด์™„ํ•˜๊ธฐ ์œ„ํ•œ ํ™•์žฅ ์–ธ์–ด์ž…๋‹ˆ๋‹ค. ๋ณ€์ˆ˜, ์ค‘์ฒฉ ๊ทœ์น™, ๋ฏน์Šค์ธ ๋“ฑ์˜ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ์ฝ”๋“œ์˜ ์žฌ์‚ฌ์šฉ์„ฑ์„ ๋†’์ด๊ณ  ๊ฐ€๋…์„ฑ์„ ๊ฐœ์„ ํ•ฉ๋‹ˆ๋‹ค. 1.2 ๋ฐฐ๊ฒฝ Sass/Scss๋Š” CSS์˜ ํ•œ๊ณ„๋ฅผ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•ด ๋งŒ๋“ค์–ด์กŒ์Šต๋‹ˆ๋‹ค. ๊ธฐ์กด์˜ CSS๋Š” ๋ณ€์ˆ˜, ์ค‘์ฒฉ, ํ•จ์ˆ˜ ๋“ฑ์˜ ๋ถ€์กฑํ•œ ๊ธฐ๋Šฅ์œผ๋กœ ์ธํ•ด ์ฝ”๋“œ์˜ ๋ณต์žก์„ฑ์ด ์ฆ๊ฐ€ํ•˜๊ณ  ์œ ์ง€๋ณด์ˆ˜๊ฐ€ ์–ด๋ ค์› ์Šต๋‹ˆ๋‹ค. Sass/Scss๋Š” ์ด๋Ÿฌํ•œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ณ ์ž ๊ฐœ๋ฐœ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. 2. Sass/Scss์˜ ํŠน์ง• 2.1 ๋ณ€์ˆ˜ $primary-color: #3498db; body { backgroun.. 2024. 2. 21.
์›น ๊ฐœ๋ฐœ์˜ ์‚ผ์ด์‚ฌ: HTML, CSS, JavaScript ์›น ๊ฐœ๋ฐœ์˜ ์‚ผ์ด์‚ฌ: HTML, CSS, JavaScript 1. ๋ฐฐ๊ฒฝ 1.1 ์ดˆ๊ธฐ ์›น์˜ ํ•œ๊ณ„ 1990๋…„๋Œ€ ์ดˆ๊ธฐ ์›น์€ ์ •์ ์ธ ํ…์ŠคํŠธ์™€ ์ด๋ฏธ์ง€๋งŒ์„ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ๋Š” ์ˆ˜์ค€์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž์™€์˜ ์ƒํ˜ธ์ž‘์šฉ์ด ๊ฑฐ์˜ ์—†์—ˆ๊ณ , ์‹œ๊ฐ์ ์ธ ๋””์ž์ธ๋„ ์ œํ•œ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค. 1.2 HTML์˜ ๋“ฑ์žฅ HTML(ํ•˜์ดํผํ…์ŠคํŠธ ๋งˆํฌ์—… ์–ธ์–ด)๋Š” ์›น ๋ฌธ์„œ์˜ ๊ตฌ์กฐ๋ฅผ ์ •์˜ํ•˜๋Š” ์–ธ์–ด๋กœ, 1993๋…„ ํŒ€ ๋ฒ„๋„ˆ์Šค๋ฆฌ์— ์˜ํ•ด ์ฒ˜์Œ ์ œ์•ˆ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. HTML์€ ์›น ๋ฌธ์„œ๋ฅผ ๊ตฌ์กฐํ™”ํ•˜๊ณ  ํ…์ŠคํŠธ, ์ด๋ฏธ์ง€, ๋งํฌ ๋“ฑ์„ ์ •์˜ํ•จ์œผ๋กœ์จ ์ดˆ๊ธฐ ์›น์˜ ํ•œ๊ณ„๋ฅผ ๊ทน๋ณตํ–ˆ์Šต๋‹ˆ๋‹ค. 1.3 HTML ์˜ˆ์ œ ์ฝ”๋“œ New Features in HTML5 Canvas Audio Your browser does not support the audio element. Video Your browser .. 2024. 2. 14.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”