๋ชฉ๋ก์ „์ฒด ๊ธ€ (191)

romworld

WEB2 - CSS

- ๋Œ€์‹œ๋ณด๋“œ ์‚ฌ์ด์˜ ์ฝ”๋“œ๋ฅผ ์—†๋Š”์…ˆ ํ•ด์ฃผ๋Š” ๊ฒƒ! -css ํƒœ๊ทธ (a ๋งํฌํƒœ๊ทธ์˜ ํฐํŠธ ์ƒ‰์„ red๋กœ ๋ฐ”๊ฟˆ) css์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์›นํŽ˜์ด์ง€๋ฅผ ์œ ์ง€,๋ณด์ˆ˜ํ•˜๊ธฐ ์‰ฝ๊ณ  ๊ฐ€๋…์„ฑ์ด ๋†’์•„์ง„๋‹ค. ๊ธฐ์กด์˜ html ๋ณด๋‹ค ๋””์ž์ธ์„ ํ›จ์‹  ํšจ๊ณผ์ ์œผ๋กœ ํ•  ์ˆ˜ ์žˆ๋‹ค. css๊ฐ€ ํƒ„์ƒํ•œ ๋ฐฐ๊ฒฝ html์—์„œ ๋””์ž์ธ์˜ ๊ธฐ๋Šฅ์„ ๋บ์–ด์˜ด css์ด html์„ ํ†ตํ•ด์„œ ๋””์ž์ธํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ํ›จ์”ฌ ๋” ํšจ์œจ์ ์ด๋‹ค. css ์†์„ฑ ์›นํŽ˜์ด์ง€์— css๋ฅผ ๋„ฃ๋Š” ๋ฐฉ๋ฒ• ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ style์†์„ฑ์„ ์‚ฌ์šฉํ•˜๊ธฐ ์„ ํƒ์ž(selector)์™€ ํšจ๊ณผ(declaration)๊ฐ€ ์žˆ๋Š”๋ฐ ์„ ํƒ์ž๋Š” cssํšจ๊ณผ๋ฅผ ์ ์šฉํ•ด ์ค„ ๋Œ€์ƒ์„ ๊ฐ€๋ฆฌ์ผœ ์„ ํƒํ•ด์ฃผ๋Š” ๊ฒƒ = a{ }์™€ ๊ฐ™์€ ๋ชจ์–‘์ƒˆ ํšจ๊ณผ๋Š” ๊ทธ์— ์ ์šฉ๋˜์–ด ๋‚˜ํƒ€๋‚˜๊ฒŒ ๋  cssํšจ๊ณผ๋ฅผ css๋ฌธ๋ฒ•์„ ํ†ตํ•ด ํ‘œํ˜„ํ•œ ๊ฒƒ์œผ๋กœ color:black;text-deco..

WEB/HTML & CSS 2022. 7. 31. 23:30
WEB1-HTML(4)

