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

๐Ÿ’ป Deep Wide Programming/Html & Css

[์ƒํ™œ์ฝ”๋”ฉ] WEB1-HTML&Internet 16๊ฐ•,17๊ฐ•, 18๊ฐ• (์›น๊ณผ ์ธํ„ฐ๋„ท, ์›น์„œ๋ฒ„, ์›นํ˜ธ์ŠคํŒ…)

728x90
๋ฐ˜์‘ํ˜•

WEB1-16.์›์‹œ์›น

WEB์˜ ๋ณธ์งˆ?

์ •๋ณด ๊ธฐ์ˆ ์— ๋Œ€ํ•œ ๊ด€์  ํฌ์ธํŠธ๋ฅผ ๋„“ํ˜€๋ณด์ž!

์ธํ„ฐ๋„ท๊ณผ WEB๊ณผ ๊ฐ™์€ ํ˜๋ช…์ ์ธ ๋ฌด์–ธ๊ฐ€๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ๋Š”, ์ด๊ฒƒ๋“ค์˜ ํƒ„์ƒ๊ณผ ์†Œ๋ฉธ์— ๋Œ€ํ•ด ์•Œ์•„์•ผ ํ•œ๋‹ค!

 

 

Internet vs WEB?

์ธํ„ฐ๋„ท์ด ๋„์‹œ๋ผ๋ฉด, ์›น์€ ๊ฑด๋ฌผ ํ•˜๋‚˜

์ธํ„ฐ๋„ท์ด ์šด์˜์ฒด์ œ๋ผ๋ฉด, ์›น์€ ๊ทธ ์šด์˜์ฒด์ œ ์œ„์— ์žˆ๋Š” ํ”„๋กœ๊ทธ๋žจ ํ•˜๋‚˜๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค. 

์ธํ„ฐ๋„ท์€ ์ด๋Ÿฐ ํ˜•ํƒœ๋‹ค.
์›น์˜ ๋ฉ”์†Œํฌํƒ€๋ฏธ์•„

์›น์˜ ๋ฉ”์†Œํฌํƒ€์ด๋งˆ์— ์™”๋‹ค. 

์ธํ„ฐ๋„ท์ด ๋“ฑ์žฅํ•œ 1960๋…„ ์ด๋ž˜๋กœ, ์—˜๋ฆฌํŠธ๋“ค๋งŒ์˜ ์‹œ์Šคํ…œ์ด์—ˆ๋˜ ์ธํ„ฐ๋„ท์ด, 1990๋…„ web์„ ๋งŒ๋‚˜๋ฉด์„œ ๋“œ๋””์–ด ๋Œ€์ค‘ํ™”์˜ ๊ธธ์„ ๊ฒช๊ฒŒ ๋œ๋‹ค. ์ธํ„ฐ๋„ท์ด ๊ฐ–๊ณ  ์žˆ๋Š” ์ž ์žฌ๋ ฅ์„ ์ œ๋Œ€๋กœ ์‚ฌ์šฉํ•œ ์‹œ์Šคํ…œ์ด ๋งŽ์ง€ ์•Š์•˜๋Š”๋ฐ, WEB์ด ๋“ฑ์žฅํ•˜๋ฉด์„œ ์ธํ„ฐ๋„ท์˜ ์ž ์ž๊ณ  ์žˆ๋˜ ๊ฐ€๋Šฅ์„ฑ์„ ์ œ๋Œ€๋กœ ๊นจ์šฐ๋Š” ์ •๋ณด ์‹œ์Šคํ…œ์ด ๋“ฑ์žฅํ•œ ๊ฒƒ์ด๋‹ค. ์ด๋ ‡๊ฒŒ ์›น๊ณผ ์ธํ„ฐ๋„ท์€ ํ•จ๊ป˜ ๊ฒฐํ•ฉํ•ด์„œ ํญ๋ฐœ์ ์ธ ์„ฑ์žฅ์„ ํ•˜๊ฒŒ ๋œ ๊ฒƒ์ด๋‹ค. 

 

์•ž์„  ๊ฐ•์˜๊นŒ์ง€, ๋‚˜๋Š” ์›น๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ณด์—ฌ์ฃผ๋Š” ์ „์ž๋ฌธ์„œ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ๋‹ค. ์ด์ œ, ์ „์ž๋ฌธ์„œ๋ฅผ ์ „ ์„ธ๊ณ„์˜ ๋ˆ„๊ตฌ๋‚˜ ์ปดํ“จํ„ฐ๋‚˜ ์ธํ„ฐ๋„ท, ์›น์ด ์žˆ๋‹ค๋ฉด, ๋ˆ„๊ตฌ๋‚˜ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„์•ผ ํ•œ๋‹ค. ๊ทธ๋Ÿฌ๊ธฐ ์œ„ํ•ด ์ด์ œ, 17๊ฐ•์—์„œ '์ธํ„ฐ๋„ท'์ด ๋ฌด์—‡์ธ๊ฐ€์— ๋Œ€ํ•ด ์ข€ ๋” ์•Œ์•„๋ณด๊ฒ ๋‹ค. 

 

