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

C-log

๐Ÿ’…โœจDecorate from CSS : ์บ์Šค์ผ€์ด๋”ฉ(1) ๋ณธ๋ฌธ

๐Ÿ’…CSS/โšกver.0

๐Ÿ’…โœจDecorate from CSS : ์บ์Šค์ผ€์ด๋”ฉ(1)

4:Bee 2024. 2. 19. 13:47
728x90

์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ์บ์Šค์ผ€์ด๋”ฉ์— ๊ด€ํ•ด์„œ ํฌ์ŠคํŒ…์„ ํ•  ๊ฒƒ์ด๋‹ค. 1๋ถ€ 2๋ถ€๋กœ ๋‚˜๋ˆ„์–ด์„œ ์ง„ํ–‰ํ•  ๊ฒƒ์ด๋‹ค. ์บ์Šค์ผ€์ด๋”ฉ์€ ์›น๋ธŒ๋ผ์šฐ์ €๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ๋Š” html์„ ์‚ฌ์šฉ์ž ์ฆ‰, ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์›น ํŽ˜์ด์ง€ ๋””์ž์ธ์— ๊ฐœ์ž…ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒฐ์ •๊ถŒ์ด ์žˆ์–ด์•ผ๋œ๋‹ค๋Š” ์ „์ œ๋กœ ์กด์žฌํ•˜๊ฒŒ ๋œ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด์„œ ์‚ฌ์šฉ์ž๊ฐ€ ๋ˆˆ์ด ์ข‹์ง€ ์•Š์•„์„œ ์ž์‹ ์ด ๋ณด๊ณ  ์žˆ๋Š” ์›นํŽ˜์ด์ง€์˜ ๊ธ€์”จ ํฌ๊ธฐ๋ฅผ ํฌ๊ฒŒ ๊ธฐ์šธ ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์„ ๋งํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ๋” ๋‚˜์•„๊ฐ€์„œ ์›นํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“œ๋Š” ์‚ฌ๋žŒ(author)์ด ๋ณธ์ธ์ด ๊ฐœ๋ฐœํ•œ ์›นํŽ˜์ด์ง€๊ฐ€ ์–ด๋–ค ๋ชจ์Šต์œผ๋กœ ๋””์ž์ธ์ด ๋  ์ˆ˜ ์žˆ๋Š”์ง€ ๊ฒฐ์ •ํ•˜๋Š” ๊ฒฐ์ •๊ถŒ์ด ํ•„์š”ํ•˜๋‹ค๋ผ๋Š” ๊ฒƒ์ด๋‹ค. ๋”ฐ๋ผ์„œ ์›น๋ธŒ๋ผ์šฐ์ €(WEB), ์‚ฌ์šฉ์ž(USER/Client), ์ €์ž(author) 3์ธ์ด ์„œ๋กœ ์กฐํ™”๋ฅผ ์ด๋ฃจ์–ด์„œ ์›น์„ ๋งŒ๋“ค์–ด ๊ฐ„๋‹ค๋Š” ์ฒ ํ•™์„ ๊ฐ€์ง€๊ณ  ์›น์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์œผ๋กœ ์ด ์›น์˜ ์ฐฝ์‹œ์ž๋“ค์ด ์„ ํƒํ•œ ์–ธ์–ด๊ฐ€ ๋ฐ”๋กœ css๋‹ค. ํ•˜์ง€๋งŒ ์ด๋Ÿฌํ•œ ๊ฒฐ์ •๊ถŒ์„ ๊ฐ€์ง€๊ฒŒ ๋˜๋Š”๋ฐ์— ์žˆ์–ด์„œ ๋Œ€๊ฐ€๊ฐ€ ํ•„์š”ํ•˜๋‹ค. ๋ฐ”๋กœ ์šฐ์„ ์ˆœ์œ„ ์ด๋‹ค. ์ฆ‰, ์งˆ์„œ๊ฐ€ ํ•„์š”ํ•œ ๊ฒƒ์ด๋‹ค. ์›น๋ธŒ๋ผ์šฐ์ €์™€ ์ €์ž๊ฐ€ ๊ฐ€์žฅ ํฐ ๊ฒฐ์ •๊ถŒํ•œ์„ ๊ฐ€์ง€๊ฒŒ ๋˜๊ณ  ์‚ฌ์šฉ์ž๊ฐ€ ๊ฐ€์žฅ ์ ์€ ๊ฒฐ์ •๊ถŒํ•œ์„ ๊ฐ€์ง€๊ฒŒ ๋œ๋‹ค. ๊ฒฐ์ • ๊ถŒํ•œ์— ๊ด€ํ•œ ์šฐ์„  ์ˆœ์œ„๋Š” ๊ฐ„๋‹จํ•˜๊ฒŒ ์ด์ •๋„๋กœ ์•Œ์•„๋ณด๊ณ  ๋‹ค์Œ ํฌ์ŠคํŒ…์—์„  ์ฝ”๋“œ๋ฅผ ์‚ดํŽด๋ณด๋ฉฐ ์บ์Šค์ผ€์ด๋”ฉ์— ๊ด€ํ•ด์„œ ์ž‘์„ฑํ•ด ๋ณผ ๊ฒƒ์ด๋‹ค.

728x90
Comments