본문 바로가기

코딩공부/WEB1 - HTML & Internet

[3] 웹 서버와 HTTP 통신 - bitnami 로 APACHE 서버 설치

*웹서버 환경 : VM 에 윈도우 OS 설치해서 웹서버로 운영
Client (Host PC : MAC) --------- Web Server(Guest PC : vm Windows)

APACHE 서버 설치

how to easy install apache on window

bitnami 프로그램을 설치하면 자동으로 APACHE 를 설치해줌. (직접 OS에 APACHE를 설치하려면 복잡)

bitnami wamp stack

WAMP (Windows Apache Mysql Php) 다운 받아서 설치 진행 (설치 과정 중 MySQL 관리자 root의 비밀번호를 설정)

C드라이브>Bitnami 경로에 설치 후, Manager-windows 를 실행시켜서 설치한 서비스를 관리할 수 있음 (mac 에서는 'manager-osx' 로 실행가능) Manage Server > Apache web server 가 켜져있으므로 웹 브라우저에서 127.0.01(localhost) 에 접근하면 비트나미 페이지가 뜨는 것을 확인할 수 있다.

 


웹서버와 HTTP

WEB ROOT
웹 브라우저에서 http://127.0.0.1/index.html 로 접속하면,
C:\Bitnami\wampstack-7.3.8-0\apache2\htdocs 디렉토리에 있는 index.html 파일의 내용이 보여짐
웹서버에서는 클라이언트(웹브라우저)가 파일을 요청하면 기본적으로 htdocs 디렉토리에서 찾아보도록 설정이 되어있다.
여기서 htdocs 디렉토리가 웹루트이다.

htdocs 디렉토리 내의 파일을 필자가 만든 html 파일로 대체

 

http://127.0.0.1/index.html을 웹브라우저에 입력하면 웹브라우저는 같은 컴퓨터에 설치된 웹서버에게 index.html을 요청합니다. 웹서버는 웹페이지를 저장하기로 약속된 디렉토리인 htdocs에서 index.html 파일의 코드를 읽어서 웹브라우저에게 전송합니다. 웹브라우저는 코드를 해석해서 화면에 웹페이지를 표시합니다.

 

http://는 HyperText Transfer Protocol의 약자입니다. Transfer는 전송이라는 뜻입니다. 즉 웹페이지를 전송하기 위해서 만든 통신 규약이라는 뜻입니다. 주소창에 입력된 주소가 http://로 시작하면 웹브라우저는 http 통신규약에 따라서 웹서버에 접속하게 됩니다. file://로 시작하면 웹브라우저는 파일을 직접 열어서 보여줍니다.

 


웹브라우저와 웹서버의 통신

웹서버(vm-windows)에서 웹사이트 접근
웹서버 ip 확인하여 웹브라우저에서 ip 주소로 접근하면 index.html 페이지 확인 가능

 

클라이언트(mac)에서 웹서버에 페이지 요청
맥의 사파리 브라우저에서 웹서버 ip 로 접근하면 index.html 페이지 확인 가능

( 동일한 공유기에 연결되어 같은 네트워크에 속해있으므로 가능. 외부에서 접근하려면 공유기에 "포트포워딩" 설정을 통해 공인ip로 접근 할 수 있다. )