
웹 사이트를 개발할 때 웹 디자이너는 최종 사용자와 동일한 방식으로 자신의 웹 페이지를 볼 수 있어야 합니다. 때로는 웹 브라우저에서 HTML 파일을 클릭하고 보는 것으로 충분하지만 동적 콘텐츠를 테스트하려면 로컬 웹 서버를 설정해야 합니다. 이 작업은 매우 간단하며 Windows, macOS 및 Linux에서 쉽게 수행할 수 있습니다. 사용할 수 있는 웹 서버에는 여러 유형이 있지만 이 튜토리얼에서는 Apache가 가장 일반적이고 설정이 매우 쉽고 모든 주요 운영 체제와 호환되기 때문에 Apache를 사용합니다.
Linux에서 로컬 웹 서버 설정
Apache는 Unix 계열 운영 체제용으로 설계되었습니다. Linux가 이 범주에 속하며 Apache 웹서버의 설치 및 구성이 한 번에 완료될 수 있습니다.
여기서 우리는 명령줄을 다룹니다. 가장 인기 있는 배포판을 사용하면 간단한 명령 하나로 소스에서 컴파일하지 않고도 Apache를 설치할 수 있습니다.
Debian, Ubuntu 및 Ubuntu 기반 배포판의 경우:
sudo apt install apache2
Red Hat 및 CentOS용
sudo dnf install httpd
설치가 완료되면 웹 브라우저에서 "127.0.0.1" 또는 "localhost"로 이동합니다. "작동합니다!"라고 표시되는 경우 이는 Apache 설치가 성공적임을 의미합니다.

Apache가 이 특정 웹페이지를 제공하는 방법을 더 잘 이해하기 위해 수정해 보겠습니다. 이렇게 하려면 Linux 로컬 시스템의 루트 웹 디렉토리로 이동하십시오.
cd /var/www/html
즐겨 사용하는 텍스트 편집기로 "index.html"을 루트로 엽니다.
"그것이 작동합니다!"를 검색하십시오. "Make Tech Easier!"와 같은 임의의 텍스트로 변경하십시오. (정말 뭐든지 될 수 있습니다.) 파일을 꼭 저장해 두세요.
이제 127.0.0.1에서 웹 페이지를 새로 고칩니다. "Make Tech Easy!"가 표시되어야 합니다. "작동합니다!" 이전이었습니다.

이제 간단한 웹 서버를 설정했으므로 "apache2.conf"의 구성 설정을 사용할 수 있습니다.
sudo nano /etc/apache2/apache2.conf
참고 :구성을 변경할 때마다 적용하려면 Apache를 다시 시작해야 합니다.
sudo systemctl restart apache2
그래도 안되면 upstart 파일을 직접 실행하여 다시 시작할 수 있습니다.
sudo /etc/init.d/apache2 restart
macOS에서 로컬 웹 서버 설정
macOS의 좋은 점은 Apache가 기본적으로 설치되어 있다는 것입니다. 켜기만 하면 됩니다.
Finder에서 "응용 프로그램 -> 유틸리티"로 이동한 다음 터미널을 두 번 클릭하여 엽니다.

이미 사전 설치된 Apache 웹 서버를 켜려면 다음 명령을 실행하십시오.
sudo apachectl start
웹 서버가 실행 중인지 테스트하려면 웹 브라우저에서 "127.0.0.1" 또는 "localhost"로 이동하십시오.

Linux에서와 동일한 방식으로 문서 루트로 이동하여 웹 페이지의 내용을 변경할 수 있습니다. 다른 점은 경로 위치뿐입니다.
cd /Library/WebServer/Documents/
이제 즐겨 사용하는 텍스트 편집기를 사용하여 "index.html.en" 파일을 편집합니다. "작동합니다!" 변경 "Hello World!"로
sudo nano index.html.en

127.0.0.1에 호스팅된 웹 페이지를 새로 고치면 이제 변경 사항이 반영된 것을 볼 수 있습니다.

macOS에서 Apache 웹 서버를 추가로 구성하려면 "httpd.conf" 파일로 이동하십시오.
sudo nano /etc/apache2/httpd.conf
Linux와 마찬가지로 apachectl
을 사용하여 Apache 서비스를 쉽게 다시 시작할 수 있습니다. 루트 권한으로 명령하십시오.
sudo apachectl restart
Windows에서 로컬 웹 서버 설정
Linux 및 macOS와 달리 Windows는 Unix 기반이 아니므로 한 번에 설치할 필요가 없습니다. 다행히도 Apache, MySQL, PHP와 같은 것을 번들로 제공하여 우리의 삶을 더 쉽게 만들어주는 여러 설치 마법사가 있습니다. 그 중 하나가 XAMPP입니다.
참고 :XAMPP는 Linux 및 Mac OS X에서도 사용할 수 있습니다.
Windows 버전의 XAMPP를 다운로드하고 설치를 시작합니다. 메시지가 표시되면 설치 프로그램을 실행합니다. 웹 서버만 필요한 경우 Apache만 선택할 수 있습니다. 그러나 데이터베이스를 사용할 계획이라면 MySQL도 선택하는 것이 좋습니다.

설치를 계속 진행하고 완료되면 "마침"을 클릭합니다. 기본적으로 XAMPP 제어판이 실행됩니다.

필요한 경우 Apache 및 MySQL의 경우 "시작"을 클릭합니다.
웹 브라우저에서 "127.0.0.1" 또는 "localhost"로 이동하면 XAMPP 구성 페이지가 표시되어야 합니다.

새 웹페이지를 생성하는 절차는 동일합니다. 메모장을 열고 샘플 HTML 파일을 만듭니다. 이름을 "hello.html"로 지정합니다.

"c:\xampp\htdocs\"에 있는 문서 루트에 저장합니다.
127.0.0.1/hello.html로 이동하여 웹 브라우저를 사용하여 탐색합니다. 생성한 웹페이지를 볼 수 있습니다.

참고: WampServer는 Windows에 Apache를 설치하기 위한 또 다른 확실한 옵션입니다.
결론
Apache는 단순한 웹사이트와 복잡한 웹사이트를 모두 구축하기 위한 훌륭한 솔루션이지만 유일한 옵션은 아닙니다. Apache는 세 가지 플랫폼 모두에서 잘 통합되지만 IIS는 Apache가 지원하지 않는 많은 Windows 인증 기능을 지원하기 때문에 Windows용 옵션으로 볼 수 있습니다. 그러나 단순히 웹사이트의 기본 기능을 테스트하기 위해서는 Apache가 완벽합니다.