Window에서 WebServer를 구축하는 방법을 정리하려고 합니다. ㅎㅎㅎ
일명 APM 구축이라고 합니다.
Apache
PHP
Mysql
APM은 Apach + PHP + Mysql 에 줄임말입니다.
1부에서는 아파치를 구동하는 방법을 알아 보도록 하겠습니다.
1. Apache 다운로드
우선 아파치를 다운로드 받습니다.
www.apachelounge.com/download/
자신의 Window에 맞게 설치 해주시면 됩니다.
저는 APM이라는 디렉토리를 만들어서 다운로드하였습니다.
Apache 압축파일을 다운로드 받아서 압축을 풀어줍니다.
httpd-2.4.46-win64-vs16 디렉토리 안에 Apache24 폴더를 APM 디렉토리로 옮기고
httpd-2.4.46-win64-vs16 디렉토리와 압축 파일은 삭제하도록 하겠습니다.
그럼 APM디렉토리 Apache24 폴더만 존재합니다.
이제 아파치를 시스템 환경변수로 등록하겠습니다.
2. Apache환경변수 등록
시스템 환경변수로 등록하면 CMD 어디서든 apache 명령을 사용할 수 있습니다.
변수 경로는 본인에 Apache를 디렉토리 안에 bin 디렉토리로 지정하시면 됩니다.
저의 경우 C:\APM\Apache24\bin 입니다.
다음은 아파치 설정을 하겠습니다.
3. Apache 설정
httpd.conf
C:\APM\Apache24\conf
디렉토리 이동 후 httpd.conf 파일을 메모장 및 워드패드로 열어줍니다.
다른 문서편집 툴이 있다면 다른 걸 사용하셔도 무방합니다.
편집 툴로 열어서 ServerRoot 경로를 변경하겠습니다.
[ServerRoot 변경]
위 이미지와 같은 부분을 찾아 줍니다. SRVROOT 및 ServerRoot로 검색하여 찾으시면
빠르게 찾을 수 있습니다.
찾으셨다면 Define SRVROOT 를 변경해줍니다.
본인이 다운로드한 Apache 경로로 지정하면 됩니다. 저는 아래와 같이 변경하겠습니다. \
Define SRVROOT "c:/Apache24" –> Define SRVROOT "c:/APM/Apache24"
위 이미지처럼 변경했습니다.
다음은 DocumentRoot 변경을 하겠습니다.
[DocumentRoot변경]
DocumentRoot는 위 이미지처럼 ServerRoot를 변경했다면 따로 변경할 필요하는 없습니다.
하지만 경로가 어디인지 확인해 봐야겠죠?
DocumentRoot로 경로는 위에서 SRVROOT를 변경했으니
c:/APM/Apache24/htdocs입니다.
추가적으로 나중에 작업하려는 개발 소스가 다른 폴더에 있다면 다르게 적용하시면 됩니다.
다음은 ServerName을 변경해 보겠습니다.
[ServerName 변경]
위 이미지에서 빨간색 박스로 되어 있는 부분
#ServerName www.example.com:80 이 부분을 loaclhost로 변경합니다.
그리고 맨 앞에 #을 지워 줍니다.
이렇게 변경해 줍니다.
꼭 앞에 #은 제거해주셔야 합니다.
이렇게 httpd.conf 파일을 수정했다면 명령 프롬프트(cmd) 을 관리자 권한으로 실행해 줍니다.
[TIP] 명령 프롬프트 관리자 권한으로 쉽게 실행하는 방법
Window Key + R
cmd 입력
Ctrl + Shift + Enter
관리자 권한으로 실행했다면 명령어를 입력해 줍니다.
httpd -k install
정상적으로 인스톨이 된 걸 알 수 있습니다.
다음 Apache Service를 시작해보겠습니다.
httpd -k start
명령어를 입력해 줍니다.
apache service 확인해 보기
브라우저에 localhost를 입력했을 때 위 이미지처럼 나온다면 Apache는 성공적으로 된 것입니다.
다음 2부에서는 PHP를 적용해보겠습니다.
'dev > web' 카테고리의 다른 글
Window 에서 Apache + PHP+ Mysql WebServer 만들기 3부 MySql 편 (14) | 2021.01.10 |
---|---|
Window 에서 Apache + PHP+ Mysql WebServer 만들기 2부 PHP 편 (4) | 2021.01.09 |
CSS 수정 후 적용이 안될 경우 (3) | 2021.01.08 |
기본 element 네이티브 외형 감추기 (2) | 2021.01.08 |
텍스트 대소문자 변경하기 (2) | 2021.01.02 |