[HTML_08][WEB] Internet

● 서버와 클라이언트

● 웹 호스팅

VSCode Live server

 

인터넷여 연결된 컴터를 빌려주는 서비스 Hosting, cloud

 

https://github.com/

GitHub: Let’s build from here

소스 코드 보관 하기 :

 

로그인 > Create a new repository >  uploading an existing file > choose your file > commit change

 

 

웹 호스팅 이용하기 : 

 

상단 settings > pages > branch의 none을 main > save

 

● 웹 서버 (제품군)

Live Server - VSCode 확장 앱 설치

 

VSCode 우측 하단에 Go LIve 표시가 뜨면 성공 클릭하면 post 5500 로 웹 실행

실시간으로 웹 브라우저 수정 가능 

 

http://127.0.0.1:5500/

 

http : Hyper Text Trnasfer Protocol 는 Hyper Text를 전송하는 통신 규약

127.0.0.1 : Internet Protocol Address로 내 컴퓨터를 가리키자고 약속한 주소

5500 : Port 여러개의 서버 중 하나의 주소

 

현실의 웹은 

 

browser와 server가 서로 다른 컴퓨터에 분리 되어있습니다.

 

컴퓨터와 핸드폰으로 수행 가능합니다. (단, 통신 과정이 제대로 수행하기 어렵기에 된다고 생각합니다.)

 

같은 와이파이로 두 기기를 연결하고 IP address에서 ip주소를 핸드폰 웹 주소에 입력하면 동작합니다.