Translate comment and fixed translate document with @ChangJoo-Park's feedback.

Author: kciter

docs/ko/README.md

@@ -16,7 +16,7 @@
 
 한 마디로 Webpack과 `vue-loader`의 결합은 Vue.js 어플리케이션을 제작하기위한 현대적이고 유연하며 매우 강력한 작업환경을 제공합니다.
 
-### Webpack이 뭔가요?
+### Webpack이 무엇인가요?
 
 이미 Webpack에 익숙하다면 이 설명을 건너뛰어도 됩니다. 하지만 Webpack을 처음 사용하는 사람들에게는 다음과 같은 간단한 소개를 읽어보세요.
 
@@ -28,10 +28,10 @@
 
 여기서 Webpack은 묶는일 외에도 더 많은 일을 할 수 있습니다. "로더들"을 사용하면 최종 Bundle(묶음)을 출력하기 전에 원하는 방식으로 모든 유형의 파일을 변환할 수 있도록 Webpack에 지시할 수 있습니다. 몇 가지 예를 봅시다.
 
-- ES2015 또는 CoffeeScript, TypeScript 모듈을 ES5 CommonJS 모듈로 변환
-- Optionally you can pipe the source code through a linter before doing the compilation;
-- Jade 템플릿을 일반 HTML로 변경하고 Javascript 문자열로 반환합니다.
-- SASS 파일을 일반 CSS로 변환한 다음 CSS를 `<style>` 태그로 삽입하는 Javascript 스니펫으로 변환합니다.
+- ES2015 또는 CoffeeScript, TypeScript 모듈을 ES5 CommonJS 모듈로 변환할 수 있습니다.
+- 선택 사항으로 컴파일 전에 linter를 이용하여 소스 코드를 연결 할 수 있습니다.
+- Jade 템플릿을 일반 HTML로 변경하고 JavaScript 문자열로 반환합니다.
+- SASS 파일을 일반 CSS로 변환한 다음 CSS를 `<style>` 태그로 삽입하는 JavaScript 스니펫으로 변환합니다.
 - HTML 또는 CSS에서 참조된 이미지 파일을 처리하고 경로 구성에 따라 이동한 후 md5 해시를 사용하여 이름을 지정합니다.
 
 Webpack은 매우 강력하며 작동 원리를 이해한다면 프론트엔드 작업환경을 획기적으로 향상시킬 수 있습니다. 단점은 장황하고 복잡한 구성입니다. 하지만 이 가이드를 사용하면 Vue.js 및 `vue-loader`에서 Webpack을 사용할 때 가장 일반적인 문제에 대한 솔루션을 찾을 수 있습니다.

docs/ko/configurations/advanced.md