17. ์ธํ„ฐ๋„ท์„ ์—ฌ๋Š” ์—ด์‡ : ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ

์ธํ„ฐ๋„ท์ด ๋™์ž‘ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ปดํ“จํ„ฐ๊ฐ€ ์ตœ์†Œ ๋‘ ๋Œ€๊ฐ€ ์žˆ์–ด์•ผ ํ•œ๋‹ค. 

๋‘ ๋Œ€์˜ ์ปดํ“จํ„ฐ์—๋Š” ๋‘ ๊ฐœ์˜ ํ”„๋กœ๊ทธ๋žจ์ด ์žˆ์–ด์•ผ ํ•œ๋‹ค. 

 

์ •๋ณด๋ฅผ ์š”์ฒญํ•˜๋Š” ์ชฝ์ด ํด๋ผ์ด์–ธํŠธ, ๋ณด๋‚ด์ค„ ์ •๋ณด๋ฅผ ๊ฐ–๊ณ  ์žˆ๋Š” ์ชฝ์ด '์„œ๋ฒ„'.

๋‚ด ์ปดํ“จํ„ฐ์— ์›น์„œ๋ฒ„๊ฐ€ ๊น”๋ ค์žˆ์ง€ ์•Š๋Š” ํ•œ, ๋‚ด ์ปดํ“จํ„ฐ์— ๋“ค์–ด์žˆ๋Š” index.html์„ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ๋ณผ ์ˆ˜ ์—†๋‹ค! ์›น์„œ๋ฒ„๋ฅผ ์ง์ ‘ ๊น”๊ฑฐ๋‚˜, ๋Œ€์‹  ๋นŒ๋ ค์ฃผ๋Š” ์›นํ˜ธ์ŠคํŒ…์„ ํ†ตํ•˜๋Š” ๋‘ ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์ด ์žˆ๋Š”๋ฐ, ์ „์ž๋Š” ๋งŽ์ด ์–ด๋ ต๋‹ค. ๊ทธ๋ž˜์„œ ํ›„์ž๋ถ€ํ„ฐ ํ•ด๋ณด๋ฉด์„œ, ์ „์ž์˜ ์›๋ฆฌ๋ฅผ ์ดํ•ดํ•ด๋ณด๋Š” ๋ฐฉ์‹์œผ๋กœ ๊ฐ€๋ณด์ž.

 

18. ์›นํ˜ธ์ŠคํŒ…: github page 

์ธํ„ฐ๋„ท์ด ์—ฐ๊ฒฐ๋œ ํ•œ ๋Œ€ ํ•œ ๋Œ€์˜ ์ปดํ“จํ„ฐ = host

์›น์„œ๋ฒ„๋ฅผ ์šด์˜ํ•˜๊ธฐ ์œ„ํ•œ ์ปดํ“จํ„ฐ๋ฅผ ๋Œ€์—ฌํ•ด์ฃผ๋Š” ํšŒ์‚ฌ - web hosting ์—…์ฒด๋“ค

๋Œ€ํ‘œ์ ์ธ ์—…์ฒด = github 

Github์—์„œ repository์— ๋ฐฉ๊ธˆ๊นŒ์ง€ ์ž‘์—…ํ•˜๋˜ ํŒŒ์ผ๋“ค์„ ๋ชจ๋‘ ์—…๋กœ๋“œํ•˜๊ณ , Setting > Github Page > Source> master branch๋กœ ์„ค์ •ํ•ด์ฃผ๋ฉด!

์งœ์ž”, '์›น์‚ฌ์ดํŠธ๋Š” ์ด ์ฃผ์†Œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค'ํ•˜๊ณ  ๊นƒํ—ˆ๋ธŒ๊ฐ€ ์ฃผ์†Œ๋ฅผ ์ค€๋‹ค!

๋‚ด๊ฐ€ ๋งŒ๋“  ์›นํŽ˜์ด์ง€๊ฐ€ ๋ฌด๋ฃŒ๋กœ, ๊นƒํ—ˆ๋ธŒ๊ฐ€ ์ค€ ์ € ์ฃผ์†Œ๋ฅผ ํ†ตํ•ด, ๋‚ด๊ฐ€ ์ž‘์—…ํ•œ ๋‚ด์šฉ์„ ๋ชจ๋“  ์‚ฌ๋žŒ์ด ์ธํ„ฐ๋„ท์—์„œ ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ๋œ๋‹ค. 

์š”์•ฝํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค!

๋‹ค๋ฅธ ์›นํ˜ธ์ŠคํŒ… ์„œ๋น„์Šค

728x90
๋ฐ˜์‘ํ˜•