Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ko/api/configuration-dev #64

Merged
merged 3 commits into from
Apr 22, 2017
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
63 changes: 63 additions & 0 deletions ko/api/configuration-dev.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
---
title: "API: dev 프로퍼티"
description: 개발 모드, 프로덕션 모드 정의하기.
---

# dev 프로퍼티

- 타입: `Boolean`
- 기본값: `true`

> nuxt.js에서 개발 모드, 프로덕션 모드 정의하기.

[nuxt commands](/guide/commands)에 의해 프로퍼티가 덮어씌워집니다:
- `dev`는 `nuxt`에 의해 `true`값이 강제로 적용됩니다.
- `dev`는 `nuxt build`, `nuxt start`, `nuxt generate` 명령어로 강제로 `false`가 됩니다.

이 프로퍼티는 [nuxt.js programmatically](/api/nuxt)를 사용할 때 사용됩니다.:

예제:

`nuxt.config.js`
```js
module.exports = {
dev: (process.env.NODE_ENV !== 'production')
}
```

`server.js`
```js
const Nuxt = require('nuxt')
const app = require('express')()
const port = process.env.PORT || 3000

// Nuxt.js를 옵션으로 인스턴스화 합니다.
let config = require('./nuxt.config.js')
const nuxt = new Nuxt(config)
app.use(nuxt.render)

// 개발 모드에서만 사용되는 빌드입니다.
if (config.dev) {
nuxt.build()
.catch((error) => {
console.error(error)
process.exit(1)
})
}

// Listen the server
app.listen(port, '0.0.0.0')
console.log('Server listening on localhost:' + port)
```

`package.json` 파일입니다:
```json
{
"scripts": {
"dev": "node server.js",
"build": "nuxt build",
"start": "cross-env NODE_ENV=production node server.js"
}
}
```
주의: 예제를 사용하기 위해 `npm install --save-dev cross-env` 명령어가 필요할 것입니다. 만약 당신이 윈도우에서 개발하지 *않는다면* cross-env를 `start` 스크립트에서 제외하고 `NODE_ENV`에 설정할 수 있습니다.
41 changes: 41 additions & 0 deletions ko/api/pages-validate.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
---
title: "API: 유효성 검증된 메서드"
description: Nuxt.js는 당신의 동적 route 컴포넌트 안에서 유효성 검증 메서드를 정의합니다.
---

# 유효성 검사 메서드

> Nuxt.js는 당신의 동적 route 컴포넌트 안에서 유효성 검증 메서드를 정의합니다.

- **타입:** `Function`

```js
validate({ params, query, store }) {
return true // params가 유효할 경우.
return false // 반대인 경우, Nuxt.js는 route 랜더를 멈추고 에러 페이지를 노출시킬 것입니다.
}
```

Nuxt.js는 당신의 동적 route 컴포넌트 안에서 유효성 검증 메서드를 정의합니다 (예제: `pages/users/_id.vue`).

유효성 검사에서 `true`가 나오지 않을 경우, Nuxt.js는 자동으로 404 에러 페이지를 로드합니다.

```js
export default {
validate ({ params }) {
// 숫자만 가능합니다.
return /^\d+$/.test(params.id)
}
}
```

당신의 [store](/guide/vuex-store)된 데이터를 검사하는 예제를 봅시다. ([nuxtServerInit action](/guide/vuex-store#the-nuxtserverinit-action) 기능이 나오기 전 예제):

```js
export default {
validate ({ params, store }) {
  // `params.id` 항목이 존재한다면 검사합니다.
  return store.state.categories.some((category) => category.id === params.id)
}
}
```
2 changes: 1 addition & 1 deletion ko/examples/auth-routes.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: 인증 경로
description: Nuxt.js로 인증된 경로 예제
description: Nuxt.js를 사용한 인증 경로 예제
github: auth-routes
livedemo: https://nuxt-auth-routes.gomix.me
liveedit: https://gomix.com/#!/project/nuxt-auth-routes
Expand Down