728x90

HTML (HyperText Makeup Language) & Internet

Github

우리에게 홈페이지를 운영할 수 있는 Web Server를 제공

 

sign up > New repository

Repository name 작성/ Public 체크/ Add a README file 체크

 

Repository를 만들었으면
Upload file 코드를 저장한 디렉토리를 찾아서 업로드 Commit changes에 업데이트 내용 작성

 

업로드한 파일들을 이용해서 웹 사이트를 운영하기 위한 Setting

Settings > GitHub Pages > Source > Branch: main 

 

Website 생성!

https://ro117youshinkim.github.io/web/

 

WEB1 - Welcome

WEB（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查

ro117youshinkim.github.io

[추천 검색어] (free) static web hosting

Web Server 
- Apache

Web Server라는 제품군에는 여러 제품들이 있다. 
Ex) Apache, IIS, Nginx

우리는 여기서 Apache를 사용한다. 
[추천 검색어] how to install apache http server os(운영체제 이름) 

[검색어] How to easy install apache on window

bitnami WAMP stack를 사용하여 apache 프로그램을 install 해보자.

{WAMP: Window Apache MySQL(데이터베이스) PHP(미들웨어)}

우리는 이 중에서 딱 apache를 위해 bitnami를 설치하는 것

bitnami 설치 후 다운로드된 디렉토리에서 manager-windows파일을 통해 Web Server를 켜고 끄고 할 수 있다. 
Manage Servers > Apache Web Server green - on, red - off(stop)

http://127.0.0.1/index.html이라는 파일을 찾아보면 

C드라이브 > Bitnami > wampstack-8.0.7-0 > apache2 > htdocs 파일 안의 Index
맞는지 확인하기 위해 index파일을 메모장으로 열어 <body> 위에 아무 글씨나 써보고 Web page를 리로드 해본다.

리로드 후에 <body> 위에 입력한 글씨가 보이면 OK

 

지금 상황을 살펴보면 bitnami가 만든 htdocs 디렉토리 안에 index.html이라는 파일이 저장되어 있다. 그리고 현재 1대의 컴퓨터 안에 Web Browser와 Web Server가 같이 설치되어 있는 상태

 

----------------------------  http://127.0.0.1/index.html   

                                   IP주소 Internet Protocol Address

 

더보기

Web Browser가 설치되어 있는 컴퓨터를 가리키는 아주 특수한 주소 전 세계에 있는 모든 컴퓨터가 Web Browser에 127.0.0.1이라고 치는 것은 Web Browser가 설치된 각자의 컴퓨터의 Web Server를 가리킨다. 

① Web Browser가 Web Server에 index.html 파일을 원한다는 신호

② Web Server는 설정이 되어 있는 대로 htdocs라는 디렉토리에서 index.html이라는 파일을 읽어서
(Web Server는 htdocs라는 디렉토리에서 파일을 찾도록 설정이 기본적으로 되어 있는 상태)

③ 그 파일을 Web Browser에게 전송해주면 Web Browser는 그것을 해석해서 화면에 표시해 주게 된다는 것

bitnami 홈페이지를 내가 만든 Web page로 교체해보자.

C드라이브 > Bitnami > wampstack-8.0.7-0 > apache2 > htdocs 디렉토리 안의 모든 파일을 삭제하고 내가 만든 html 파일을 붙여 넣기 하면 내가 만든 Web page로 보인다. 

http
http:// VS file://

주소를 입력해서 Web page를 보는 것과 파일 열기를 통해서 Web page를 보는 것 사이에 어떤 차이가 있을까?
질적으로 완전히 다르다. 

file://은 파일을 직접 여는 것이고, http://는 Web Browser와 Web Server가 서로 통신할 때 사용하는 통신 규약인 HyperText Transfer Protocol을 이용해서 데이터를 가지고 온다.

Web page를 Web Browser와 Web Server가 서로 주고받기 위한 약속, 그것이 바로 http

(HyperText = Web page, Transfer = 전송하다, Protocol = 규약, 약속)

 

사용자에게 이 두 개의 방법은 결과적으로 전혀 차이가 없지만 그것은 한 대 컴퓨터 안에 Web Browser와 Web Server가 동시에 설치되어 있기 때문이다. 하지만 서로 다른 컴퓨터에 있는 Web Browser와 Web Server가 통신을 하기 위해서는 반드시 http를 사용해야 한다. 

Web Server와 Web Browser의 통신

두 대의 컴퓨터가 있는 상황에서 서로 Web page를 주고받는 방법을 살펴보자. 

 

Web Browser가 Web Server에 요청할 때에는 Web Server의 IP Address가 필요하다.

더보기

IP Address 찾기 

와이파이 버튼 오른쪽 클릭 > 네트워크 및 인터넷 설정 열기 > 속성 > IPv4 주소

자신의 IP Adress와 127.0.0.1은 무슨 차이냐? 

127.0.0.1은 모든 컴퓨터가 자기 자신을 나타내는 것으로 전 세계적으로 약속되어 있다. 

그렇기 때문에 Web Browser에서 127.0.0.1이라고 치는 것은 꼭 자기 자신을 의미한다.

 

이제 두 대의 컴퓨터를 연결시켜보자.

내 IP Address를 찾고 두대의 컴퓨터가 같은 네트워크에 연결되어 있어야 한다. (와이파이, 공유기)

두 대의 컴퓨터가 서로 통신을 하는 방법을 살펴보았고 그 모습도 관찰해보았다.

Internet을 지배하는 가장 기본적인 토대를 닦은 것 

저작자표시

'youtube.com|user|egoing2 > WEB1 - HTML & Internet' 카테고리의 다른 글

WEB1 - HTML & Internet 부록: 코드의 힘  (21) 2021.07.02
WEB1 - HTML & Internet 15 to 17  (4) 2021.06.30
WEB1 - HTML & Internet 11 to 14  (8) 2021.06.29
WEB1 - HTML & Internet 1 to 10  (4) 2021.06.28

티스토리툴바