TIL 2021.09.14 - 1์ฃผ์ฐจ โœ๏ธ

์ด๋ฏผ์˜ยท2021๋…„ 9์›” 15์ผ
0

๐Ÿ“์ด๋ฒˆ์ฃผ ํ•™์Šต ๋ชฉํ‘œ

  • ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ธฐ์ดˆ ๋ฐฐ์šฐ๊ธฐ
  • HTML/CSS ๋กœ ์›น์‚ฌ์ดํŠธ ์ œ์ž‘ํ•˜๊ธฐ
  • ๋ฆฌ๋ˆ…์Šค์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•˜๊ธฐ
  • Git ์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•˜๊ธฐ

    ์˜ค๋Š˜ ๋ฐฐ์šด ๋‚ด์šฉ ๐Ÿ’ช

    • html, css ํ•™์Šตํ•˜์—ฌ ์›น์‚ฌ์ดํŠธ ์ œ์ž‘ํ•˜๊ธฐ

์›น์— ๋Œ€ํ•ด์„œ ๊ณต๋ถ€ํ•ด๋ณด์ž!

์ธํ„ฐ๋„ท๊ณผ ์›น์€ ๊ฐ™์€๊ฒƒ์ธ๊ฐ€?

์ธํ„ฐ๋„ท(์˜์–ด: Internet, ๋ฌธํ™”์–ด: ์ธํ„ฐ๋„คํŠธ)์€ ์ปดํ“จํ„ฐ๋กœ ์—ฐ๊ฒฐํ•˜์—ฌ TCP/IP(Transmission Control Protocol/Internet Protocol)๋ผ๋Š” ํ†ต์‹  ํ”„๋กœํ† ์ฝœ์„ ์ด์šฉํ•ด ์ •๋ณด๋ฅผ ์ฃผ๊ณ ๋ฐ›๋Š” ์ปดํ“จํ„ฐ ๋„คํŠธ์›Œํฌ์ด๋‹ค.

์ถœ์ฒ˜:์œ„ํ‚คํ”ผ๋””์•„

์ธํ„ฐ๋„ท์ด๋ผ๊ณ  ์šฐ๋ฆฌ์˜ ์œ„ํ‚คํ”ผ๋””์•„์—์„œ ์ฐพ์•„๋ณด๋ฉด ์ด๋ ‡๊ฒŒ ์ •์˜๋ฅผ ๋‚ด๋ฆฌ๊ณ  ์žˆ๋‹ค.
์ฆ‰, ์ธํ„ฐ๋„ท์€ ์›น๊ณผ ๊ฐ™์€๊ฒŒ ์•„๋‹ˆ๋‹ค.

์›”๋“œ ์™€์ด๋“œ ์›น(World Wide Web, WWW, W3)์€ ์ธํ„ฐ๋„ท์— ์—ฐ๊ฒฐ๋œ ์ปดํ“จํ„ฐ๋ฅผ ํ†ตํ•ด ์‚ฌ๋žŒ๋“ค์ด ์ •๋ณด๋ฅผ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋Š” ์ „ ์„ธ๊ณ„์ ์ธ ์ •๋ณด ๊ณต๊ฐ„์„ ๋งํ•œ๋‹ค. ์ธํ„ฐ๋„ท์—์„œ HTTP ํ”„๋กœํ† ์ฝœ, ํ•˜์ดํผํ…์ŠคํŠธ, HTMLํ˜•์‹ ๋“ฑ์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ทธ๋ฆผ๊ณผ ๋ฌธ์ž๋ฅผ ๊ตํ™˜ํ•˜๋Š” ์ „์†ก๋ฐฉ์‹์„ ๋งํ•˜๊ธฐ๋„ ํ•œ๋‹ค.

์ถœ์ฒ˜:์œ„ํ‚คํ”ผ๋””์•„

์›น์€ ์ธํ„ฐ๋„ท์ƒ์—์„œ ์กด์žฌํ•˜๋Š” ํ•˜๋‚˜์˜ ์„œ๋น„์Šค์ด๋‹ค. ์›น์€ ์ธํ„ฐ๋„ท์˜ ์ผ๋ถ€๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

์›น ๋ธŒ๋ผ์šฐ์ €์™€ ์›น ์„œ๋ฒ„๋Š” ๋ฌด์—‡์ธ๊ฐ€?

์›น ๋ธŒ๋ผ์šฐ์ € ๋˜๋Š” ์›น ํƒ์ƒ‰๊ธฐ๋Š” ์›น ์„œ๋ฒ„์—์„œ ์ด๋™ํ•˜๋ฉฐ ์Œ๋ฐฉํ–ฅ์œผ๋กœ ํ†ต์‹ ํ•˜๊ณ  HTML ๋ฌธ์„œ๋‚˜ ํŒŒ์ผ์„ ์ถœ๋ ฅํ•˜๋Š” ๊ทธ๋ž˜ํ”ฝ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ๊ธฐ๋ฐ˜์˜ ์‘์šฉ ์†Œํ”„ํŠธ์›จ์–ด์ด๋‹ค. ์›น ๋ธŒ๋ผ์šฐ์ €๋Š” ๋Œ€ํ‘œ์ ์ธ HTTP ์‚ฌ์šฉ์ž ์—์ด์ „ํŠธ์˜ ํ•˜๋‚˜์ด๊ธฐ๋„ ํ•˜๋‹ค.
์ฃผ์š” ์›น ๋ธŒ๋ผ์šฐ์ €๋กœ๋Š” ๋ชจ์งˆ๋ผ ํŒŒ์ด์–ดํญ์Šค, ๊ตฌ๊ธ€ ํฌ๋กฌ, ์ธํ„ฐ๋„ท ์ต์Šคํ”Œ๋กœ๋Ÿฌ/๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ ์—ฃ์ง€,์˜คํŽ˜๋ผ, ์‚ผ์„ฑ ์ธํ„ฐ๋„ท, ์‚ฌํŒŒ๋ฆฌ๊ฐ€ ์žˆ๋‹ค.


