XAMPP, PhpStorm, Hello World 출력하기

개요

XAMPP을 이용하여 PHP 로컬 개발환경을 구성하고 PhpStorm에 연동하여 프로젝트를 작성하는 방법을 소개하고자 한다. PhpStorm 구매 및 설치 글은 이 글을 참고한다.

XAMPP 설치

• XAMPP는 PHP 실행에 필요한 Apache, PHP(5 또는 7), MySQL 등을 한 방에 설치해주는 툴이다. 여기에서 자신이 사용할 PHP 버전에 일치하는 XAMPP를 다운로드 및 설치한다.
• XAMPP의 과거 1.x.x 버전은 PHP 버전과 일치하지 않아 혼동이 있을 수 있다. 여기를 참고한다.
• 설치시 기본 경로는 C:\xampp이다. 한 PC에 여러 버전의 XAMPP를 설치하고자 할 경우 경로를 변경하면 된다. 설치 후에 경로를 변경할 경우 반드시 \setup_xampp.bat를 실행하여 각 서비스에 적용된 절대 경로를 초기화해 주어야 한다.

XAMPP 환경설정

• XAMPP의 설치가 완료되면 XAMPP Control Panel이 실행된다. 모든 서비스의 시작, 종료, 환경설정은 이 프로그램을 통해 이루어진다. 프로그램 속성에서 관리자 권한으로 이 프로그램 실행을 체크한다.
• 위 제어판을 이용해 각 서비스의 환경설정을 한 곳에서 관리할 수 있는데 편집할 에디터 프로그램을 지정할 수 있다. 만약 Notepad++ 사용자라면 Config → Editor: C:\Program Files\Notepad\notepad.exe와 같이 지정하면 된다.
• XAMPP의 PHP 인터프리터 경로는 C:\xampp\php\php.exe, 문서 경로는 C:/xampp/htdocs이다. IDE 연동시 필요한 정보이다.

PhpStorm 연동하기

• XAMPP와 연동할 새 프로젝트를 생성해보자. php-hello-world라는 디렉토리를 생성하고 PhpStorm을 실행한다. (커맨드 창에서 phpstorm64 .를 실행한다.)
• 아래 순서대로 XAMPP 연동 정보를 설정한다.

# PHP 구동 환경을 설정한다.
File → Settings → Language & Frameworks
→ PHP → PHP language level: 7.1
→ CLI Interpreter → ... → + → Local Path to Interpreter → Name: PHP 7.1.1 → PHP executable: C:\xampp\php\php.exe → OK

# 로컬 배포 환경을 설정한다.
File → Settings → Build, Execution, Deployment
→ Deployment → + → XAMPP Apache → Type: Local or mounted folder → OK
→ Folder: C:\xampp\htdocs → Mappings → Local path: C:\Project\php-hello-world 
→ Deployment path on server 'XAMPP Apache 2.4.25': php-hell-world → Web path on server `XAMPP Apache 2.4.25`: php-hello-world

# 파일이 갱신되면 자동으로 배포되도록 설정한다.
File → Settings → Build, Execution, Deployment 
→ Deployment → Options -> Upload changed files automatically to the default server: On explicit save action (Ctrl + S) -> OK

Hello World 출력하기

• 연동 정보 설정이 완료되었으면 프로젝트 루트에 index.php를 생성하고 아래와 같이 작성한다.

<?php
echo "Hello, World!";

• 이제 Ctrl + Shift + F10 단축키를 실행하여 브라우저에 Hello, World!가 출력된 것을 확인할 수 있다.

참고 글

• Installing and Configuring XAMPP with PhpStorm IDE