Merge pull request #201 from niceplugin/guide/best-practices/production-deployment

guide/best-practices/production-deployment

Author: narusas

ko-KR/.vitepress/config.ts

@@ -248,10 +248,10 @@ export const sidebar = {
       ]
     },
     {
-      text: 'Best Practices',
+      text: '모범 사례',
       items: [
         {
-          text: '운영 배포',
+          text: '프로덕션 배포',
           link: '/guide/best-practices/production-deployment'
         },
         {

ko-KR/src/guide/best-practices/production-deployment.md

@@ -1,56 +1,56 @@
-:::warning 현재 이 문서는 번역 작업이 진행중입니다
-:::
+# 프로덕션 배포
 
-# Production Deployment
+## 개발(Development) vs. 프로덕션(Production)
 
-## Development vs. Production
+개발하는 동안 Vue는 개발 경험을 개선하기 위해 다음과 같은 여러 기능을 제공합니다:
 
-During development, Vue provides a number of features to improve the development experience:
+- 일반적인 오류 및 위험에 대한 경고
+- props/이벤트 유효성 검사
+- 반응성 디버깅 훅
+- Devtools 통합
 
-- Warning for common errors and pitfalls
-- Props / events validation
-- Reactivity debugging hooks
-- Devtools integration
+그러나 이러한 기능은 프로덕션에선 필요 없습니다.
+일부 경고 확인은 약간의 성능 오버헤드를 유발할 수도 있습니다.
+프로덕션에 배포할 때 더 작은 페이로드 크기와 더 나은 성능을 위해 사용되지 않는 개발 전용 코드 분기를 모두 삭제해야 합니다.
 
-However, these features become useless in production. Some of the warning checks can also incur a small amount of performance overhead. When deploying to production, we should drop all the unused, development-only code branches for smaller payload size and better performance.
+## 빌드 툴 없이
 
-## Without Build Tools
+CDN 또는 자체 호스팅 스크립트에서 로드하여 빌드 도구 없이 Vue를 사용하는 경우, 프로덕션에 배포할 때 프로덕션 빌드(`.prod.js`로 끝나는 dist 파일)를 사용해야 합니다.
+프로덕션 빌드는 모든 개발 전용 코드 분기가 제거된 상태로 미리 최소화됩니다.
 
-If you are using Vue without a build tool by loading it from a CDN or self-hosted script, make sure to use the production build (dist files that end in `.prod.js`) when deploying to production. Production builds are pre-minified with all development-only code branches removed.
+- 글로벌 빌드를 사용하는 경우(`Vue` 글로벌을 통해 액세스): `vue.global.prod.js`를 사용합니다.
+- ESM 빌드를 사용하는 경우(네이티브 ESM 가져오기를 통해 액세스): `vue.esm-browser.prod.js`를 사용합니다.
 
-- If using global build (accessing via the `Vue` global): use `vue.global.prod.js`.
-- If using ESM build (accessing via native ESM imports): use `vue.esm-browser.prod.js`.
+자세한 내용은 [dist 파일 가이드](https://github.com/vuejs/core/tree/main/packages/vue#which-dist-file-to-use)를 참조하세요.
 
-Consult the [dist file guide](https://github.com/vuejs/core/tree/main/packages/vue#which-dist-file-to-use) for more details.
+## 빌드 툴 사용
 
-## With Build Tools
+`create-vue`(Vite 기반) 또는 Vue CLI(webpack 기반)를 통해 스캐폴딩된 프로젝트는 프로덕션 빌드를 위해 사전 구성됩니다.
 
-Projects scaffolded via `create-vue` (based on Vite) or Vue CLI (based on webpack) are pre-configured for production builds.
+커스텀 설정을 사용하는 경우 다음을 확인하십시오:
 
-If using a custom setup, make sure that:
+1. `vue`는 `vue.runtime.esm-bundler.js`로 해결(resolves).
+2. [컴파일 시간 기능 플래그](https://github.com/vuejs/core/tree/main/packages/vue#bundler-build-feature-flags)가 올바르게 구성됨.
+3. <code>process.env<wbr>.NODE_ENV</code>는 빌드 중에 `"production"`으로 대체.
 
-1. `vue` resolves to `vue.runtime.esm-bundler.js`.
-2. The [compile time feature flags](https://github.com/vuejs/core/tree/main/packages/vue#bundler-build-feature-flags) are properly configured.
-3. <code>process.env<wbr>.NODE_ENV</code> is replaced with `"production"` during build.
+추가 참조:
 
-Additional references:
+- [Vite 프로덕션 빌드 가이드](https://vitejs.dev/guide/build.html)
+- [Vite 배포 가이드](https://vitejs.dev/guide/static-deploy.html)
+- [Vue CLI 배포 가이드](https://cli.vuejs.org/guide/deployment.html)
 
-- [Vite production build guide](https://vitejs.dev/guide/build.html)
-- [Vite deployment guide](https://vitejs.dev/guide/static-deploy.html)
-- [Vue CLI deployment guide](https://cli.vuejs.org/guide/deployment.html)
+## 런타임 오류 추적
 
-## Tracking Runtime Errors
-
-The [app-level error handler](/api/application.html#app-config-errorhandler) can be used to report errors to tracking services:
+[앱 수준 애러 핸들러](/api/application.html#app-config-errorhandler)를 사용하여 애러 보고를 추적 제공할 수 있습니다:
 
 ```js
 import { createApp } from 'vue'
 
 const app = createApp(...)
 
 app.config.errorHandler = (err, instance, info) => {
-  // report error to tracking services
+  // 애러 보고를 추적 제공
 }
 ```
 
-Services such as [Sentry](https://docs.sentry.io/platforms/javascript/guides/vue/) and [Bugsnag](https://docs.bugsnag.com/platforms/javascript/vue/) also provide official integrations for Vue.
+[Sentry](https://docs.sentry.io/platforms/javascript/guides/vue/) 및 [Bugsnag](https://docs.bugsnag.com/platforms/javascript/vue/)와 같은 서비스도 Vue에 대한 공식 통합을 제공합니다.