internet ๊ณผ web ์ธํ„ฐ๋„ท์ด ๋„์‹œ๋ผ๋ฉด ์›น์€ ๋„์‹œ ์œ„์— ์žˆ๋Š” ๊ฑด๋ฌผ ํ•˜๋‚˜๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ๋˜ ์ธํ„ฐ๋„ท์ด ๋„๋กœ๋ผ๋ฉด ์›น์€ ๋„๋กœ ์œ„๋ฅผ ๋‹ฌ๋ฆฌ๋Š” ์ž๋™์ฐจ ํ•œ ๋Œ€์ด๋‹ค. ์ฆ‰ ์ธํ„ฐ๋„ท ์•ˆ์— ์›น์ด ์กด์žฌํ•œ๋‹ค. 1960๋…„๋Œ€ ์ธํ„ฐ๋„ท์ด ํƒ„์ƒํ•˜์˜€๊ณ  1990๋…„๋Œ€ ์›น์ด ์‹œ์ž‘๋œ๋‹ค. 1960๋…„์€ ์ธ๋ฅ˜์—ญ์‚ฌ์ƒ ์ฒ˜์Œ์ด์ž ๋งˆ์ง€๋ง‰์ด์—ˆ๋˜ ํ•ต์ „์Ÿ์ด ๋๋‚˜์ง€ ์•Š์€ ๋•Œ ํƒ„์ƒํ•˜์˜€๋Š”๋ฐ ๋ฏธ๊ตญ์—์„œ๋Š” ํ•ต๊ณต๊ฒฉ์ด ์ผ์–ด๋‚ฌ์„ ๋•Œ ํ†ต์‹ ์‹œ์Šคํ…œ์— ์‹ฌ๊ฐํ•œ ์ทจ์•ฝ์ ์ด ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ๋ฐœ๊ฒฌํ–ˆ๋‹ค. ๋‹น์‹œ ํ†ต์‹  ์‹œ์Šคํ…œ์ด ์ค‘์•™์ง‘์ค‘์ ์ด์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ํ•ต๊ณต๊ฒฉ์„ ๋‹นํ•˜๋ฉด ํ†ต์‹ ์ด ๋งˆ๋น„๋˜๋Š” ์œ„ํ—˜์ด ์žˆ์—ˆ๋˜ ๊ฒƒ์ด๋‹ค. ์ด๋Ÿฐ ๋ฌธ์ œ๋ฅผ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•ด ๋ถ„์‚ฐ๋œ ํ˜•ํƒœ ํ†ต์‹ ์‹œ์Šคํ…œ์„ ๊ตฌ์„ฑํ•˜๊ฒŒ ๋˜๋Š”๋ฐ ๊ทธ๊ฒƒ์ด ์ธํ„ฐ๋„ท์˜ ์‹œ์ž‘์ด๋‹ค. ์ˆ˜๋งŽ์€ ํ†ต์‹ ์žฅ์น˜๋“ค์ด ๊ฐ์ž ์ผ์ข…์˜ ์ „ํ™”๊ตญ ์—ญํ• ์„ ํ•˜๋Š” ์ƒํ˜ธ๋ถ€์กฐ ์‹œ์Šคํ…œ์ด ์ธํ„ฐ๋„ท์ด๋‹ค ์ธํ„ฐ๋„ท์€ ์ค‘์•™์ด ์—†์–ด..

WEB/HTML & CSS 2022. 7. 30. 16:06
WEB1 - HTML(2)

HTML์ด ์ค‘์š”ํ•œ ์ด์œ  -์›น์˜ ํ•ต์‹ฌ์ ์ธ ์ฒ ํ•™์€ ์ ‘๊ทผ์„ฑ์ด๋‹ค. ์›น์€ ๋ชจ๋“  ์šด์˜์ฒด์ œ์—์„œ ๋™์ž‘ํ•˜๊ณ , ์›นํŽ˜์ด์ง€์˜ ์†Œ์Šค์ฝ”๋“œ๋Š” ๋ˆ„๊ตฌ๋‚˜ ๋ณผ ์ˆ˜ ์žˆ๊ณ , ์›น์€ ์ €์ž‘๊ถŒ์ด ์—†๋Š” ์ˆœ์ˆ˜ํ•œ ๊ณต๊ณต์žฌ์ด๋‹ค. ์›น์˜ ์ด๋Ÿฐ ํŠน์ง•๋“ค์ด ์›น์„ ๋‹ค๋ฅธ ๊ธฐ์ˆ ๋“ค๊ณผ ๊ตฌ๋ณ„๋˜๋Š” ํŠน๋ณ„ํ•œ ๊ฒƒ์œผ๋กœ ๋งŒ๋“ ๋‹ค. -TAG- ์ด๋ฏธ์ง€๋ฅผ ๋„ฃ๊ธฐ 1.์ฒ˜์Œ ์ด๋ฏธ์ง€๋ฅผ ๋ถ€๋ฅด๋ ค๊ณ  ํƒœ๊ทธ๋ฅผ ์“ฐ๋ฉด ๋™์ž‘ํ•˜์ง€ ์•Š๋Š”๋‹ค -> ์–ด๋–ค ์ด๋ฏธ์ง€๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ์ง€์— ๋Œ€ํ•œ ์ •๋ณด๊ฐ€ ์—†๊ธฐ ๋•Œ๋ฌธ์— ๋”ฐ๋ผ์„œ ์†์„ฑ(attribute) ์„ ์ ์šฉํ•œ๋‹ค. 1. img ํƒœ๊ทธ์— source์˜ ์ค„์ž„๋ง์ธ src๋ฅผ ๋ถ™ํžˆ๊ณ  ์ด๋ฏธ์ง€ ์ฃผ์†Œ๋ฅผ ๋„ฃ๋Š”๋‹ค. (์ด ๊ฒฝ์šฐ ๋‚ด ์ปดํ“จํ„ฐ์— ์ด๋ฏธ์ง€๊ฐ€ ์—†์–ด๋„ ์ธํ„ฐ๋„ท์— ์žˆ๋Š” ์ด๋ฏธ์ง€๋ฅผ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ๋‹น) *๋‚ด ์ปดํ“จํ„ฐ์— ์žˆ๋Š” ์ด๋ฏธ์ง€๋ฅผ ํ‘œ์‹œํ•˜๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ ex) http://unsplash.com ์˜ ์ €์ž‘๊ถŒ ์—†๋Š” ์‚ฌ์ง„์„ ์ด..

