|
1 | 1 | # Vue Plugins
|
2 | 2 |
|
3 |
| -electron-vue comes packed with the following `vue` plugins that can be installed during `vue-cli` scaffolding... |
| 3 | + |
| 4 | +electron-vue에는 `vue-cli`의 스캐폴딩 중 설치 할 수 있는 다음의 `vue` 플러그인이 포함되어 있습니다. |
4 | 5 |
|
5 | 6 | * [axios ](https://github.com/mzabriskie/axios)\(web requests\)
|
6 |
| -* [vue-electron](https://github.com/SimulatedGREG/vue-electron) \(attach electron APIs to Vue object\) |
7 |
| -* [vue-router](https://github.com/vuejs/vue-router) \(single page application routes\) |
8 |
| -* [vuex](https://github.com/vuejs/vuex) \(flux-inspired application architecture\) |
| 7 | +* [vue-electron](https://github.com/SimulatedGREG/vue-electron) \(Vue 객체에 붙은 electron APIs\) |
| 8 | +* [vue-router](https://github.com/vuejs/vue-router) \(단일 페이지 애플리케이션 라우트\) |
| 9 | +* [vuex](https://github.com/vuejs/vuex) \(유동적이고 직관적이며 정확한 애플리케이션 아키텍처\) |
9 | 10 |
|
10 | 11 | ---
|
11 | 12 |
|
12 | 13 | ### [`axios`](https://github.com/mzabriskie/axios)
|
13 | 14 |
|
14 |
| -> Promise based HTTP client for the browser and node.js |
| 15 | +> 브라우저와 Node.js를위한 Promise 기반의 HTTP 클라이언트 |
15 | 16 |
|
16 |
| -If you are familiar with `vue-resource`, then `axios` will feel very familiar as most of the API is nearly identical. You can easily import `axios` in your `main` process scripts or use with `this.$http` & `Vue.http` in the `renderer` process. Please note that during development you may run into issues with CORS since requests are passed through `webpack-dev-server`. As a small workaround, you can disable [`webSecurity`](https://electronjs.org/docs/api/browser-window#new-browserwindowoptions) within the BrowserWindow configuration, but please do remember to only disable this during development. Disabling this in production is highly not recommended and can create a serious security risk for your final application! |
| 17 | +`vue-resource`에 익숙하다면 대부분의 `axios` API가 거의 동일하기 때문에 익숙 할 것 입니다. `main` 프로세스 스크립트에서 `axios`을 쉽게 가져 오거나 `renderer` 프로세스에서 `this.$http` & `Vue.http`를 함께 사용할 수 있습니다. 개발 중에는 `webpack-dev-server`를 통해 요청이 전달되기 때문에 CORS 관련 이슈가 발생할 수 있음을 주의하세요. 작은 예비 수단으로 BrowserWindow configuration에서 [`webSecurity`](https://electronjs.org/docs/api/browser-window#new-browserwindowoptions)를 비활성화 할 수 있지만 개발 중에 비활성화하는 것을 잊미 마세요. 프로덕션에서 비활성화하는 것은 정말 권장하지 않습니다. 최종 애플리케이션에 심각한 보안 위험을 초래할 수 있습니다. |
17 | 18 |
|
18 | 19 | ### [`vue-electron`](https://github.com/SimulatedGREG/vue-electron)
|
19 | 20 |
|
20 |
| -> The vue plugin that attaches electron APIs to the Vue object, making them accessible to all components. |
| 21 | +> electron API를 Vue 객체에 덧붙여 모든 components에 액세스 할 수 있도록하는 vue 플러그인 |
21 | 22 |
|
22 |
| -A simple `vue` plugin that makes electron APIs easily accessible with`this.$electron`, no longer needing to import `electron` into every component necessary. |
| 23 | +`this.$electron`으로 electron APIs에 접근할 수 있게 만든 간단한 `vue` 플러그인, 더 이상 모든 컴포넌트에서 `electron`을 import할 필요가 없습니다. |
23 | 24 |
|
24 | 25 | ### [`vue-router`](https://github.com/vuejs/vue-router)
|
25 | 26 |
|
26 |
| -> `vue-router` is the official router for [Vue.js](http://vuejs.org/). It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze. |
| 27 | +> `vue-router`는 [Vue.js](http://vuejs.org/) 공식 라우터 입니다. Vue.js와 통합된 `vue-router`를 사용하여 단일 페이지 애플리케이션을 쉽게 만들 수 있습니다. |
27 | 28 |
|
28 |
| -The provided project structure should feel familiar to the setup provided in the official `vuejs-templates/webpack` boilerplate. |
| 29 | +제공되는 프로젝트 구조는 공식적으로 제공되는 `vuejs-templates/webpack` 보일러플레이트 설정과 비슷하기 때문에 낯설지 않을 것입니다. |
29 | 30 |
|
30 | 31 | ### [`vuex`](https://github.com/vuejs/vuex)
|
31 | 32 |
|
32 |
| -> Vuex is a **state management pattern + library **for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. |
33 |
| -
|
34 |
| -The provided project structure is rather bare but does encourage the use of `vuex`'s module pattern to help organize your data stores. The extra `@/store/modules/index.js` let's your `vuex` store import all modules in a one-shot manner. |
| 33 | +> Vuex는 Vue.js 애플리케이션을 위한 **상태 관리 패턴 + 라이브러리** 입니다. 애플리케이션의 모든 components에 대한 중앙 집중식 저장소 역할을 하며 상태는 예측 가능한 방식으로만 변경 될 수 있습니다. |
35 | 34 |
|
| 35 | +제공된 프로젝트 구조는 다소 모자라지만 `vuex` 모듈 패턴을 사용하여 데이터 저장소를 구성하는 데 도움이 됩니다. 특별한 `@/store/modules/index.js`로 `vuex` store에서 모든 모듈을 한 번에 가져와 봅시다. |
0 commit comments