diff --git a/src/about/team/members-core.json b/src/about/team/members-core.json index 1074a565..86a2ed13 100644 --- a/src/about/team/members-core.json +++ b/src/about/team/members-core.json @@ -111,30 +111,24 @@ { "name": "Jinjiang", "title": "Developer", + "company": "Bit", + "companyLink": "https://bit.dev", "projects": [ { - "label": "cn.vuejs.org", - "url": "https://cn.vuejs.org" - }, - { - "label": "vue-a11y-utils", - "url": "https://github.com/jinjiang/vue-a11y-utils" - }, - { - "label": "vue-mark-display", - "url": "https://github.com/jinjiang/vue-mark-display" + "label": "vuejs-translations", + "url": "https://github.com/vuejs-translations" }, { - "label": "mark2slides", - "url": "https://github.com/jinjiang/mark2slides" - }, - { - "label": "vue-keyboard-over", - "url": "https://github.com/jinjiang/vue-keyboard-over" + "label": "cn.vuejs.org", + "url": "https://cn.vuejs.org" } ], "location": "Singapore", "languages": ["Chinese", "English"], + "website": { + "label": "jinjiang.me", + "url": "http://jinjiang.me" + }, "socials": { "github": "jinjiang", "twitter": "zhaojinjiang" diff --git a/src/guide/essentials/template-syntax.md b/src/guide/essentials/template-syntax.md index 1c501c4d..27ec6b0d 100644 --- a/src/guide/essentials/template-syntax.md +++ b/src/guide/essentials/template-syntax.md @@ -239,7 +239,7 @@ Vue 템플릿에서 JavaScript 표현식은 다음과 같은 위치에 사용할 ... - + ... ``` 이 예에서 `eventName`의 값이 `"focus"`인 경우, `v-on:[eventName]`은 `v-on:focus`와 같습니다. diff --git a/src/guide/extras/ways-of-using-vue.md b/src/guide/extras/ways-of-using-vue.md index 68d783bd..4ce3685a 100644 --- a/src/guide/extras/ways-of-using-vue.md +++ b/src/guide/extras/ways-of-using-vue.md @@ -80,4 +80,5 @@ Vue는 주로 웹 앱을 구축하기 위해 설계되었지만, - [Electron](https://www.electronjs.org/) 또는 [Tauri](https://tauri.app)로 데스톱 앱 생성. - [Ionic Vue](https://ionicframework.com/docs/vue/overview)로 모바일 앱 생성. - 동일한 코드를 기반으로 [Quasar](https://quasar.dev/)를 사용하여 데스크톱 및 모바일 앱 생성. -- Vue의 [Custom Renderer API](/api/custom-renderer)를 사용하여 [WebGL](https://troisjs.github.io/) 또는 [터미널](https://github.com/ycmjason/vuminal)을 대상으로 하는 커스텀 렌더러를 생성할 수 있습니다! +- 3D WebGL 체험을 [TresJS](https://tresjs.org/)로 구축하세요. +- Vue의 [Custom Renderer API](/api/custom-renderer)를 사용하여 [터미널](https://github.com/vue-terminal/vue-termui)과 같은 커스텀 렌더러를 구축하세요! diff --git a/src/translations/index.md b/src/translations/index.md index 3cd59336..97a8198a 100644 --- a/src/translations/index.md +++ b/src/translations/index.md @@ -19,6 +19,7 @@ aside: false ## Work in Progress Languages {#work-in-progress-languages} - [فارسی / Persian](https://fa.vuejs.org/) [[source](https://github.com/vuejs-translations/docs-fa)] +- [Čeština / Czech](https://cs.vuejs.org/) [[source](https://github.com/vuejs-translations/docs-cs)] ## 번역 시작하기 {#starting-a-new-translation} diff --git a/src/tutorial/src/step-1/description.md b/src/tutorial/src/step-1/description.md index 66f09c88..f857f7a7 100644 --- a/src/tutorial/src/step-1/description.md +++ b/src/tutorial/src/step-1/description.md @@ -2,41 +2,52 @@ Vue 튜토리얼에 온 것을 환영합니다. -이 튜토리얼의 목표는 브라우저에서 빠르고 쉽게 Vue 사용 경험을 제공하는 것입니다. -포괄적인 것을 목표로 하지 않으므로 계속 진행하기 전에 모든 것을 이해할 필요가 없습니다. -그러나 완료한 후에는 각 주제에 대해 자세히 설명하는 가이드를 읽어봅시다. +이 튜토리얼의 목표는 브라우저에서 빠르고 쉽게 Vue 사용 경험을 제공하는 것입니다. 포괄적인 것을 목표로 하지 않으므로 계속 진행하기 전에 모든 것을 이해할 필요가 없습니다. 그러나 완료한 후에는 각 주제에 대해 자세히 설명하는 가이드를 읽어봅시다. ## 전제 조건 {#prerequisites} -이 튜토리얼에서는 HTML, CSS 및 JavaScript에 대한 기본적인 지식이 있다고 가정합니다. -프론트엔드 개발을 처음하는 경우, 첫 번째 단계로 프레임워크로 바로 뛰어드는 것이 좋은 생각이 아닐 수 있습니다. -기초를 갖춘 다음 다시 돌아오세요! -다른 프레임워크를 사용해본 경험이 도움이 될 수 있지만 필수는 아닙니다. +이 튜토리얼에서는 HTML, CSS 및 JavaScript에 대한 기본적인 지식이 있다고 가정합니다. 프론트엔드 개발을 처음하는 경우, 첫 번째 단계로 프레임워크로 바로 뛰어드는 것이 좋은 생각이 아닐 수 있습니다. 기초를 갖춘 다음 다시 돌아오세요! 다른 프레임워크를 사용해본 경험이 도움이 될 수 있지만 필수는 아닙니다. ## 이 튜토리얼을 사용하는 방법 {#how-to-use-this-tutorial} -오른쪽에서 코드를 편집하고 즉시 업데이트된 결과물을 볼 수 있습니다. -각 단계는 Vue의 핵심 기능을 소개하며, 데모가 작동하도록 코드를 완성해야 합니다. -막히면 작동하는 코드를 보여주는 "보여줘!" 버튼이 표시됩니다. -하지만 그것에 너무 의존하지 맙시다. -스스로 알아내면 더 빨리 배울 수 있습니다. +오른쪽에서 코드를 편집하고 즉시 업데이트된 결과물을 볼 수 있습니다. 각 단계는 Vue의 핵심 기능을 소개하며, 데모가 작동하도록 코드를 완성해야 합니다. 막히면 작동하는 코드를 보여주는 "보여줘!" 버튼이 표시됩니다. 하지만 그것에 너무 의존하지 맙시다. 스스로 알아내면 더 빨리 배울 수 있습니다. -Vue 2 또는 다른 프레임워크에서 온 숙련된 개발자라면 이 튜토리얼을 최대한 활용하기 위해 조정할 수 있는 몇 가지 설정이 있습니다. -초보자라면 기본값을 사용하는 것이 좋습니다. +Vue 2 또는 다른 프레임워크에서 온 숙련된 개발자라면 이 튜토리얼을 최대한 활용하기 위해 조정할 수 있는 몇 가지 설정이 있습니다. 초보자라면 기본값을 사용하는 것이 좋습니다.
튜토리얼 설정 세부 사항 -- Vue는 옵션 API와 컴포지션 API의 두 가지 API 스타일을 제공합니다. - 이 튜토리얼은 두 스타일 모두에서 작동하도록 설계되었습니다. - 상단의 API 스타일 설정 스위치를 사용하여 원하는 스타일을 선택할 수 있습니다. - API 스타일에 대해 자세히 알아보기 +- Vue는 옵션 API와 컴포지션 API의 두 가지 API 스타일을 제공합니다. 이 튜토리얼은 두 스타일 모두에서 작동하도록 설계되었습니다. 상단의 API 스타일 설정 스위치를 사용하여 원하는 스타일을 선택할 수 있습니다. API 스타일에 대해 자세히 알아보기 -- SFC 또는 HTML 모드로 전환할 수도 있습니다. - 전자는 대부분의 개발자가 빌드 과정에서 Vue를 사용할 때 사용하는 싱글 파일 컴포넌트(SFC) 형식의 코드 예제를 보여줍니다. - HTML 모드는 빌드 과정 없이 사용법을 보여줍니다. +- SFC 또는 HTML 모드로 전환할 수도 있습니다. 전자는 대부분의 개발자가 빌드 과정에서 Vue를 사용할 때 사용하는 싱글 파일 컴포넌트(SFC) 형식의 코드 예제를 보여줍니다. HTML 모드는 빌드 과정 없이 사용법을 보여줍니다. + +
+ +:::tip +자체 애플리케이션에서 빌드 단계 없이 HTML 모드를 사용하려는 경우, 다음 중 하나를 변경하여 임포트하세요: + +```js +import { ... } from 'vue/dist/vue.esm-bundler.js' +``` + +스크립트 내부에서, 또는 빌드 도구를 구성하여 `vue`를 적절히 해석하도록 합니다. [Vite](https://vitejs.dev/)에 대한 샘플 구성: + +```js +// vite.config.js +export default { + resolve: { + alias: { + vue: 'vue/dist/vue.esm-bundler.js' + } + } +} +``` + +자세한 내용은 [도구 가이드의 해당 섹션](/guide/scaling-up/tooling.html#note-on-in-browser-template-compilation)을 참조하세요. +::: + +
-준비 됐나요? -"다음"을 클릭하여 시작합시다. +준비 됐나요? "다음"을 클릭하여 시작합시다.