1.1 HTML์ ์ญ์ฌ
์ค๋๋ ๊ฑฐ์ ๋ชจ๋ ์ฌ๋๋ค์ด ์ธํฐ๋ท์ ์ฌ์ฉํฉ๋๋ค. ๊ธฐ์ฌ๋ฅผ ์ฝ๊ณ , ๋ธ๋ผ์ฐ์ ๋ฅผ ์ฌ์ฉํ๊ณ , ๋งํฌ๋ฅผ ๋ฐ๋ผ๊ฐ์ธ์. ๊ทธ๋ฆฌ๊ณ ๊ทธ๋ค ์ค ์์๋ง์ด ์ธํฐ๋ท์ด ์ธ์ , ๋๊ตฌ์ ์ํด ๋ฐ๋ช ๋์๋์ง ๊ถ๊ธํดํ๊ณ ์์ต๋๊น?
๊ทธ๊ฒ์ ์ฌ์ ํ โโ๋น์ ์ด ์ธํฐ๋ท์ด๋ผ๊ณ ๋ถ๋ฅด๋ ๊ฒ์ ๋ฌ๋ ค ์์ต๋๋ค. ๋๋ถ๋ถ์ ๊ฒฝ์ฐ ํ์ ๋๋ ํ ๊ฐ์ง๋ฅผ ์๋ฏธํ๊ณ ๊ธฐ์ ์๋ ๋ค๋ฅธ ๊ฒ์ ์๋ฏธํฉ๋๋ค. ์ธ๊ณ ์ต๋์ ๋ฐ์ดํฐ ์ผํฐ๋ฅผ ์ฐ๊ฒฐํ๋ ์ปดํจํฐ ๋คํธ์ํฌ๋ 70๋ ๋์ ๋ง๋ค์ด์ก์ต๋๋ค. ๊ทธ๋ฌ๋ ํ๋ฒํ ์ฌ๋์ด ์ ๊ทผํ ์ ์๋ ์ธํฐ๋ท(๋ธ๋ผ์ฐ์ , ๋งํฌ, ๋ชจ๋ ์ข ๋ฅ์ ํ์ด์ง)์ 90๋ ๋ ์ด๋ฐ์ ํ ์ฌ๋์ ์ํด ๋ฐ๋ช ๋์์ต๋๋ค . ๊ทธ๋ฆฌ๊ณ ์ด๋ฌ๋ค...
1990๋
๋ ์ด ์๊ตญ์ธ Tim Berners-Lee๋ ์ธํฐ๋ท์ ๋ฐ๋ช
ํ์ต๋๋ค. ๊ทธ๋ผ์๋ ๋ถ๊ตฌํ๊ณ ๊ทธ๊ฐ ๋ฐ๋ช
ํ ๊ฒ์ ์น์ด๋ผ๊ณ ๋ถ๋ฅด๋ ๊ฒ์ด ๋ ์ ํํฉ๋๋ค. World Wide Web
๊ทธ๋ www
์๋ ์์ด๋ ์น์ด๊ธฐ๋ ํฉ๋๋ค. ์, ํ ์ฌ๋์ด ์๋ ์์ด๋ ์น์ ๋ฐ๋ช
ํ์ต๋๋ค.
1986๋ ๋ถํฐ 1991๋ ๊น์ง ๊ทธ๋ CERN ์ฐ๊ตฌ ์ผํฐ(์ค์์ค ์ ๋ค๋ฐ ์์ฌ)์์ ์๋ก์ด ๊ณผํ ๋ฌธ์ ํ์ค์ ๋ํด ์์ ํ์ต๋๋ค. ์์๋ค์ํผ ๊ณผํ์๋ค์ ๊ณผํ ๋ ผ๋ฌธ์ ๊ธฐ์ฌ ํํ๋ก ์ถํํ๊ณ ๊ธฐ์ฌ ๋์ ์ฌ์ฉ๋ ๋ฌธํ ๋ชฉ๋ก์ ํ์ํ๋ ๊ฒ์ด ๊ด๋ก์ ๋๋ค. ์ฆ, ๊ณผํ์ ์ง์์ ์๋ก ๋งํฌ๊ฐ ์๋ ๊ธฐ์ฌ์ ๋ชฉ๋ก์ ๋๋ค.
๊ทธ๊ฑด ๊ทธ๋ ๊ณ , ํ๋ Wikipedia๋ ์ ์์๊ฐ World Wide Web์ ๋ณธ โโ๋ฐฉ์๊ณผ ๋งค์ฐ ์ ์ฌํฉ๋๋ค . ์๋ก ๋งํฌ๊ฐ์๋ ๊ณผํ ๊ธฐ์ฌ, ์ฌ์ฉ ๋ ์ถ์ฒ ๋ฐ ๋ฌธํ ๋ชฉ๋ก์ ๋๋ค. ๊ทธ๋ฆฌ๊ณ Tim์ด ์ด์ด ์ข์๋ค๋ฉด ์น์ ์ฌ์ ํ โโ์ด์ ๊ฐ์ ๊ฒ์ ๋๋ค. ํ์ง๋ง ๋ ๋ฐ์ ๋ฏธ๋๋ก ๊ฐ๋ ๊ธธ์ ์ธ์์ ์ด๋๊ฐ์์ ์๋ชป๋ ๊ธธ์ ๊ฐ๊ณ ์์์ต๋๋ค :)
์น์ ์ธ ๊ฐ์ง ๊ธฐ์ ์ ๊ธฐ๋ฐ์ผ๋ก ํฉ๋๋ค.
HTML-page
, ์ฌ๊ธฐ์๋ ํ ์คํธ, ๊ทธ๋ฆผ ๋ฐ ๋ค๋ฅธ ๋งํฌ๊ฐ ํฌํจ๋์ด ์์ต๋๋ค.HTML-pages.
HTML-page
โข ๊ฐ์ฅ ์ธ๊ฐ ์นํ์ ์ธ ๋ฐฉ์์ผ๋ก ํ์๋๋ ๋ธ๋ผ์ฐ์ .- โข ํ๋กํ ์ฝ
http
- ์น ์๋ฒ๊ฐ ๋ธ๋ผ์ฐ์ ๋ฐ ์๋ก ํต์ ํ๊ธฐ ์ํ ํ์ค์ ๋๋ค.
Tim Berners-Lee๋ ์ด๋ฌํ ๊ฒ๋ค์ ํ์คํํ ๋งํผ ๋ฐ๋ช
ํ์ง๋ ์์์ต๋๋ค. HTML
- ํ์ค์ ๊ธฐ๋ฐ์ผ๋ก ์์ฑ๋์์ต๋๋ค SGML
. ํ๊ทธ๋ ๊ฑฐ๊ธฐ์์ ๋น๋ ธ์ต๋๋ค. ๊ทธ๋ฌ๋ Tim์ด๋ผ๋ ์ธ๊ณ ์ต์ด์ ์น ๋ธ๋ผ์ฐ์ ๋ WorldWideWeb
1990๋
์ ์ง์ ์์ฑํ์ต๋๋ค.
1.2 HTML์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๊ฐ ์๋๋๋ค
HTML
๊ทธ๊ฒ์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๊ฐ ์๋๋ฉฐ ๊ฒฐ์ฝ ์์์ต๋๋ค. ๊ทธ๋ฐ ๋ง ์ ๋ ํ์ง๋ง. ์ด๋ ฅ์๋ฅผ ์์ฑํ๋๋ผ๋ HTML
ํ๋ก๊ทธ๋๋ฐ ์ธ์ด ์น์
์๋ ์ ๋ ํ์ํ์ง ๋ง๊ณ ๋๊ตฌ(๊ธฐ์ ) ์น์
์๋ง ํ์ํ์ญ์์ค. ์ด๋ ฅ์์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ฅผ ์๋ค๊ณ ์ ๋ ๊ฒ์ ํฐ ์ค์์
๋๋ค HTML
. ์?
HTML
๊ทธ๋ฆฌ๊ณ ๋ฌธ์์ฉ ๋งํฌ์
์ธ์ด๋ผ๋ ์ ์
๋๋ค . ๋งค์ฐ ๋จ์ํํ๋ฉด HTML-document
๊ทธ๋ฆผ, ํ, ๋งํฌ ๋ฑ์ด ์ฝ์
๋ ํ
์คํธ(๋ฌธ์)์
๋๋ค.
๋ค์๊ณผ ๊ฐ์ ๊ธฐ์ฌ๋ฅผ ์์ฑํ๊ณ ์ถ๋ค๊ณ ๊ฐ์ ํด ๋ณด๊ฒ ์ต๋๋ค.
- ๊ธฐ์ฌ ์ ๋ชฉ(์ ๋ชฉ).
- ํ ๋จ๋ฝ์ผ๋ก ๊ตฌ์ฑ๋ ๊ธฐ์ฌ ์์ฒด.
- ๊ทธ๋ฆผ.
- ๊ตต๊ฒ ํ์ํ๊ณ ์ถ์ ๋ช ๊ฐ์ง ์ค์ํ ์ง์ .
- ๊ธฐ์ฌ ์ค๊ฐ์ ๋ช ๊ฐ์ง ์ ์ฉํ ์ ๋ณด์ ๋ํ ๋งํฌ๋ฅผ ์ ๊ณตํ์ญ์์ค.
๋ค์์ ์ด ๋ฌธ์๊ฐ ๋ธ๋ผ์ฐ์ ์์ ์ด๋ป๊ฒ ๋ณด์ด๋์ง์ ๋๋ค.
๊ตญ๋ด ๊ณ ์์ด
๊ณผํ์ ๋ถ๋ฅํ์ ๊ด์ ์์ ์ง๊ณ ์์ด๋ ์์ก๋ชฉ ๊ณ ์์ด๊ณผ ์ ํฌ์ ๋ฅ ์ ๋๋ค. ์ข ์ข ์ง ๊ณ ์์ด๋ ์ฒ ๊ณ ์์ด์ ์์ข ์ผ๋ก ๊ฐ์ฃผ๋์ง๋ง ํ๋ ์๋ฌผํ์ ๋ถ๋ฅํ(2017)์ ๊ด์ ์์ ์ง ๊ณ ์์ด๋ ๋ณ๋์ ์๋ฌผ ์ข ์ ๋๋ค .
![](https://cdn.codegym.cc/images/article/f1c46123-2629-47c7-9aff-878dc13cce61/800.jpeg)
๊ฝค ์ข์, ๊ทธ๋ ์ง? ๊ทธ๋ฆฌ๊ณ ํ์ค์ HTML
ํตํด ์ด ๋ฌธ์๋ฅผ ์ฌ๋๊ณผ ์ปดํจํฐ ๋ชจ๋๊ฐ ์ฝ์ ์ ์๋๋ก ๋ง๋ค ์ ์์ต๋๋ค. ๋ค์๊ณผ ๊ฐ์ด ํ์๋ฉ๋๋ค HTML-standard
.
<h1> ๊ตญ๋ด ๊ณ ์์ด </h1>
๊ณผํ์ ๋ถ๋ฅํ์ ๊ด์ ์์ ์ง๊ณ ์์ด๋ ์์ก๋ชฉ ๊ณ ์์ด๊ณผ์ <a href=โ/โ> ํฌ์ ๋ฅ </a> ์ ๋๋ค. ์ข ์ข ์ง ๊ณ ์์ด๋ ์ฒ ๊ณ ์์ด์ ์์ข ์ผ๋ก ๊ฐ์ฃผ๋์ง๋ง ํ๋ ์๋ฌผํ์ ๋ถ๋ฅํ(2017)์ ๊ด์ ์์ ์ง ๊ณ ์์ด๋ <b> ๋ณ๋์ ์๋ฌผํ์ ์ข ์ ๋๋ค </b> .
<img src=โ๊ณ ์์ด.jpgโ>
์ฌ๋๊ณผ ์ปดํจํฐ(๋ธ๋ผ์ฐ์ ) ๋ชจ๋๊ฐ ์ดํดํ ์ ์๋ ๊ธฐ์ฌ ํ ์คํธ ( ๋นจ๊ฐ์์ผ๋ก ๊ฐ์กฐ ํ์๋จ)์ ํน์ ํ๊ทธ๊ฐ ์ถ๊ฐ๋์์ต๋๋ค. ๋ธ๋ผ์ฐ์ ๋ ๋ ์๋ฅผ ์ํด ๊ธฐ์ฌ๋ฅผ ์๋ฆ๋ต๊ฒ ํ์ํ ์ ์์ผ๋ฉฐ ๊ธฐ์ฌ ์์ฑ์๋ ์ฝ๊ฒ ํธ์งํ ์ ์์ต๋๋ค.
1.3 HTTP ํ๋กํ ์ฝ์ ๋ฑ์ฅ
์ฝ์ด๋ Hypertext Document Markup Language HTML
์ ์ฝ์์
๋๋ค . Hyper Text Markup Language
ํ์ดํผํ
์คํธ๋ ์๋ก ์ฐ๊ฒฐ๋ ํ์ด์ง๋ก ๊ตฌ์ฑ๋ ๋ฌธ์์
๋๋ค. ์ด๊ฒ ๋ญ์ผ http
?
HTTP
Hypertext Transfer Protocol(ํ์ค)์ ๋ํ๋
๋๋ค Hyper Text Transfer Protocol
. http
๋๋ https
์ด๋ ค ์๋ ํ์ด์ง์ ๋ํ ๋งํฌ๋ฅผ ๋ณต์ฌํ๋ ค๊ณ ํ๋ฉด ๋ธ๋ผ์ฐ์ ์ ์ฃผ์ ํ์์ค์์ ๋ณผ ์ ์์ต๋๋ค.
์ผ๋ฐ์ ์ธ ํ์ด์ง ๋งํฌ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
http://google.com/logo.jpg
๋งํฌ ๋งจ ์์๋ ํ๋กํ ์ฝ ์ด๋ฆ์ด ์๊ณ ๊ทธ ๋ค์ ์ฝ๋ก ๊ณผ ๋ ๊ฐ์ ์ฌ๋์๊ฐ ์์ต๋๋ค. Tim Bernes-Lee๋ ํ ์ธํฐ๋ทฐ์์ ํ๋กํ ์ฝ์ด http
๊ทธ๋ ๊ฒ ์ธ๊ธฐ๊ฐ ์์ ์ค ์์๋ค๋ฉด ๋ ์งง์ ๊ฒ์ ์๊ฐํด๋์ ๊ฒ์ด๋ผ๊ณ ๋งํ ์ ์ด ์์ต๋๋ค. (๊ฒฐ๊ตญ ์ธ์์ ๊ฑฐ์ ๋ชจ๋ ๋งํฌ๋ ๋จ์ด http://
๋๋ ๋ก ์์ํฉ๋๋ค https://
)
๋ธ๋ผ์ฐ์ ๋ก ๋์๊ฐ ๋ด
์๋ค. ๋ธ๋ผ์ฐ์ ๊ฐ ์์ฒญํ๋ฉด html-page
์๋ฒ์ ํ
์คํธ ํ์ผ(์์ฒญ)์ ๋ณด๋ด๊ณ ๋ค๋ฅธ ํ
์คํธ ํ์ผ(์๋ต)์ ๋ฐ์ต๋๋ค. ์ด ์๋ ๋ชจ๋๋ฅผ ํด๋ผ์ด์ธํธ-์๋ฒ๋ผ๊ณ ํฉ๋๋ค.
๋จผ์ ํต์ฌ ์ ๋ณด๊ฐ ์๋ ์ค์ด ์๊ณ ์๋น์ค ์ ๋ณด๊ฐ ์๋ ์ค์ด ์์ต๋๋ค. ํ ์คํธ ์ฟผ๋ฆฌ์ ์ฒซ ๋ฒ์งธ ์ค์ ํ ํ๋ฆฟ์ ์ํด ์ ๊ณต๋ฉ๋๋ค.
MethodURI HTTP/Version
CodeGym ์ฌ์ฉ์์ ๊ฐ์ธ ํ์ด์ง๋ ๋งํฌ๋ก ์ ๊ณต๋ฉ๋๋ค.
https://codegym.cc/me
http-request
๋ธ๋ผ์ฐ์ ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
GET /me HTTP/1.0
Host: codegym.cc
์๋ต์ผ๋ก ์๋ฒ๋ ๋๋ถ๋ถ ๋ณด๋ผ ๊ฒ์ ๋๋ค.
HTTP/1.0 200 OK
<html>page text...
์๋ต ํ
์คํธ์ ์ฒซ ๋ฒ์งธ ์ค์ http ํ๋กํ ์ฝ ๋ฒ์ ๊ณผ ์๋ต ์ํ(200, OK) ์
๋๋ค . ๊ทธ๋ฐ ๋ค์ ๋น ์ค์ด ๋์ค๊ณ html-page
๋ธ๋ผ์ฐ์ ๊ฐ ์์ฒญํ ํ
์คํธ ํ์์ ์ค์ด ๋์ต๋๋ค . ๋ชจ๋ ๊ฒ์ด ๋งค์ฐ ๊ฐ๋จํฉ๋๋ค :)