XAMPP설치 | PHP코딩1

by

PHP코딩

PHP는 워드프레스가 공식적으로 사용하는 웹개발 언어입니다. 한국은 조금 다르지만 전세계 웹사이트의 대부분이 워드프레스의 CMS를 사용하기 때문에 웹사이트 시장 점유율이 상당히 높습니다.

PHP개발환경은 XAMPP설치로 간단히 구축할 수 있습니다.

PHP가 웹사이트를 다 만드는 것은 아니고 웹서버와 DB와 함께 실행환경을 구축해야 웹사이트를 만들 수 있습니다. XAMPP ‘엑잠’을 설치하면 서버사이드에서 작동하는 아파치 웹서버, 마리아 DBMS, PHP와 펄 까지 한번에 다 설치합니다.

XAMPP설치

XAMPP설치

아래의 웹사이트에서 엑잠을 다운로드 받습니다. 특별한 이유가 없으면 최신버전을 설치합니다.

XAMPP 다운로드하러 가기

약 160메가 정도 되는 용량입니다. 다운로드가 완료되면 설치를 진행합니다.

설치옵션은 디폴트값으로 설치합니다.

설치 중 입니다.

완료되면 위와 같은 메시지를 볼 수 있습니다. XAMPP Control Panel 엑잠의 제어판을 열지 물어보는 것인데 바로 실행해봅니다.

아래의 제어판이 나오면 정상적 설치가 된 것입니다. 아파치부터 톰캣까지 잘 설치되어 있습니다. Action 열에 보면 Start Config 등이 있습니다. 엑잠 제어판은 아파치 서버를 통합관리할 수 있는 유용한 도구입니다.

Apache 모둘에서 Start 를 클릭하면 서버가 구동시작합니다. 이 상태에서 Admin을 클릭해보면 웹사이트가 하나 열립니다. 관리자 페이지로 주소에는 localhost/dashboard 로 나옵니다. 아파치 서버가 현재 로컬호스트의 서비스를 처리하고 있다는 것을 알 수 있습니다.

혹시나 포트 충돌이 일어나면 웹페이지가 작동이 안될 수 있습니다. 포트는 서버가 대기하는 전화번호 같은 것인데 클라이언트의 요청이 들어오면 포트 번호를 가지고 어떤 서비스가 처리할 지를 결정합니다.

기본은 80으로 설정되어 있습니다. 포트번호가 맞지 않는다면 Config 를 클릭하여 아래 이미지의 Listen 다음의 숫자를 수정하면 됩니다. 포트를 수정하면 로컬에서는 페이지를 열기위해서 웹의 주소에서 포트도 변경해야 하니 주의합니다.

아파치 Admin 에서 나온 웹페이지는 어디서 나왔을까요? 엑잠을 설치한 폴더의 htdocs 에 들어있습니다. 관리자 페이지는 dashboard 폴더안에 있습니다. 여기에 있는 파일들은 그냥 더블클릭으로 실행되는 것은 아니고 아파치 서버에 클라이언트가 요청해야 실행되는 파일입니다. 로컬호스트에 접속한 것도 아파치 서버에서 로컬 웹브라우저 보낸 웹페이지입니다.

PHP 파일을 하나 만들어서 테스트를 해보겠습니다.

helloworld.php 라는 파일을 다음 폴더에 생성합니다.

C:\xampp\htdocs\myWebsite\

PHP 파일을 아래와 같이 작성합니다. PHP 판 Hello World 입니다.

<?php
	echo "Hello World!";
?>

디렉토리에 접속하면 아래 아래의 화면을 볼 수 있습니다. php 파일을 클릭해서 Hello World 가 웹브라우저에 출력되면 성공입니다.

파일에는 PHP 코드가 들어있지만 실제 클라이언트에서는 HTML 태그로 보입니다. 서버에서 PHP 소스코드가 HTML에 출력 가능하도록 처리가 된 것 입니다.

PHP는 HTML 안에서 사용할 수도 있습니다. 아래와 같이 helloworld.php 파일을 변경합니다.

<!DOCTYPE html>
<html>
<head>
	<title>Nice PHP Page</title>
</head>
<body>
	<h1><?php echo 'Hello My Friend!'; ?></h1>
	<p>I am PHP!</p>

</body>
</html>

웹브라우저에서 잘 출력이 됩니다. 지금은 문자열을 사용했지만 PHP의 동적인 요소를 함께 사용하면 역동적인 웹사이트를 만들 수 있습니다.

브라우저의 마우스 우클릭 -> 검사를 누르면 PHP 코드가 브라우저에서는 HTML 로 바뀌어 있습니다. 서버에서 처리를 한 후 클라이언트에게 보낸 것 입니다.

요약

여기까지 XAMPP설치와 PHP 시작을 해봤습니다.

서버의 환경을 만들어야 개발을 시작할 수 있기 때문에 조금 복잡할 수 있습니다만.

XAMPP이 있기 때문에 어렵지 않게 설치할 수 있습니다.

다음 학습

외부참조문서

XAMPP설치 Tutorial: how to create your own local test server – IONOS

Leave a Comment