php를 이용한 웹사이트 만들기 첫번째 편!

안녕하세요 이제부터 php 와 wampserver 그리고 코드이그나이터를 이용한 

웹 사이트 구축에 대해 차근차근 진행해 보려고 합니다 . 사실 저도 잘 모르는게 많기 때문에 

포스팅 하면서 복습? 아닌 복습을 하면서 좀 더 개념에 대해 다가가고자 하는 부분도 있답니다 ^^

우선 로컬호스트를 연결해서 서버를 가상으로 구성해야 하니 

wampserver 부터 설치하셔야 해요

http://www.wampserver.com/en/

wampserver 는 이곳에서 받으실 수 있고 윈도우 운영체제에 따라 다운로드 후 설치해 주시구요

설치 경로는 왠만하면 바꾸지 말고 진행해 주세요~

설치가 완료되시면 

위 경로로 이동하셔서 httpd-vhosts.conf  파일을 열어주세요 

메모장으로 열면 보기 힘드니 에디트플러스 같은 프로그램으로 열어주셔야

잘 볼수 있어야 워드로 열어도 잘 보이더군요

열으시면 보이시는 것처럼 세팅해주세요

서버네임은 기본 localhost로

루트와 디렉토리는 앞으로 개발하면서 사용하실 폴더를 걸어주세요

제가 루트와 설정한 폴더 입니다.

index.html 하나 만들어서 그냥 넣어주엇습니다.

이렇게 하시고 wampserver를 실행하시면 하단 트레이 아이콘이

빨간 > 주황 > 녹색 으로 변할거에요

녹색이면 서버가 활성화 된 상태이구요

주황이면 세팅에 문제가 있는거니 이부분은 나중에 다룰께요

대게 주황불일때는 다른 AMP 던가 아파치가 실행중이던가 할때 발생하더라구요

루트와 디렉토리가 일치하지않아도 발생하구요.

이제 개발 프로그램을 받아볼까요? 

대게 잘 모르시는 분들은 에디트플러스로 하시는데 여간 작업하기 까다롭고 불편한게

아니에요 추천해드리는 프로그램은 aptana studio 입니다. 

http://www.aptana.com/products/studio3/download

이곳에서 받으실 수 있어요 설치 하시고 실행하시면 

처음 나오는 workspace 는 그냥 확인 누르시구요

왼쪽 프로젝트에서 만드셧던 디렉토리에서 작업이 가능해져요

새로운 html 이나 css, js 생성은 폴더 우클릭 new from template 에서 

추가할수 있어요.

전 인덱스가 있어서 test.html을 만들어 보았구요

위 이미지처럼 나온다면 서버세팅은 완료하신거에요~

이제부턴 로컬 개발환경에서 개발을 진행하실 준비가 된거라고 보시면되요!

다음 편에서 계속할게요~