1. 윈도우에서 php 개발을 하기 위한 환경 세팅

1. vs code, xampp 설치

 

 

[설치할 프로그램]

- vs code ( 내 버전은 1.67.2 ) 

- xampp https://www.apachefriends.org/download

 

 

설치할 프로그램	다운로드 링크
vs code	https://code.visualstudio.com/download
xampp	https://www.apachefriends.org/download

 

 

php 개발은 리눅스 기반이라 윈도우에서 개발하기 위해서는 xampp 라는

가상으로 리눅스 개발환경을 만들어주는 툴을 사용한다.

 

 

2. xampp control (panel) 실행

 

xampp 설치가 끝나면 xampp Control Panel(컨트롤 패널)에서 서버를 실행해 줄 것인데,

설치가 끝나고 자동으로 실행을 눌렀다면 저절로 패널이 뜨지만

만약 자동으로 Control Panel 실행을 체크 해제했을 경우 직접 실행해주면 된다.

경로는 xampp를 설치한 디렉토리 폴더의 xampp 폴더 안에 있는 xampp-control.exe 이다. 

 

 

 

 

 

이제 control 패널이 열리면 Apache와 MySQL 이 있는 줄에서 Start를 눌러준다.

(Start 된 상태에서는 버튼이 stop으로 바뀐다.)

정상적으로 구동되면 Module의 Apache 와 MySQL의 배경이 초록색으로 바뀐다.

 

 

 

 

 

 

4. 웹 브라우저 주소창에 localhost 입력해보기

 

저렇게 초록불이 뜬 상태에서 크롬 브라우저를 키고 주소창에 localhost 를 입력해

아래 페이지를 본다면 성공적으로 서버 연동이 된 것이다.

 

 

 

 

 

5. htdocs 폴더 찾기

여기까지 이상없이 진행되었다면 xampp 폴더를 훑어보자.

xampp 설치를 완료하면 설치한 디렉토리 내에 xampp라는 폴더가 생기는데,

xampp 폴더 안에 있는 htdocs 라는 폴더가 최상위 폴더(ROOT)에 해당한다.

 

 

 

 

즉 htdocs 폴더 안에 index.html 이나 index.php 파일을 두게 되면 

주소창에 localhost 입력시 바로 보이는 페이지가 된다.

(index.php 혹은 index.html은 기본적으로 처음 뜨는 페이지로 설정되어 있기 때문)

 

 

 

xampp 설치를 하면 최상위폴더인 htdocs에는 index.php를 포함하여

기본적인 폴더 들이 구성이 이미 되어있는데,

모두 삭제해주고 새롭게 index.php 부터 만들어 작업하면 된다.

 

 

6. vs code 에서 열어서 php 파일 작업하기

삭제가 끝나고 htdocs 폴더가 텅텅 빈 상태에서 여백을 오른쪽 클릭을 한 뒤 

vs code로 열기를 클릭하여 폴더 자체를 vs code로 열어준다.

(파일을 여는 것이 아니라 폴더를 여는것임)

폴더로 열기 옵션이 없다면 vscode 프로그램을 실행한 후,

상단 메뉴에서 파일 -> 폴더 열기 (ctrl K+ ctrl O) - > 폴더 경로를 설정(보통 C드라이브 > xampp > htdocs 폴더) 

해주면 된다.

 

vs code에 이렇게 HTDOCS 폴더명이 보이면 그 아래에 대고 오른쪽 마우스 클릭해서 새 파일 생성.

index.php라고 입력하여 php 파일을 생성해준다.

이 파일안에 작업하는 내용이 이제 주소창에 localhost를 입력하면 보이는 내용이 되는 것이다.