WEB/HTML & CSS 2022. 7. 6. 21:44
1. ์ž๋ฐ”๋ฅผ ์‹œ์ž‘ํ•˜๊ธฐ ์ „์— - ์ž๋ฐ”๋ž€?

1-1 ์ž๋ฐ”(java)๋ž€? ์ž๋ฐ”๋Š” ์ฌ ๋งˆ์ดํฌ๋กœ์‹œ์Šคํ…œ์ฆˆ(Sun Microsystems, Inc. ์ดํ•˜ ์ฌ) 1996๋…„ 1์›”์— ๊ณต์‹์ ์œผ๋กœ ๋ฐœํ‘œํ•œ ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ด๋‹ค. ์ž๋ฐ”๋Š” ์šด์˜์ฒด์ œ๊ฐ€ ๋…๋ฆฝ์ ์ด๊ธฐ ๋•Œ๋ฌธ์— ์šด์˜์ฒด์ œ์˜ ์ข…๋ฅ˜์— ๊ด€๊ณ„์—†์ด ์‹คํ–‰ ๊ฐ€๋Šฅ, ๋”ฐ๋ผ์„œ ํ”„๋กœ๊ทธ๋žจ์„ ์ „ํ˜€ ๋ณ€๊ฒฝํ•˜์ง€ ์•Š๊ณ ๋„ ์‹คํ–‰ ๊ฐ€๋Šฅํ•˜๋‹ค. ์ž๋ฐ”๋Š” ๋‹ค์–‘ํ•œ ๋ถ„์•ผ์—์„œ ํ™œ๋ฐœํžˆ ์‚ฌ์šฉ๋˜๊ณ , 20๋…„ ๋™์•ˆ ํ”„๋กœ๊ทธ๋žจ์–ธ์–ด 1,2์œ„์— ๋žญํฌ๋˜์–ด ์žˆ์Œ. ๋ชจ๋˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ž„ (๊ฐ์ฒด์ง€ํ–ฅ +ํ•จ์ˆ˜ํ˜•) ํ”„๋กœ๊ทธ๋ž˜๋ฐ์–ธ์–ด(programing language) ์ปดํ“จํ„ฐ ํ”„๋กœ๊ทธ๋žจ(์• ํ”Œ๋ฆฌ์ผ€์ด์…˜)์„ ๋งŒ๋“œ๋Š”๋ฐ ์‚ฌ์šฉ ์‹คํ–‰ํ™˜๊ฒฝ(JRE) + ๊ฐœ๋ฐœ๋„๊ตฌ(JDK) + ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ (API) ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ ๊ฐ€๋Šฅ -์ฃผ๋กœ ์“ฐ์ด๋Š” ๊ณณ- PC ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ (์ดํด๋ฆฝ์Šค) ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ (์Šคํ”„๋ง..