practice-klpda/README.md

# publisingTemplate

### 초기 세팅
초기 세팅시 npm 또는 yarn 을 이용한 의존패키지 설치가 필요합니다.   
다음의 명령어를 입력하여 의존패키지를 먼저 설치해 주세요.   
<code>npm install</code>   
또는   
<code>yarn install</code>   
※ 가급적 yarn 을 사용하길 권장합니다. 
   
### 폴더 구조
```
+-- dist                # 배포용 폴더   
+-- src                 # 소스 폴더
|   +-- html            # HTML 소스 폴더
|   |   +-- include     # HTML 소스에 Include 해서 사용할 파일들을 넣어놓는 폴더   
|   +-- js              # Javascript 소스 폴더
|   +-- scss            # Sass 소스 폴더
|   +-- icons           # Sprite 소스 폴더
+-- .gitignore
+-- gulpfile.js
+-- package.json
+-- README.md
+-- source.info.json    # Gulp 사용시 소스디렉토리 설정 파일
```
- 패킹이 완료된 파일은 배포용폴더 /dist 에 자동으로 파일이 생성됩니다.   
- source.info.json 파일에서 패킹할 파일을 정의하거나 디렉토리를 지정할 수 있습니다.   
- src/html/include 에 들어있는 파일은 HTML 패킹시 파일을 생성하지 않습니다.

### GULP 명령어
```
gulp                # 전체 패키징을 처리합니다.
gulp html           # HTML 파일 패킹을 처리합니다.
gulp scss:compile   # sass 패킹을 처리합니다.
gulp js:compile     # javascript 패킹을 처리합니다.
gulp sprite         # Sprite 패킹을 처리합니다.
gulp watch          # 파일변경을 감지하여 자동으로 패킹을 처리합니다. (추천)
```

### 포함된 플러그인
FontAwesome Pro 5.13.0 (http://fontawesome.io)