Gulp Setting & XAMPP Setting

Gulp Setting

• nodejs 설치

• gulp 설치 : git bash 설치 후 사용하면 편리합니다.

npm install --global gulp-cli

• package installation (package.json)

npm install

• 이미지 제외한 나머지만 빌드

gulp buildcode

• 이미지만 빌드

gulp img

• watch만 실행

gulp watch

• build만 실행

gulp build

• 처음 clone 후에는 gulp build 를 실행하고, 다음부터는 gulp watch를 실행하면, 빠릅니다.
  gulp watch 실행 전에 소스코드를 pull 했다면, 반드시 gulp build를 실행 해야 합니다.

XAMPP Setting

• Local 에서 PHP를 사용하기 위해 XAMPP를 다운로드 받습니다. (가급적 PHP 7버전 사용)

• 설치 시, Server > Apache 와 Program Language > PHP 만 체크하고, 설치 폴더 변경 후 (D:/xampp 추천) 설치합니다.

• 설치가 끝나면 XAMPP를 실행 하고, Apache > Config > httpd.conf 를 클릭하여 파일을 열어주세요.

• 메모장이 열리면 'Listen'으로 검색해서 해당 영역에 아래와 같이 추가한 후 저장합니다.

Listen 08(지정 호스트 번호)

• XAMPP의 'Apache > Config > [APache] 를 클릭합니다.

• 윈도우 탐색기가 열리면, ./conf/extra 폴더로 들어가서 httpd-vhosts.conf 파일을 텍스트 에디터로 열어주세요.

• 하단에 다음 텍스트를 붙여 넣고 저장합니다.(서버마다 이메일, 폴더경로, 호스트번호가 다름)

<VirtualHost *:08>
ServerAdmin 이메일
DocumentRoot "D:/dist폴더 경로"
ServerName localhost
ServerAlias localhost
<Directory D:/dist폴더 경로>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
Order allow,deny
Allow from all
Require all granted
</Directory>
ErrorLog "logs/localhost-error.log"
CustomLog "logs/localhost-access.log" combined
</VirtualHost>

• 해당 파일을 저장한 후 닫고, XAMPP에서 Apache > Start 를 클릭합니다.

• 모든 셋팅 완료 후, 브라우저에서 http://localhost:08 로 접속합니다.