|
| 1 | +--- |
| 2 | +title: GitHub Pages 에 배포하기 |
| 3 | +description: GitHub Pages 에 배포하려면? |
| 4 | +--- |
| 5 | + |
| 6 | +<!-- title: GitHub Pages Deployment --> |
| 7 | +<!-- description: How to deploy Nuxt.js on GitHub Pages? --> |
| 8 | + |
| 9 | +<!-- # How to deploy on GitHub Pages? --> |
| 10 | + |
| 11 | +# GitHub Pages 에 배포하려면? |
| 12 | + |
| 13 | +<!-- Nuxt.js gives you the possibility to host your web application on any static hosting like [GitHub Pages](https://pages.github.com/) for example. --> |
| 14 | + |
| 15 | +Nuxt.js를 사용하면, 예를들어 [GitHub Pages](https://pages.github.com/)과 같은 정적호스팅 서비스에서 웹어플리케이션을 호스팅할 수 있습니다. |
| 16 | + |
| 17 | +<!-- To deploy on GitHub Pages, you need to generate your static web application: --> |
| 18 | + |
| 19 | +GitHub Pages에 배포하려면 정적 웹어플리케이션을 생성해야 합니다: |
| 20 | + |
| 21 | +```bash |
| 22 | +npm run generate |
| 23 | +``` |
| 24 | + |
| 25 | +<!-- It will create a `dist` folder with everything inside ready to be deployed on GitHub Pages hosting. --> |
| 26 | + |
| 27 | +이때 `dist` 폴더가 생성되는데, 그 안에 GitHub pages에 배포될 모든것이 들어가 있습니다. |
| 28 | + |
| 29 | +<!-- Branch `gh-pages` for project repository OR branch `master` for user or organization site --> |
| 30 | + |
| 31 | +프로젝트 리포지토리라면 `gh-pages` 브랜치, 사용자 혹은 조직 사이트라면 `master` 브랜치를 지정하세요. |
| 32 | + |
| 33 | +<!-- <p class="Alert Alert--nuxt-green"><b>INFO:</b> If you use a custom domain for your GitHub Pages and put `CNAME` file, it is recommended that CNAME file is put in the `static` directory. [More documentation](/guide/assets#static) about it.</p> --> |
| 34 | + |
| 35 | +<p class="Alert Alert--nuxt-green"><b>정보:</b> GitHub Pages에서 독립도메인을 사용하기 위해서 `CNAME` 화일을 사용한다면, `CNAME` 화일은 `static` 디렉토리에 위치시키는게 좋습니다. 자세한 내용은 [webpack에서 다루지 않는 정적 화일](/guide/assets#webpack-에서-다루지-않는-정적-화일)을 참고해 주세요.</p> |
| 36 | + |
| 37 | +<!-- ## Command line deployment --> |
| 38 | + |
| 39 | +## 커맨드라인에서 배포하기 |
| 40 | + |
| 41 | +<!-- You can also use [push-dir package](https://github.com/L33T-KR3W/push-dir): --> |
| 42 | + |
| 43 | +[push-dir package](https://github.com/L33T-KR3W/push-dir)를 사용하는 것도 가능합니다: |
| 44 | + |
| 45 | +<!-- First install it via npm: --> |
| 46 | + |
| 47 | +우선은 npm 으로 설치하세요: |
| 48 | + |
| 49 | +```bash |
| 50 | +npm install push-dir --save-dev |
| 51 | +``` |
| 52 | + |
| 53 | +<!-- Add a `deploy` command to your package.json with the branch as `gh-pages` for project repository OR `master` for user or organization site. --> |
| 54 | + |
| 55 | +`deploy` 커맨드를 package.json에 추가해 주세요. 브랜치는 프로젝트 리포지토리라면 `gh-pages` 브랜치를, 사용자 혹은 조직 사이트라면 `master` 브랜치를 지정해 주세요. |
| 56 | + |
| 57 | +```js |
| 58 | +"scripts": { |
| 59 | + "dev": "nuxt", |
| 60 | + "build": "nuxt build", |
| 61 | + "start": "nuxt start", |
| 62 | + "generate": "nuxt generate", |
| 63 | + "deploy": "push-dir --dir=dist --branch=gh-pages --cleanup" |
| 64 | +}, |
| 65 | +``` |
| 66 | + |
| 67 | +<!-- Then generate and deploy your static application: --> |
| 68 | + |
| 69 | +자, 정적 어플리케이션을 생성하고 배포하세요!: |
| 70 | + |
| 71 | +```bash |
| 72 | +npm run generate |
| 73 | +npm run deploy |
| 74 | +``` |
0 commit comments