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

๐“ก๐“ธ๐“ธ๐“ถ3:๐น๐“‡๐‘œ๐“ƒ๐“‰๐‘’๐“ƒ๐’น/๐“ก๐Ÿฅ๐Ÿข๐Ÿฃ:๐ป๐’ฏ๐‘€๐ฟ&๐’ž๐’ฎ๐’ฎ

(3)
[CSS] 1. ๊ธฐ๋ณธ๋ฌธ๋ฒ• CSS : Cascading Style Sheet css๋Š” htmlํŒŒ์ผ์—์„œ style, ์ฆ‰ css ์ฝ”๋“œ ์•ˆ์— #id๋ฅผ ์“ฐ๊ณ  ์†์„ฑ์„ ์ •์˜ํ•ด์ฃผ๋ฉด ๋œ๋‹ค! ๊ทธ๋Ÿฌ๋ฉด ์ด๋ ‡๊ฒŒ list ์ค‘ ํ•œ ๊ฐœ์˜ ๋ฆฌ์ŠคํŠธ์—๋งŒ ์†์„ฑ์„ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค! +padding์€ ์•ˆ์ชฝ ๊ฐ„๊ฒฉ, margin์€ ๋ฐ”๊นฅ์ชฝ ๊ฐ„๊ฒฉ์ด๋‹ค. xml์ด๋ž‘ ๊ต‰์žฅํžˆ ์œ ์‚ฌํ•˜๊ตฐ ์˜ˆ์ œ 3๋„ ๊ตฌํ˜„ํ•ด๋ณด์ž ์ƒํ™œ์ฝ”๋”ฉ์˜ ์„ธ๊ณ„์— ์˜ค์‹  ๊ฒƒ์„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค. ์ƒํ™œ์ฝ”๋”ฉ์€ ์ผ๋ฐ˜์ธ๋“ค์—๊ฒŒ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์•Œ๋ ค์ฃผ๋Š” ๊ฒƒ์„ ๋ชฉ์ ์œผ๋กœ ํ•˜๋Š” ๋น„์˜๋ฆฌ ํ™œ๋™์ž…๋‹ˆ๋‹ค. ๊ทธ๊ฐ„ ํ”„๋กœ๊ทธ๋ž˜๋จธ๋“ค์ด ์ด๋ฃฉํ•œ ์„ฑ์ทจ๋ฅผ ์ผ๋ฐ˜์— ์•Œ๋ ค์„œ ๊ณ ๋…ํ•œ ํ”„๋กœ๊ทธ๋ž˜๋จธ๋“ค์˜ ๊ด€๊ฐ์„ ๋ชจ๊ฐํ•˜๋Š” ํ™œ๋™์ด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ์ƒํ™œ์ฝ”๋”ฉ์€ ์„ธ ๊ฐ€์ง€๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์˜จ๋ผ์ธ ๊ฐ•์˜ ์ƒํ™œ์ฝ”๋”ฉ์˜ ๊ฐ•์˜๋Š” ์ˆ˜์—…๊ณผ ์‚ฌ์ „์œผ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ž…๋ฌธ์ž์˜ ๊ฐ€์žฅ ํฐ ๊ณ ์ถฉ์€ '๋ฌด์—‡์„ ๋ชจ๋ฅด๋Š”์ง€ ..
[HTML] 2. ์˜๋ฏธ๋ก ์ ์ธ ์›น JavaScript๋ž€? JavaScript๋ž€? ๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜ ์—ฐ์‚ฐ์ž ๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜ ๋ณ€์ˆ˜๋ž€ ๋ณ€ํ•˜๋Š” ๊ฐ’ x=10์ผ ๋•Œ ์™ผ์ชฝํ•ญ ์ž, ์ด ์ฝ”๋“œ๋ฅผ ๋Œ๋ฆฌ๋ฉด ์š”๋กท๊ฒŒ ์ž˜ ๋‚˜์˜จ๋‹ค. ์ด๋ ‡๊ฒŒ ์งœ๋„ ๋˜์ง€๋งŒ! ์šฐ๋ฆฌ๋Š” 1,2,3์ด ๋ฉ”๋‰ด๋ผ๋Š” ๊ฒƒ์„ ์ดํ•ด์‹œํ‚ค๊ธฐ ์œ„ํ•ด, ๊ธฐ๋Šฅ์€ ์—†์ง€๋งŒ ์ด ํƒœ๊ทธ ์•ˆ์— ์žˆ๋Š” ์ฝ˜ํ…์ธ ๊ฐ€ ์›น์‚ฌ์ดํŠธ๋ฅผ ํƒ์ƒ‰ํ•˜๋Š” navigation์ž„์„ ์•Œ๋ ค์ฃผ๋Š” ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๋˜ํ•œ JavaScript๊ฐ€ ์›น์‚ฌ์ดํŠธ ์ „์ฒด๋ฅผ ์„ค๋ช…ํ•˜๋Š” header์˜ ์—ญํ• ์„ ํ•œ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๋ ค์ฃผ๋Š” JavaScript๋ž€? JavaScript๋ž€? ๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜ ์—ฐ์‚ฐ์ž ๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜ ๋ณ€์ˆ˜๋ž€ ๋ณ€ํ•˜๋Š” ๊ฐ’ x=10์ผ ๋•Œ ์™ผ์ชฝํ•ญ ์š”๋กœ์ฝ”๋กฌ!
[HTML] 1. HTML ๊ธฐ๋ณธ ๋ฌธ๋ฒ• HTML = HyperText Markup Language ์‚ฌ๋žŒ๋„ ์•Œ์•„๋“ค์„ ์ˆ˜ ์žˆ๊ณ , ์›น ๋ธŒ๋ผ์šฐ์ €๋„ ์•Œ์•„ ๋“ค์„ ์ˆ˜ ์žˆ๋Š” ์–ธ์–ด ํ•˜์ดํผ ํ…์ŠคํŠธ (๋งํฌ) ๋งํฌ๋กœ ์—ฐ๊ฒฐ๋œ ๊ฑฐ๋Œ€ํ•œ ์ •๋ณด ๋ฉ์–ด๋ฆฌ = WEB ๋งํฌ๋Š” HTML์˜ ๋ณธ์งˆ, HTML์˜ ๋ณธ์งˆ์€ ์›น์˜ ๋ณธ์งˆ Markup Language - Tag (์‹œ์ž‘ํƒœ๊ทธ, ๋ํƒœ๊ทธ) ex) ๊ฐ•์กฐ ex) ์•ˆ๋…•ํ•˜์„ธ์š”. ์ƒํ™œ์ฝ”๋”ฉ ์ž…๋‹ˆ๋‹ค. ์ฐธ๊ณ ) VS Code์—์„œ open in browser๋ฅผ ๊น”๊ณ  htmlํŒŒ์ผ์— ์šฐํด๋ฆญ ํ•œ ํ›„ open with default browser๋ฅผ ๋ˆ„๋ฅด๋ฉด HTML์ฝ”๋“œ๋ฅผ ๋ธŒ๋ผ์šฐ์ €๋กœ ์—ด์–ด์„œ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. 1) a ํƒœ๊ทธ = url, ๋งํฌ ์•ˆ๋…•ํ•˜์„ธ์š”. ์ƒํ™œ์ฝ”๋”ฉ ์ž…๋‹ˆ๋‹ค. href = ์†์„ฑ๋ช…, ์•ฝ์†๋˜์–ด ์žˆ์Œ. (hypertext reference) href๋กœ ์—ฐ๊ฒฐํ•  u..