본문 바로가기
Server/Local

[Web Server] 간단한localhost 웹 서버 구축 방법

by Gina Sim 2020. 11. 17.

그냥 html을 예제만 연습할 때는 굳이 웹 서버를 구축할 필요가 없었지만,

지도 API를 띄우려고 하니 등록한 웹 주소에만 이용 가능해서 웹 서버를 구축할 필요가 생겼다.

 

이렇듯 웹 개발을 하다보면 웹 페이지를 테스트하기 위해 웹 서버가 필요한데,

웹 호스팅 서버를 구축하거나 가상 머신을 돌리는 복잡한 방법을 사용하지 않고

localhost로 웹 서버를 간단히 구축해 테스트해 볼 수 있다!

 

사실 많은 포스팅들이 해당 방법에 대해 다루고 있지만,

내 기준에서 자세한 설명들은 다 생략돼있고 어떻게 웹에 띄우는지는 결국 안 나와있었다.

 

웹 개발을 거의 처음 접하고 컴알못인 사람들은 지금부터 그대로 따라만 하면 된다!

*python이 먼저 설치되어 있어야 함


1. cmd 검색 -> 명령 프롬프트 실행

 

 

 

2. 웹에 띄우고 싶은 html 파일이 있는 폴더의 주소 복사

원하는 파일 우클릭 -> "주소 복사(C)"

 

 

 

 

3. prompt에 "cd 파일 주소"입력

  - 명령 실행 후 현재 위치가 해당 파일로 이동된 것 확인 가능

C:\Users\SimHyunji\Desktop\강의\HTML\웹연습>

 

 

4. python 버전에 따라 아래 명령 입력

3.x 버전은 "python -m http.server 8080" 입력
2.x 버전은 "python -m SimpleHTTPServer 8080" 입력

 

 

5. Chrome 주소창에 "localhost:8080" 입력

등록한 폴더의 파일 list가 웹 페이지에 뜸
이때, index.html이 존재할 경우 파일 list가 뜨지 않고 바로 index.html 파일에 웹 페이지로 뜨게 됨

<좌> index.html 파일이 없는 경우 폴더내 파일의 list를 화면에 출력   <우> index.html이 있으면 그 파일을 바로 화면에 출력

 

 

주의! 이때 명령 prompt 창은 계속 켜진 상태를 유지해야 한다.

폴더 내 html 파일들을 수정함에 따라 prompt에 변화가 생기는 것 확인 가능

promp를 종료하면 localhost 웹 서버는 끊긴다.

prompt를 종료하고 나면 연결할 수 없음

 

 

 

반응형

댓글