[생활코딩_WEBn] 웹서버 운영하기 - 2 (HTTP와 IP)

---------------------------------------------------------

* 생활코딩 WEBn 정독하기 project *

웹서버 운영하기

LINK 1 : https://opentutorials.org/course/3084/18891

Window : https://opentutorials.org/course/3084/18893

MAC OS : https://opentutorials.org/course/3084/18894

Linux : https://opentutorials.org/course/3084/18895

----------------------------------------------------------

 

1. 한 컴퓨터에 서버-브라우저 다 있을 때

비트나미 설치 후 Go to Application 하여 웹페이지 접속.

1) 주소의 local host -> http://127.0.0.1/index.html (자기 자신의 컴퓨터 지칭하는 ip) 

• 결과로 같은 화면을 보여준다. 
• 도메인 네임(domain name) 과 IP 주소 
  • local host 같이 의미가 있는 것이 도메인 네임, 
  • 번호로 되어있는 것이 ip 주소 (Internet Protocol Address)
• index.html의 위치 - 비트나미위치\Bitnami\wampstack-7.4.9-0\apache2\htdocs
  • 이 안의 index.html 수정하면 웹페이지에 반영되는 것 확인할 수 있다. 
• htdocs 안의 것들 다 지우고 우리가 만들었던 web 코드 넣기 -> 웹 사이트가 만들었던 대로 나온다. 

2. html 파일 열기 vs http를 통해서 열기 

http://127.0.0.1/index.html

file://.../htdocs/index.html

• 겉으로 보이는 모습은 같다. 
• http 는 웹 서버를 통해 화면을 보여주고,
• file은 웹 서버를 통하지 않음. 
• http : hyper text transfer protocol

 

2. 웹 서버와 브라우저가 다른 컴퓨터에 있을 때(IP)

두 대의 컴퓨터가 서로 웹페이지를 주고 받는 방법. (웹서버와 브라우저의 통신)

스마트폰(브라우저)과 실습 컴퓨터(웹서버)로 가능. 

IP 주소 확인하기

1) CMD 접속 

2) ipconfig 후 엔터 

3) IP 주소 확인 

ip 주소 확인

여기에서 나온 ip 주소는 127.0.0.1(대명사같은 느낌) 과 다르게 진짜 서버의 ip 주소(이름)

 

 

다른 컴퓨터에서 ip 접속하기 

* 두 컴퓨터가 같은 네트워크에 접속되어 있어야함 (공유기 이름이 같아야함) 

• 다른 컴퓨터(브라우저) 에서 위에서 찾은 ip를 웹 주소창에서 치면, 우리가 만들었던 index.html 이 나온다. 

 

Domain / 전 세계인이 볼 수 있게 만들기 등은 복잡해서 여기서 배우기엔 한계가 있다. 

 

 

* 관련된 게시물 *

[생활코딩_WEBn] 5. HTML 코딩과 실습환경 준비

[생활코딩_WEBn] 기본 문법 - 태그

[생활코딩_WEBn] 혁명적인 변화

[생활코딩_WEBn] 통계에 기반한 학습

[생활코딩_WEBn] 줄바꿈

[생활코딩_WEBn] HTML이 중요한 이유

[생활코딩_WEBn] 최후의 문법 속성과 img

[생활코딩_WEBn] 부모 자식과 목록

[생활코딩_WEBn] 문서의 구조와 슈퍼스타들

[생활코딩_WEBn] HTML 태그의 제왕

[생활코딩_WEBn] 웹사이트 완성

[생활코딩_WEBn] 원시웹

[생활코딩_WEBn] 인터넷을 여는 열쇠 : 서버와 클라이언트

[생활코딩_WEBn] 웹호스팅 (github pages)

[생활코딩_WEBn] 웹서버 운영하기 - 1 (Bitnami 설치)