@@ -7,7 +7,7 @@
 ``` js
 // webpack.config.js
 module.exports = {
-  // other options...
+  // 이 부분엔 다른 옵션도 들어 갈 수 있습니다.
   module: {
     loaders: [
       {
@@ -16,14 +16,14 @@ module.exports = {
       }
     ]
   },
-  // vue-loader configurations
+  // vue-loader 설정
   vue: {
-    // ... other vue options
+    // 이 부분엔 다른 Vue 옵션도 들어 갈 수 있습니다.
     loaders: {
-      // load all <script> without "lang" attribute with coffee-loader
+      // coffee-loader에 "lang" 속성이 없는 모든 <script>를 로드하세요.
       js: 'coffee',
-      // load <template> directly as HTML string, without piping it
-      // through vue-html-loader first
+      // <template>을 HTML 문자열로 직접 로드하면
+      // vue-html-loader를 통해 파이핑하지 않아도 됩니다.
       html: 'raw'
     }
   }
@@ -34,14 +34,14 @@ module.exports = {
 
 ``` js
 module.exports = {
-  // other options...
+  // 이 부분엔 다른 옵션도 들어 갈 수 있습니다.
   module: {
-    // module.rules is the same as module.loaders in 1.x
+    // module.rules는 1.x의 module.loaders와 동일합니다.
     rules: [
       {
         test: /\.vue$/,
         loader: 'vue',
-        // vue-loader options goes here
+        // vue-loader 옵션은 이곳에 옵니다.
         options: {
           loaders: {
             // ...

docs/ko/configurations/extract-css.md

@@ -13,7 +13,7 @@ npm install extract-text-webpack-plugin --save-dev
 var ExtractTextPlugin = require("extract-text-webpack-plugin")
 
 module.exports = {
-  // other options...
+  // 이 부분엔 다른 옵션도 들어 갈 수 있습니다.
   module: {
     loaders: [
       {
@@ -25,7 +25,7 @@ module.exports = {
   vue: {
     loaders: {
       css: ExtractTextPlugin.extract("css"),
-      // you can also include <style lang="less"> or other langauges
+      // 당신은 <style lang="less"> 또는 다른 언어도 포함할 수 있습니다.
       less: ExtractTextPlugin.extract("css!less")
     }
   },
@@ -46,7 +46,7 @@ npm install extract-text-webpack-plugin@2.x --save-dev
 var ExtractTextPlugin = require("extract-text-webpack-plugin")
 
 module.exports = {
-  // other options...
+  // 이 부분엔 다른 옵션도 들어 갈 수 있습니다.
   module: {
     rules: [
       {
@@ -56,7 +56,7 @@ module.exports = {
           loaders: {
             css: ExtractTextPlugin.extract({
               loader: 'css-loader',
-              fallbackLoader: 'vue-style-loader' // <- this is a dep of vue-loader, so no need to explicitly install if using npm3
+              fallbackLoader: 'vue-style-loader' // <- 이것은 vue-loader가 필요 없으므로 npm3를 사용하는 경우 명시적으로 설치할 필요가 없습니다.
             })
           }
         }

docs/ko/configurations/pre-processors.md

@@ -55,7 +55,7 @@ div
 
 ``` html
 <style lang="sass?outputStyle=expanded">
-  /* use sass here with expanded output */
+  /* 여기에 SASS를 사용하세요! */
 </style>
 ```
 

docs/ko/features/css-modules.md

@@ -24,7 +24,7 @@
 ``` html
 <template>
   <p :class="$style.red">
-    This should be red
+    이것은 빨간색이야
   </p>
 </template>
 ```
@@ -35,24 +35,24 @@
 <template>
   <div>
     <p :class="{ [$style.red]: isRed }">
-      Am I red?
+      나는 빨간색이야?
     </p>
     <p :class="[$style.red, $style.bold]">
-      Red and bold
+      나는 빨간색이면서 볼드야
     </p>
   </div>
 </template>
 ```
 
-또한 Javascript에서도 접근할 수 있습니다.
+또한 JavaScript에서도 접근할 수 있습니다.
 
 ``` html
 <script>
 export default {
   created () {
     console.log(this.$style.red)
     // -> "_1VyoJ-uZOjlOxP7jWUy19_0"
-    // an identifier generated based on filename and className.
+    // 파일 이름과 className을 기반으로 생성된 식별자
   }
 }
 </script>
@@ -66,11 +66,11 @@ export default {
 
 ``` html
 <style module="a">
-  /* identifiers injected as a */
+  /* a로 주입된 식별자 */
 </style>
 
 <style module="b">
-  /* identifiers injected as b */
+  /* b로 주입된 식별자 */
 </style>
 ```
 
@@ -92,7 +92,7 @@ CSS Modules는 [css-loader](https://github.com/webpack/css-loader)를 통해 처
 // webpack 1
 vue: {
   cssModules: {
-    // overwrite local ident name
+    // 로컬 ID값을 덮어씌웁니다.
     localIdentName: '[path][name]---[local]---[hash:base64:5]',
     // enable camelCase
     camelCase: true

docs/ko/features/postcss.md

@@ -7,9 +7,9 @@ Webpack 1.x의 예제입니다.
 ``` js
 // webpack.config.js
 module.exports = {
-  // other configs...
+  // 여기에 다른 옵션이 올 수 있습니다.
   vue: {
-    // use custom postcss plugins
+    // 커스텀 PostCSS 플러그인을 사용하세요.
     postcss: [require('postcss-cssnext')()]
   }
 }
@@ -20,14 +20,14 @@ Webpack 2.x의 예제입니다.
 ``` js
 // webpack.config.js
 module.exports = {
-  // other options...
+  // 여기에 다른 옵션이 올 수 있습니다.
   module: {
-    // module.rules is the same as module.loaders in 1.x
+    // module.rules는 1.x의 module,loaders와 같습니다.
     rules: [
       {
         test: /\.vue$/,
         loader: 'vue',
-        // vue-loader options goes here
+        // vue-loader 옵션은 이곳에 옵니다.
         options: {
           // ...
           postcss: [require('postcss-cssnext')()]
@@ -39,7 +39,6 @@ module.exports = {
 }
 ```
 
-In addition to providing an Array of plugins, the `postcss` option also accepts:
 `postcss` 옵션은 플러그인의 배열을 제공하는 것 외에도 다음 옵션을 사용할 수 있습니다.
 
 - 플러그인 배열을 반환하는 함수.
@@ -48,9 +47,9 @@ In addition to providing an Array of plugins, the `postcss` option also accepts:
 
   ``` js
   postcss: {
-    plugins: [...], // list of plugins
+    plugins: [...], // 플러그인의 리스트
     options: {
-      parser: sugarss // use sugarss parser
+      parser: sugarss // sugarss parser 사용
     }
   }
   ```

docs/ko/features/scoped-css.md

@@ -34,11 +34,11 @@
 
   ``` html
   <style>
-  /* global styles */
+  /* 전역 스타일 */
   </style>
 
   <style scoped>
-  /* local styles */
+  /* 로컬 스타일 */
   </style>
   ```
 

docs/ko/options.md

@@ -8,7 +8,7 @@ Webpack 1.x의 경우 Webpack 설정에 루트 `vue` 블럭을 추가합니다.
 module.exports = {
   // ...
   vue: {
-    // vue-loader options
+    // vue-loader 옵션
   }
 }
 ```
@@ -24,7 +24,7 @@ module.exports = {
         test: /\.vue$/,
         loader: 'vue',
         options: {
-          // vue-loader options
+          // vue-loader 옵션
         }
       }
     ]
@@ -75,9 +75,9 @@ module.exports = {
 
   ``` js
   postcss: {
-    plugins: [...], // list of plugins
+    plugins: [...], // 플러그인 리스트
     options: {
-      parser: sugarss // use sugarss parser
+      parser: sugarss // sugarss parser를 사용합니다.
     }
   }
   ```
@@ -96,7 +96,7 @@ module.exports = {
 - 타입: `Boolean`
 - 디폴트: `undefined`
 
-  Whether to emit esModule compatible code. By default vue-loader will emit default export in commonjs format like `module.exports = ....`. When `esModule` is set to true, default export will be transpiled into `exports.__esModule = true; exports = ...`. Useful for interoperating with transpiler other than Babel, like TypeScript.
+  esModule 호환 코드를 사용할지 여부입니다. 기본적으로 vue-loader는 `module.exports = ....`와 같은 CommonJS 형식으로 내보냅니다. `esModule`이 true로 설정되면 내보내기는 `exports.__esModule = true; exports = ...`로 변환됩니다. TypeScript와 같은 Babel 이외의 변환툴과의 연동에 유용합니다.
 
 ### preserveWhitespace
 
@@ -129,11 +129,11 @@ module.exports = {
   // webpack 1
   vue: {
     buble: {
-      // enable object spread operator
-      // NOTE: you need to provide Object.assign polyfill yourself!
+      // Object spread 연산자를 허용합니다.
+      // 참고: 직접 Object.assign polyfill을 제공해야합니다!
       objectAssign: 'Object.assign',
 
-      // turn off the `with` removal
+      // `with` 제거 옵션을 끄십시오.
       transforms: {
         stripWith: false
       }
@@ -148,7 +148,7 @@ module.exports = {
         loader: 'vue',
         options: {
           buble: {
-            // same options
+            // 같은 옵션입니다.
           }
         }
       }

docs/ko/workflow/linting.md

@@ -27,7 +27,7 @@ npm install eslint eslint-loader --save-dev
 ``` js
 // webpack.config.js
 module.exports = {
-  // ... other options
+  // 여기에 다른 옵션이 올 수 있습니다.
   module: {
     loaders: [
       {
@@ -46,17 +46,17 @@ Webpack 로더 체인은 **가장 먼저** 적용됩니다. `vue` 전에 `eslint
 ``` js
 // webpack.config.js
 module.exports = {
-  // ... other options
+  // 여기에 다른 옵션이 올 수 있습니다.
   module: {
-    // only lint local *.vue files
+    // 오직 로컬 *.vue 파일만 lint합니다.
     preLoaders: [
       {
         test: /.vue$/,
         loader: 'eslint',
         exclude: /node_modules/
       }
     ],
-    // but use vue-loader for all *.vue files
+    // 하지만 모든 *.vue 파일에 대해 vue-loader를 사용하세요.
     loaders: [
       {
         test: /.vue$/,
@@ -72,17 +72,17 @@ Webpack 2.x에서는 다음과 같이 처리합니다.
 ``` js
 // webpack.config.js
 module.exports = {
-  // ... other options
+  // 여기에 다른 옵션이 올 수 있습니다.
   module: {
     rules: [
-      // only lint local *.vue files
+      // 오직 로컬 *.vue 파일만 lint합니다.
       {
         enforce: 'pre',
         test: /.vue$/,
         loader: 'eslint',
         exclude: /node_modules/
       },
-      // but use vue-loader for all *.vue files
+      // 하지만 모든 *.vue 파일에 대해 vue-loader를 사용하세요.
       {
         test: /.vue$/,
         loader: 'vue'

docs/ko/workflow/production.md

@@ -10,21 +10,21 @@
 ``` js
 // webpack.config.js
 module.exports = {
-  // ... other options
+  // 여기에 다른 옵션이 올 수 있습니다.
   plugins: [
-    // short-circuits all Vue.js warning code
+    // 모든 Vue.js 경고 코드를 숨깁니다.
     new webpack.DefinePlugin({
       'process.env': {
         NODE_ENV: '"production"'
       }
     }),
-    // minify with dead-code elimination
+    // 불필요한 코드를 제거하여 minify합니다.
     new webpack.optimize.UglifyJsPlugin({
       compress: {
         warnings: false
       }
     }),
-    // optimize module ids by occurence count
+    // 발생 횟수에 따라 모듈 ID를 최적화합니다.
     new webpack.optimize.OccurenceOrderPlugin()
   ]
 }