[Project H4C] 3. 서버와 클라이언트

[Project H4C] 3. 서버와 클라이언트

 

 

생활코딩피셜: 서버 클라이언트는 우리 수업에서 가장 중요한 부분이다

(그렇구만....)

 

 

 

• 어떤 컴퓨터가 서버이고, 어떤 컴퓨터가 클라이언트일까? 

서버: 웹서버 sw가 설치된 컴퓨터

클라이언트: 웹브라우저가 설치된 컴퓨터

 

 

 

• 서버와 클라이언트의 작업 과정

클라이언트에서 원하는 웹 주소를 입력하면

클라이언트는 해당 페이지를 서버에게 요청한다.

그러면 서버는 하드디스크등에 저장된 웹페이지 문서를 읽어서 클라이언트 컴퓨터에 응답해준다

 

이런 과정으로..

 

 

나에게는 웹브라우저는 있으니 웹서버를 설치해보자. 

(하나의 컴퓨터에 웹브라우저와 웹서버를 동시에 설치할 수 있다.)

 

 

 

• 웹서버의 종류

참고로 웹서버의 설치는 어렵다

(한달이 걸리기도 하고 실패하기도 한다고....)

 

하지만,

서버 소프트웨어를 한방에 설치할 수 있게 해주는 도구인

bitnami의 도움을 받아 설치해보자. 

 

Mac용 웹서버 설치 페이지는 아래와 같다. 

https://bitnami.com/stack/mamp

MAMP

설치 방법은 동영상 첨부로 대체한다.

https://www.youtube.com/watch?v=oB9wA3M9HK8&list=PLuHgQVnccGMAE4Sn_SYvMw5-qEADJcU-X&index=9

 

 

 

나도 설치 완료!

 

 

http://127.0.0.1:8080/

127.0.0.1 = localhost

 

localhost 란?

웹브라우저가 설치되어 있는 컴퓨터를 가르킨다.

 

http://127.0.0.1:8080/index.html

라고 쳤을 때 내부적으로 일어나는 상황:

웹서버가 htdocs 안의 index.html 파일을 불러와서 웹브라우저에 응답한다. 

 

 

 

e.g.)

http://opentutorials.org/index.html을

주소창에 치게 되면, 

(opentutorials.org 라는 주소를 가진 컴퓨터가 인터넷 어딘가에는 존재하는데)

opentutorials.org 컴퓨터에는 htdocs라는 디렉토리에 index.html을 보관하고 있는 상태이다.

 

내 컴퓨터에는 웹브라우저가 설치되어 있고,

opentutorials.org 컴퓨터에는 웹서버가 설치되어 있는 상태이다.

 

opentutorials.org 컴퓨터에서 index.html 파일을 내 컴퓨터로 응답하게 된다.

이런 과정을 통해 웹서비스(웹애플리케이션)이 동작하게 된다. 

그리고 여기서 htdocs 디렉토리를 Document Root 라고 한다.

(웹서버가 문서를 찾는 최상위 디렉토리)