[Web] 윈도우에 웹서버 설치하기 Bitnami / 웹문서 만들기

📝 인프런 [따라하면서 배우는 웹애플리케이션 만들기] - Egoing Lee 를 보고 공부하며 작성한 글입니다. 링크 : 따라하면서 배우는 웹애플리케이션 만들기

Apache/MySQL/PHP 다운 

-> bitnami wamp 다운 https://bitnami.com/stack/wamp

맥 : bitnami mamp 다운

리눅스 : bitnami lamp 다운

 

1. https://bitnami.com/stack/wamp 에 접속하면 위의 그림처럼 된 곳의 Download 버튼을 클릭(=다운)

 

이런 팝업이 나타나는데 맨 밑의 "No thanks, ~~" 클릭

 

오른쪽 그림의 상태일 때 모든 체크박스를 해제. PhpMyAdmin은 필수이므로 체크 해제 불가 Next

왼쪽은 bitnami가 설치되는 위치

오른쪽은 database 암호를 설정(암호는 기억해야한다.) Next

 

bitnami wamp를 다운하고 웹에서 localhost/index.html을 했을 때 아래의 화면이 나오면 설치 완료

 

 

구글 Chrome 화면

위의 홈페이지가 보여주는 웹문서는 bitmami가 설치된 위치의 htdocs의 index.html이다. 

- index.html의 위치 (bitnami가 설치된 위치에 따라 다르겠지만,  C:\Bitnami\wampstack-8.0.5-0\apache2\htdocs)

---

웹문서 만들기

 

여기 htdocs에 helloworld.html을 만들면 localhost/hello.html 웹문서를 볼 수 있다.

html문서는 탐색기에서 수정이 어려워서 먼저 txt 파일로 만들어 html을 작성하고 확장자를 txt에서 html로 바꿨다.

 

 

🤔 html 문서를 웹에서 볼 수 있는 원리는 다음과 같다.

1. 웹브라우저의 주소창에 "localhost/helloworld.html"을 입력하면 웹브라우저가 웹서버에 접속해서 "helloworld.html" 파일을 요청한다.

2. 웹서버는 컴퓨터의 *htdocs 폴더에서 helloworld.html 파일을 읽어 웹 브라우저에 응답한다.

3. 웹브라우저는 helloworld.html 문서를 화면에 출력한다.

* htdocs 폴더 : Document Root. 웹서버가 문서를 찾는 최상위 디렉터리. 설정을 통해 변경 가능.