Skip to content

Commit 660ceec

Browse files
ChangJoo-Parkkazupon
authored andcommitted
update Korean docs. (vuejs#1023)
* Translate vue-router in Korean. * Merge remote-tracking branch 'vuejs/dev' into dev # Conflicts: # docs/LANGS.md * update languages * update vue-router README * remove ko, using kr * update Korean * update readme * update README
1 parent 06803f2 commit 660ceec

14 files changed

+35
-37
lines changed

docs/kr/advanced/data-fetching.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
# 데이터 가져오기
22

3-
때로는 경로가 활성화될 때 서버에서 데이터를 가져와야 합니다. 예를 들어, 사용자 프로파일을 렌더링하기 전에 서버에서 사용자의 데이터를 가져와야 합니다. 우리는 두 가지 방법으로 이것을 사용 할 수 있습니다.
3+
때로는 라우트가 활성화될 때 서버에서 데이터를 가져와야 합니다. 예를 들어, 사용자 프로필을 렌더링하기 전에 서버에서 사용자의 데이터를 가져와야 합니다. 우리는 두 가지 방법을 사용할 수 있습니다.
44

5-
- **탐색 후 가져 오기**: 먼저 탐색을 수행하고 들어오는 컴포넌트의 라이프 사이클 훅에서 데이터를 가져옵니다. 데이터를 가져 오는 동안 로드 상태를 표시합니다.
5+
- **탐색 후 가져 오기**: 먼저 탐색하고 들어오는 컴포넌트의 라이프 사이클 훅에서 데이터를 가져옵니다. 데이터를 가져 오는 동안 로드 상태를 표시합니다.
66

7-
- **탐색하기 전에 가져 오기**: 라우트 입력 방어 네비게이션으로 들어가기 전에 데이터를 가져 오고 데이터를 가져온 후에 탐색을 수행합니다.
7+
- **탐색하기 전에 가져 오기**: 라우트 가드에서 경로를 탐색하기 전에 데이터를 가져오고 그 후에 탐색을 수행합니다.
88

99
엄밀히 말하면 두 가지 모두 유효한 선택입니다. 궁극적인 목표는 사용자 경험에 달려 있습니다.
1010

@@ -110,4 +110,4 @@ export default {
110110
}
111111
```
112112

113-
수신 뷰에 대해 리소스를 가져 오는 동안 사용자는 현재 뷰를 유지합니다. 따라서 데이터를 가져 오는 동안 진행률 표시 줄이나 일종의 표시기를 표시하는 것을 추천합니다. 데이터 가져 오기가 실패하면 일종의 전역 경고 메시지를 표시해야합니다.
113+
다음 뷰에 대한 리소스를 가져 오는 동안 사용자는 현재 뷰를 유지합니다. 따라서 데이터를 가져 오는 동안 진행률 표시줄이나 일종의 표시기를 표시하는 것을 추천합니다. 데이터 가져 오기가 실패하면 일종의 전역 경고 메시지를 표시해야합니다.

docs/kr/advanced/lazy-loading.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
번들러를 이용하여 앱을 제작할 때 JavaScript 번들이 상당히 커져 페이지로드 시간에 영향을 줄 수 있습니다. 각 라우트의 컴포넌트를 별도의 단위로 분할하고 경로를 방문할 때 로드하는 것이 효율적일 것입니다.
44

5-
Vue의 [비동기 구성 요소 기능](http://vuejs.org/guide/components.html#Async-Components) Webpack의 [코드 분할 기능](https://webpack.github.io/docs/code-splitting)을 결합합니다. 라우트 컴포넌트를 쉽게 불러올 수 있습니다.
5+
Vue의 [비동기 컴포넌트](http://vuejs.org/guide/components.html#Async-Components) Webpack의 [코드 분할](https://webpack.github.io/docs/code-splitting)을 결합합니다. 라우트 컴포넌트를 쉽게 불러올 수 있습니다.
66

77
라우트 컴포넌트를 비동기 컴포넌트로 정의하면됩니다.
88

@@ -21,7 +21,7 @@ AMD 스타일 요구 사항을 사용하는 또다른 코드 분할 구문도
2121
const Foo = resolve => require(['./Foo.vue'], resolve)
2222
```
2323

24-
경로 설정에서 아무것도 바꿀 필요가 없습니다. 보통 `Foo`만 사용하십시오.
24+
라우트 설정에서 아무것도 바꿀 필요가 없습니다. 보통 `Foo`만 사용하십시오.
2525

2626
``` js
2727
const router = new VueRouter({
@@ -31,7 +31,7 @@ const router = new VueRouter({
3131
})
3232
```
3333

34-
### 같은 묶음로 컴포넌트 그룹화하기
34+
### 같은 묶음으로 컴포넌트 그룹화하기
3535

3636
때로는 동일한 라우트 아래에 중첩된 모든 컴포넌트를 동일한 비동기 묶음으로 그룹화 할 수 있습니다. 이를 위해 우리는 세 번째 전달인자로 `require.ensure`에 묶음 이름을 제공하여 [이름을 가진 묶음](https://webpack.github.io/docs/code-splitting.html#named-chunks)을 사용해야합니다.
3737

@@ -41,4 +41,4 @@ const Bar = r => require.ensure([], () => r(require('./Bar.vue')), 'group-foo')
4141
const Baz = r => require.ensure([], () => r(require('./Baz.vue')), 'group-foo')
4242
```
4343

44-
Webpack은 동일한 묶음 이름을 가진 비동기 모듈을 같은 비동기 묶음으로 그룹화합니다. 이것은 또한`require.ensure`에 대한 종속성을 더 이상 명시 적으로 나열 할 필요가 없음을 의미합니다(따라서 빈 배열을 전달합니다).
44+
Webpack은 동일한 묶음 이름을 가진 비동기 모듈을 같은 비동기 묶음으로 그룹화합니다. 이것은 또한`require.ensure`에 대한 종속성을 더 이상 명시 적으로 나열할 필요가 없음을 의미합니다(따라서 빈 배열을 전달합니다).

docs/kr/advanced/meta.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ const router = new VueRouter({
2121
})
2222
```
2323

24-
그렇다면이 `메타`필드에 어떻게 접근합니까?
24+
그렇다면 이 `메타`필드에 어떻게 접근할까요?
2525

2626
첫째,`routes` 설정의 각 라우트 객체를 **라우트 레코드** 라고합니다. 라우트 레코드는 중첩 될 수 있습니다. 따라서 라우트가 일치하면 둘 이상의 라우트 레코드와 잠재적으로 일치 할 수 있습니다.
2727

docs/kr/advanced/navigation-guards.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55
### 전역 가드
66

7-
`router.beforeEach`를 사용하여 보호 이전에 전역 등록을 할 수 있습니다 :
7+
`router.beforeEach`를 사용하여 보호하기 이전에 전역 등록을 할 수 있습니다 :
88

99
``` js
1010
const router = new VueRouter({ ... })

docs/kr/advanced/scroll-behavior.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const router = new VueRouter({
1515
})
1616
```
1717

18-
`scrollBehavior` 함수는 `to``from` 라우트 객체를받습니다. 세 번째 전달인자 인 `savedPosition`은 브라우저의 뒤로/앞으로 버튼으로 트리거되는 `popstate` 네비게이션인 경우에만 사용할 수 있습니다.
18+
`scrollBehavior` 함수는 `to``from` 라우트 객체를받습니다. 세 번째 전달인자인 `savedPosition`은 브라우저의 뒤로/앞으로 버튼으로 트리거되는 `popstate` 네비게이션인 경우에만 사용할 수 있습니다.
1919

2020
이 함수는 스크롤 위치 객체를 반환 할 수 있습니다. 객체는 다음과 같은 형태 일 수 있습니다.
2121

docs/kr/advanced/transitions.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# 전환
22

3-
`<router-view>`는 본질적으로 동적인 컴포넌트이기 때문에 `<transition>` 컴포넌트를 사용하는 것과 같은 방식으로 전환 효과를 적용 할 수 있습니다.
3+
`<router-view>`는 본질적으로 동적인 컴포넌트이기 때문에 `<transition>` 컴포넌트를 사용하는 것과 같은 방식으로 전환 효과를 적용할 수 있습니다.
44

55
``` html
66
<transition>
@@ -54,4 +54,4 @@ watch: {
5454
}
5555
```
5656

57-
전체 예제는 [이 곳](https://github.com/vuejs/vue-router/blob/dev/examples/transitions/app.js)에 있습니다.
57+
전체 예제는 [여기](https://github.com/vuejs/vue-router/blob/dev/examples/transitions/app.js)에 있습니다.

docs/kr/essentials/dynamic-matching.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# 동적 라우트 매칭
22

3-
주어진 패턴을 가진 라우트를 동일한 컴포넌트에 매핑해야하는 경우가 자주 있습니다. 예를 들어 모든 사용자에 대해 렌더링되지만 다른 사용자 ID로 렌더링되어야하는 `User` 컴포넌트가 있을 수 있습니다. `vue-router`에서 우리는 경로에서 동적 세그먼트를 사용하여 다음을 할 수 있습니다.
3+
주어진 패턴을 가진 라우트를 동일한 컴포넌트에 매핑해야하는 경우가 자주 있습니다. 예를 들어 모든 사용자에 대해 동일한 레이아웃을 가지지만 하지만 다른 사용자 ID로 렌더링되어야하는 `User` 컴포넌트가 있을 수 있습니다. `vue-router`에서 우리는 경로에서 동적 세그먼트를 사용하여 다음을 할 수 있습니다.
44

55
``` js
66
const User = {
@@ -25,9 +25,9 @@ const User = {
2525
}
2626
```
2727

28-
실제 사용사례는 [이 곳](http://jsfiddle.net/yyx990803/4xfa2f19/)에 있습니다.
28+
실제 예제는 [여기](http://jsfiddle.net/yyx990803/4xfa2f19/)에 있습니다.
2929

30-
동일한 라우트에 여러개의 동적 세그먼트를 가질 수 있으며, `$route.params`의 해당 필드에 매핑됩니다.
30+
동일한 라우트에 여러 동적 세그먼트를 가질 수 있으며, `$route.params`의 해당 필드에 매핑됩니다.
3131

3232
예:
3333

@@ -36,7 +36,7 @@ const User = {
3636
| /user/:username | /user/evan | `{ username: 'evan' }` |
3737
| /user/:username/post/:post_id | /user/evan/post/123 | `{ username: 'evan', post_id: 123 }` |
3838

39-
`$route.params` 외에도 `$route` 객체는 `$route.query` (URL에 질의가있는 경우), `$route.hash` 등의 유용한 정보를 제공합니다. [API 레퍼런스](../api/route-object.md)에서 전체 세부 정보를 확인할 수 있습니다.
39+
`$route.params` 외에도 `$route` 객체는 `$route.query` (URL에 쿼리가 있는 경우), `$route.hash` 등의 유용한 정보를 제공합니다. [API 레퍼런스](../api/route-object.md)에서 전체 세부 정보를 확인할 수 있습니다.
4040

4141
### Params 변경 사항에 반응하기
4242

@@ -57,7 +57,7 @@ const User = {
5757

5858
### 고급 매칭 패턴
5959

60-
`vue-router`는 라우트 매칭 엔진으로 [path-to-regexp](https://github.com/pillarjs/path-to-regexp)를 사용하기 때문에 선택적 동적 세그먼트, 0개 이상/하나 이상의 요구 사항, 심지어 커스텀 정규식 패턴과 같은 많은 고급 매칭 패턴을 지원합니다. 이 고급 패턴들과`vue-router`에서 사용하는 [예제](https://github.com/vuejs/vue-router/blob/dev/examples/route-matching/app.js)에 대한 [문서](https://github.com/pillarjs/path-to-regexp#parameters)를 확인하십시오.
60+
`vue-router`는 라우트 매칭 엔진으로 [path-to-regexp](https://github.com/pillarjs/path-to-regexp)를 사용하기 때문에 선택적 동적 세그먼트, 0개 이상/하나 이상의 요구 사항, 심지어 커스텀 정규식 패턴과 같은 많은 고급 매칭 패턴을 지원합니다. 이 고급 패턴들과 `vue-router`에서 사용하는 [예제](https://github.com/vuejs/vue-router/blob/dev/examples/route-matching/app.js)에 대한 [문서](https://github.com/pillarjs/path-to-regexp#parameters)를 확인하십시오.
6161

6262
### 매칭 우선순위
6363

docs/kr/essentials/getting-started.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22

33
> 가이드의 샘플 코드는[ES2015](https://github.com/lukehoban/es6features)를 사용합니다.
44
5-
Vue.js + vue-router로 단일 페이지 응용 프로그램 만드는 것은 간단합니다. Vue.js를 통해 우리는 이미 컴포넌트로 애플리케이션을 구성하고 있습니다. vue-router를 추가 할 때, 우리가해야 할 일은 우리의 컴포넌트를 route에 매핑하고 vue-router가 어디서 렌더링할 지 지정하는 것입니다. 다음은 기본적인 예입니다.
5+
Vue.js와 vue-router로 단일 페이지 애플리케이션을 만드는 것은 간단합니다. Vue.js를 통해 우리는 이미 컴포넌트로 애플리케이션을 구성하고 있습니다. vue-router를 추가 할 때, 우리가해야 할 일은 우리의 컴포넌트를 route에 매핑하고 vue-router가 어디서 렌더링할 지 지정하는 것입니다. 다음은 기본적인 예입니다.
66

7-
> 모든 예제는 Vue의 독립형 버전을 사용하여 템플릿 구문 분석을 가능하게합니다. 자세한 내용은 [이 곳에](http://vuejs.org/guide/installation.html#Standalone-vs-Runtime-only-Build) 있습니다.
7+
> 모든 예제는 Vue의 독립형 버전을 사용하여 템플릿 구문 분석을 가능하게합니다. 자세한 내용은 [여기](http://vuejs.org/guide/installation.html#Standalone-vs-Runtime-only-Build) 있습니다.
88
99
### HTML
1010

docs/kr/essentials/history-mode.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
`vue-router`의 기본 모드는 _hash mode_ 입니다. URL 해시를 사용하여 전체 URL을 시뮬레이트하므로 URL이 변경될 때 페이지가 다시 로드 되지 않습니다.
44

5-
해시를 제거하기 위해 라우터의 **history 모드** 를 사용할 수 있습니다. `history.pushState` API를 활용하여 페이지를 다시 로드하지 않고도 URL 탐색을 할 수 있습니다 :
5+
해시를 제거하기 위해 라우터의 **history 모드** 를 사용할 수 있습니다. `history.pushState` API를 활용하여 페이지를 다시 로드하지 않고도 URL 탐색을 할 수 있습니다.
66

77
``` js
88
const router = new VueRouter({
@@ -13,9 +13,9 @@ const router = new VueRouter({
1313

1414
히스토리 모드를 사용하면 URL이 "정상"으로 보입니다. `http://oursite.com/user/id`. 멋집니다!
1515

16-
그러나 문제는 다음과 같습니다. 우리의 앱이 적절한 서버 설정이 없는 단일 페이지 클라이언트 앱이기 때문에 사용자가 직접 `http://oursite.com/user/id`액세스하면 404 오류가 발생합니다. 이 것은 잘못된 것입니다.
16+
그러나 문제는 다음과 같습니다. 우리의 앱이 적절한 서버 설정이 없는 단일 페이지 클라이언트 앱이기 때문에 사용자가 직접 `http://oursite.com/user/id`접속하면 404 오류가 발생합니다.
1717

18-
걱정하지 않아도됩니다. 문제를 해결하려면 서버에 간단하게 포괄적인 대체 경로를 추가하기 만하면됩니다. URL이 정적 애셋과 일치하지 않으면 앱이 있는 동일한 `index.html`페이지를 제공해야합니다.
18+
걱정하지 않아도됩니다. 문제를 해결하려면 서버에 간단하게 포괄적인 대체 경로를 추가하기만 하면됩니다. URL이 정적 에셋과 일치하지 않으면 앱이 있는 동일한 `index.html`페이지를 제공해야 합니다.
1919

2020
## 서버 설정 예제
2121

@@ -42,7 +42,7 @@ location / {
4242

4343
#### Node.js (Express)
4444

45-
Node.js/Express의 경우 [connect-history-api-fallback middleware](https://github.com/bripkens/connect-history-api-fallback)를 고려해보세요.
45+
Node.js/Express의 경우 [connect-history-api-fallback 미들웨어](https://github.com/bripkens/connect-history-api-fallback)를 고려해보세요.
4646

4747
## 주의 사항
4848

docs/kr/essentials/named-routes.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# 이름을 가지는 라우트
22

3-
때로는 라우트에 연결하거나 탐색을 수행 할 때 이름이 있는 라우트를 식별하는 것이 더 편리합니다. Router 인스턴스를 생성하는 동안 `routes` 옵션에 라우트를 지정할 수 있습니다.
3+
때로는 라우트에 연결하거나 탐색을 수행 할 때 이름이 있는 라우트를 사용하는 것이 더 편리합니다. Router 인스턴스를 생성하는 동안 `routes` 옵션에 라우트를 지정할 수 있습니다.
44

55
``` js
66
const router = new VueRouter({
@@ -28,4 +28,4 @@ router.push({ name: 'user', params: { userId: 123 }})
2828

2929
두 경우 모두 라우터는 `/user/123` 경로로 이동합니다.
3030

31-
전체 예제는 [이 곳](https://github.com/vuejs/vue-router/blob/dev/examples/named-routes/app.js)에 있습니다.
31+
전체 예제는 [여기](https://github.com/vuejs/vue-router/blob/dev/examples/named-routes/app.js)에 있습니다.

docs/kr/essentials/named-views.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,4 +25,4 @@ const router = new VueRouter({
2525
})
2626
```
2727

28-
예제의 작업 데모는 [이 곳](https://jsfiddle.net/posva/6du90epg/)에서 확인할 수 있습니다.
28+
예제는 [여기](https://jsfiddle.net/posva/6du90epg/)에서 확인할 수 있습니다.

docs/kr/essentials/navigation.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,13 @@
66

77
다른 URL로 이동하려면 `router.push`를 사용하십시오. 이 메소드는 새로운 항목을 히스토리 스택에 넣기 때문에 사용자가 브라우저의 뒤로 가기 버튼을 클릭하면 이전 URL로 이동하게된다.
88

9-
이것은 `<router-link>`를 클릭 할 때 내부적으로 호출되는 메서드이므로 `<router-link :to="...">`를 클릭하면 `router.push(...)`를 호출하는 것과 같습니다.
9+
이것은 `<router-link>`를 클릭 할 때 내부적으로 호출되는 메소드이므로 `<router-link :to="...">`를 클릭하면 `router.push(...)`를 호출하는 것과 같습니다.
1010

1111
| 선언적 방식 | 프로그래밍 방식 |
1212
|-------------|--------------|
1313
| `<router-link :to="...">` | `router.push(...)` |
1414

15-
전달인자는 문자열 경로 또는 로케이션 설명자 객체가 될 수 있습니다.
15+
전달인자는 문자열 경로 또는 로케이션 디스크립터 객체가 될 수 있습니다.
1616

1717
예:
1818

@@ -32,7 +32,7 @@ router.push({ path: 'register', query: { plan: 'private' }})
3232

3333
#### `router.replace(location)`
3434

35-
`router.push`와 같은 역할을 하지만 유일한 차이점은 새로운 히스토리 항목에 추가하지 않고 탐색한다는 것입니다. 이름에서 알 수 있듯이 현재 항목을 대체합니다.
35+
`router.push`와 같은 역할을 하지만 유일한 차이는 새로운 히스토리 항목에 추가하지 않고 탐색한다는 것입니다. 이름에서 알 수 있듯이 현재 항목을 대체합니다.
3636

3737
| 선언적 방식 | 프로그래밍 방식 |
3838
|-------------|--------------|

docs/kr/essentials/redirect-and-alias.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
### 리다이렉트
44

5-
리디렉션은 `routes` 설정에서도 수행됩니다. `/a`에서 `/b`로 리디렉션하려면
5+
리디렉션은 `routes` 설정에서도 할 수 있습니다. `/a`에서 `/b`로 리디렉션하려면
66

77
``` js
88
const router = new VueRouter({

docs/kr/installation.md

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,10 @@
55
[https://unpkg.com/vue-router/dist/vue-router.js](https://unpkg.com/vue-router/dist/vue-router.js)
66

77
<!--email_off-->
8-
[Unpkg.com](https://unpkg.com)은 NPM 기반 CDN 링크를 제공합니다. 위의 링크는 항상 NPM의 최신 릴리스를 가리 킵니다. `https://unpkg.com/[email protected]/dist/vue-router.js`같은 URL을 통해 특정 버전 / 태그를 사용할 수도 있습니다.
8+
[Unpkg.com](https://unpkg.com)은 NPM 기반 CDN 링크를 제공합니다. 위의 링크는 항상 NPM의 최신 릴리스를 가리킵니다. `https://unpkg.com/[email protected]/dist/vue-router.js`같이 URL을 통해 특정 버전 / 태그를 사용할 수도 있습니다.
99
<!--/email_off-->
1010

11-
Vue 다음에`vue-router`를 포함하면 자동으로 설치됩니다 :
11+
Vue 다음에 `vue-router`를 포함하면 자동으로 설치됩니다.
1212

1313
``` html
1414
<script src="/path/to/vue.js"></script>
@@ -21,7 +21,7 @@ Vue 다음에`vue-router`를 포함하면 자동으로 설치됩니다 :
2121
npm install vue-router
2222
```
2323

24-
모듈 시스템과 함께 사용하면 `Vue.use()`를 통해 명시적으로 라우터를 추가해야합니다.
24+
모듈 시스템에서 사용하면 `Vue.use()`를 통해 명시적으로 라우터를 추가해야합니다.
2525

2626
``` js
2727
import Vue from 'vue'
@@ -30,12 +30,10 @@ import VueRouter from 'vue-router'
3030
Vue.use(VueRouter)
3131
```
3232

33-
전역 스크립트 태그를 사용할 때는 이 작업을 수행 할 필요가 없습니다.
33+
전역 스크립트 태그를 사용할 때는 이 작업을 하지 않아도 됩니다.
3434

3535
### 개발용 빌드
3636

37-
You will have to clone directly from GitHub and build `vue-router` yourself if
38-
you want to use the latest dev build.
3937
최신 dev 빌드를 사용하고 싶은 경우 GitHub에서 직접 복제하고 `vue-router`를 직접 빌드 해야 합니다.
4038

4139
``` bash

0 commit comments

Comments
 (0)