์ถœ์ฒ˜:์œ„ํ‚คํ”ผ๋””์•„

์›น ์„œ๋ฒ„(Web Server)๋Š” HTTP๋ฅผ ํ†ตํ•ด ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์š”์ฒญํ•˜๋Š” HTML ๋ฌธ์„œ๋‚˜ ์˜ค๋ธŒ์ ํŠธ(์ด๋ฏธ์ง€ ํŒŒ์ผ ๋“ฑ)์„ ์ „์†กํ•ด์ฃผ๋Š” ์„œ๋น„์Šค ํ”„๋กœ๊ทธ๋žจ์„ ๋งํ•œ๋‹ค. ์›น ์„œ๋ฒ„ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๊ตฌ๋™ํ•˜๋Š” ํ•˜๋“œ์›จ์–ด๋„ ์›น ์„œ๋ฒ„๋ผ๊ณ  ํ•ด์„œ ํ˜ผ๋™ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๊ฐ„ํ˜น ์žˆ๋‹ค.

์ถœ์ฒ˜:์œ„ํ‚คํ”ผ๋””์•„

์ฆ‰, ๊ฐ•์˜ ์ค‘์— ๊ฐ•์‚ฌ๋‹˜์˜ ๋ง์„ ๋นŒ๋ฆฌ๋ฉด
์›น๋ธŒ๋ผ์šฐ์ € (=client) ์›น์„œ๋ฒ„(=sever)์™€ ๊ฐ™๋‹ค.
์š”์ฒญํ•˜๋Š” ์ปดํ“จํ„ฐ๋Š” ํด๋ผ์ด์–ธํŠธ ์‘๋‹ตํ•˜๋Š” ์ปดํ“จํ„ฐ๋Š” ์„œ๋ฒ„๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค.
๋„คํŠธ์›Œํฌ์— ์ ‘์†๋œ ๊ฐ๊ฐ์˜ ๋จธ์‹ ์„ ํ˜ธ์ŠคํŠธ๋ผ๊ณ  ํ•œ๋‹ค.

์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์›น ์„œ๋ฒ„๋กœ ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ์š”์ฒญ์„ ํ•˜๊ณ  ๋ฐ›์•„๋‚ธ ์ •๋ณด๋ฅผ ์›น ๋ธŒ๋ผ์šฐ์ €๋ฅผ ํ†ตํ•ด ๋ฐ›๋Š”๋‹ค๊ณ  ์ดํ•ดํ–ˆ๋‹ค.

์›น์‚ฌ์ดํŠธ๋ฅผ ์šด์˜ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์„œ๋ฒ„๋ฅผ ๊ด€๋ฆฌํ•  ์—”์ง€๋‹ˆ์–ด๊ฐ€ ํ•„์š”ํ•œ๋ฐ, ์ผ๋ฐ˜์ ์œผ๋กœ ์›น(WWW) ๊ณต๊ฐ„์„ ์ž„๋Œ€(hosting)ํ•˜๋Š” ๊ฒƒ์„ ์›นํ˜ธ์ŠคํŒ…์ด๋ผ๊ณ  ํ•œ๋‹ค.
์ด๊ฒƒ์„ ์š”์ฆ˜์—๋Š” ํด๋ผ์šฐ๋“œ๋ผ๊ณ  ํ‘œํ˜„์„ ํ•œ๋‹ค.



+) ์˜ค๋Š˜ ์ˆ˜์—…์—์„œ ๋Š๋‚€์  ๐Ÿ™Œ

  • ์ฒ˜์Œ ํ•ด๋ณด๋Š” TIL์ž‘์„ฑ! ์ด๋ฒˆ ์ฝ”์Šค๋ฅผ ์‹œ์ž‘ํ•˜๋ฉด์„œ ํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค!
    ์ด๋ฒˆ์ฃผ๋Š” HTML/CSS ํŒŒํŠธ์ด๊ณ  ์•Œ๊ณ ์žˆ๋Š” ๋‚ด์šฉ์ด ๋งŽ์•„์„œ ์•Œ๊ณ  ์žˆ๋Š” ๋‚ด์šฉ์— ๊ด€ํ•ด์„œ๋Š” TIL์— ์ž‘์„ฑํ•˜๊ธฐ ๋ณด๋‹ค, ๋ชจ๋ฅด๋Š” ๋‚ด์šฉ ํ˜น์€ ์ œ๋Œ€๋กœ ์ดํ•ดํ•˜์ง€ ๋ชปํ•œ ๋‚ด์šฉ๋“ค์„ ์ž์„ธํžˆ ์•Œ์•„๋ณด๊ณ  ๊ณต๋ถ€ํ•˜๋ ค๊ณ  ์ƒ๊ฐ์ค‘์ด๋‹ค.
profile
ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ฅผ ๊ฟˆ๊พธ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค !

0๊ฐœ์˜ ๋Œ“๊ธ€

๊ด€๋ จ ์ฑ„์šฉ ์ •๋ณด