diff --git a/docs/kr/SUMMARY.md b/docs/kr/SUMMARY.md
index 7b5d0fc8..e2623339 100644
--- a/docs/kr/SUMMARY.md
+++ b/docs/kr/SUMMARY.md
@@ -13,6 +13,7 @@
   - [Asset URL 핸들링](configurations/asset-url.md)
   - [고급 로더 설정](configurations/advanced.md)
   - [CSS 단일 파일로 추출하기](configurations/extract-css.md)
+  - [사용자 정의 블록](configurations/custom-blocks.md)
 - 개발 환경
   - [배포용 빌드](workflow/production.md)
   - [Linting](workflow/linting.md)
diff --git a/docs/kr/configurations/advanced.md b/docs/kr/configurations/advanced.md
index 41f9a5a0..fb509d53 100644
--- a/docs/kr/configurations/advanced.md
+++ b/docs/kr/configurations/advanced.md
@@ -1,56 +1,81 @@
 # 고급 로더 설정
 
-때로는 `vue-loader`가 그것을 추론하는 대신 언어에 사용자 정의 로더 문자열을 적용하기를 원할 수도 있습니다. 또는 기본 언어에서 기본적으로 제공되는 로더 설정을 덮어쓰고 싶을 수도 있습니다. 이를 위해서 Webpack 설정 파일에 `vue` 블럭을 추가하고 `loaders` 옵션을 지정할 수 있습니다.
+아래와 같은 요구사항이 있을 수 있습니다.
 
-### Webpack 1.x
+1. `vue-loader`가 추측하는 대신 언어에 맞는 사용자 정의 로더를 사용해야합니다.
+
+2. 기본 언어에 대한 로더를 덮어써야합니다.
+
+3. 특정 language block을 위한 사용자 정의 프리 또는 포스트 프로세스를 해야합니다.
+
+이를 위해 `vue-loader`에 `loaders` 옵션을 지정해야합니다.
+
+> 참고: `preLoaders`와 `postLoaders`는 10.3.0 버전 이상에서만 지원합니다.
+
+### Webpack 2.x
 
 ``` js
-// webpack.config.js
 module.exports = {
-  // 이 부분엔 다른 옵션도 들어 갈 수 있습니다.
+  // 기타 옵션들...
   module: {
-    loaders: [
+    // module.rules은 1.x버전의 module.loaders과 같습니다
+    rules: [
       {
         test: /\.vue$/,
-        loader: 'vue'
+        loader: 'vue-loader',
+        options: {
+          // `loaders`는 기본 로더를 덮어씁니다.
+          // 다음 설정은 "lang" 속성이 없는 
+          // 모든 <script> 태그가 coffee 로더와 함께 로드되도록 합니다
+          loaders: {
+            js: 'coffee-loader'
+          },
+
+          // `preLoaders`는 기본 로더 앞에 붙습니다.
+          // 이를 이용해 language block을 프리 프로세스할 수 있습니다.
+          // 일반적으로 빌드타임에 다국어 처리를 할 수 있습니다.
+          preLoaders: {
+            js: '/path/to/custom/loader'
+          },
+
+          // `postLoaders`는 기본 로더 뒤에 붙습니다.
+          // - `html`의 경우, 기본 로더의 결과는 컴파일 된 JavaScript 렌더링 함수 코드가 됩니다.
+
+          //  - `css`의 경우, 결과는 `vue-style-loader`가 반환하고 
+          // 대부분의 경우 별로 사용할 일은 없습니다. postcss 플러그인을 사용하는 것이 더 좋습니다.
+          postLoaders: {
+            html: 'babel-loader'
+          },
+          
+          // `excludedPreLoaders`는 반드시 정규표현식을 사용합니다
+          excludedPreLoaders: /(eslint-loader)/
+        }
       }
     ]
-  },
-  // vue-loader 설정
-  vue: {
-    // 이 부분엔 다른 Vue 옵션도 들어 갈 수 있습니다.
-    loaders: {
-      // coffee-loader에 "lang" 속성이 없는 모든 <script>를 로드하세요.
-      js: 'coffee',
-      // <template>을 HTML 문자열로 직접 로드하면
-      // vue-html-loader를 통해 파이핑하지 않아도 됩니다.
-      html: 'raw'
-    }
   }
 }
 ```
 
-### Webpack 2.x (^2.1.0-beta.25)
+### Webpack 1.x
 
 ``` js
+// webpack.config.js
 module.exports = {
-  // 이 부분엔 다른 옵션도 들어 갈 수 있습니다.
+  // 기타 옵션들...
   module: {
-    // module.rules는 1.x의 module.loaders와 동일합니다.
-    rules: [
+    loaders: [
       {
         test: /\.vue$/,
-        loader: 'vue',
-        // vue-loader 옵션은 이곳에 옵니다.
-        options: {
-          loaders: {
-            // ...
-          }
-        }
+        loader: 'vue'
       }
     ]
+  },
+  // vue-loader 설정
+  vue: {
+    loaders: {
+      // 위와 동일한 설정 규칙입니다
+    }
   }
 }
 ```
-
 고급 로더 설정을 보다 실용적으로 사용하면 [컴포넌트 내부의 CSS를 단일 파일로 추출할 수 있습니다](./extract-css.md).
diff --git a/docs/kr/configurations/custom-blocks.md b/docs/kr/configurations/custom-blocks.md
new file mode 100644
index 00000000..3837e4be
--- /dev/null
+++ b/docs/kr/configurations/custom-blocks.md
@@ -0,0 +1,133 @@
+# 사용자 정의 블록
+
+> 10.2.0 버전 이상에서 지원
+
+`*.vue` 파일 안에 사용자 정의 language block을 정의할 수 있습니다. 사용자 정의 블록안의 내용은 `vue-loader` 옵션의 `loaders` 객체에 지정된 로더에서 처리된 다음 컴포넌트 모듈에서 요구됩니다. 설정은 [고급 로더 설정](../configurations/advanced.md)에서 설명한 내용과 유사합니다. 단, 일치하는 경우 `lang` 속성 대신 태그 이름을 사용합니다.
+
+사용자 정의 블록에 일치하는 로더가 발견되면 처리합니다. 그렇지 않으면 무시합니다. 또한 발견된 로더가 함수를 반환하면 해당 함수는 `*.vue`파일의 컴포넌트를 매개변수로 사용하여 호출합니다.
+
+## 단일 문서 파일 예제
+
+다음은 모든 `<docs>` 사용자 정의 블록을 하나의 문서 파일로 추출하는 예 입니다.
+
+#### component.vue
+
+``` html
+<docs>
+## This is an Example component.
+</docs>
+
+<template>
+  <h2 class="red">{{msg}}</h2>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      msg: 'Hello from Component A!'
+    }
+  }
+}
+</script>
+
+<style>
+comp-a h2 {
+  color: #f00;
+}
+</style>
+```
+
+#### webpack.config.js
+
+``` js
+// Webpack 2.x
+var ExtractTextPlugin = require("extract-text-webpack-plugin")
+
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue',
+        options: {
+          loaders: {
+            // 모든 <docs>의 내용을 원문 그대로 추출합니다
+            'docs': ExtractTextPlugin.extract('raw-loader'),
+          }
+        }
+      }
+    ]
+  },
+  plugins: [
+    // 모든 docs를 하나의 파일로 추출합니다
+    new ExtractTextPlugin('docs.md')
+  ]
+}
+```
+
+## 런타임에서 사용할 수 있는 문서
+
+다음은 `<docs>` 사용자 정의 블록을 컴포넌트에 넣어 런타임에서 사용할 수 있는 예제입니다.
+
+#### docs-loader.js
+
+사용자 정의 블록 콘텐트를 삽입하려면 사용자 정의 로더가 필요합니다.
+
+``` js
+module.exports = function (source, map) {
+  this.callback(null, 'module.exports = function(Component) {Component.options.__docs = ' +
+    JSON.stringify(source) +
+    '}', map)
+}
+```
+
+#### webpack.config.js
+
+webpack이 `<docs>` 사용자 정의 블록을 위한 로더를 사용하도록 설정합니다.
+
+``` js
+const docsLoader = require.resolve('./custom-loaders/docs-loader.js')
+
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue',
+        options: {
+          loaders: {
+            'docs': docsLoader
+          }
+        }
+      }
+    ]
+  }
+}
+```
+
+#### component.vue
+
+이제 `<docs>` 블록의 내용을 런타임 중에 컴포넌트에서 사용할 수 있습니다.
+
+``` html
+<template>
+  <div>
+    <component-b />
+    <p>{{ docs }}</p>
+  </div>
+</template>
+
+<script>
+import componentB from 'componentB';
+
+export default = {
+  data () {
+    return {
+      docs: componentB.__docs
+    }
+  },
+  components: {componentB}
+}
+</script>
+```
diff --git a/docs/kr/configurations/extract-css.md b/docs/kr/configurations/extract-css.md
index 9ace5208..e6aede8f 100644
--- a/docs/kr/configurations/extract-css.md
+++ b/docs/kr/configurations/extract-css.md
@@ -1,62 +1,63 @@
 # CSS 단일 파일로 추출하기
 
-다음 예제 설정을 사용하여 모든 Vue 컴포넌트의 처리된 CSS를 단일 CSS 파일로 추출할 수 있습니다.
-
-### Webpack 1.x
-
 ``` bash
 npm install extract-text-webpack-plugin --save-dev
 ```
 
+## 쉬운 방법
+
+> vue-loader@^12.0.0와 webpack@^2.0.0 필요
+
 ``` js
 // webpack.config.js
 var ExtractTextPlugin = require("extract-text-webpack-plugin")
 
 module.exports = {
-  // 이 부분엔 다른 옵션도 들어 갈 수 있습니다.
+  // other options...
   module: {
-    loaders: [
+    rules: [
       {
         test: /\.vue$/,
-        loader: 'vue'
-      },
+        loader: 'vue-loader',
+        options: {
+          extractCSS: true
+        }
+      }
     ]
   },
-  vue: {
-    loaders: {
-      css: ExtractTextPlugin.extract("css"),
-      // 당신은 <style lang="less"> 또는 다른 언어도 포함할 수 있습니다.
-      less: ExtractTextPlugin.extract("css!less")
-    }
-  },
   plugins: [
     new ExtractTextPlugin("style.css")
   ]
 }
 ```
 
-### Webpack 2.x (^2.1.0-beta.25)
+위 코드는 `*.vue` 파일 내부에서 `<style>`에 대한 추출을 자동으로 처리하며, 대부분의 프리프로세서와 함께 사용할 수 있습니다.
+
+ `*.vue`만 추출합니다. JavaScript에서 가져온 CSS는 별도로 설정해야합니다.
+ 
+## 수동 설정
+
+설정을 사용하여 모든 Vue 컴포넌트에서 처리된 CSS를 단일 CSS 파일로 추출하는 예제 입니다.
+
+### Webpack 2.x
 
-``` bash
-npm install extract-text-webpack-plugin --save-dev
-```
 
 ``` js
 // webpack.config.js
 var ExtractTextPlugin = require("extract-text-webpack-plugin")
 
 module.exports = {
-  // 이 부분엔 다른 옵션도 들어 갈 수 있습니다.
+  // 기타 옵션...
   module: {
     rules: [
       {
         test: /\.vue$/,
-        loader: 'vue',
+        loader: 'vue-loader',
         options: {
           loaders: {
             css: ExtractTextPlugin.extract({
               use: 'css-loader',
-              fallback: 'vue-style-loader' // <- 이것은 vue-loader의 의존성이므로, npm3를 사용하는 경우에는 명시적으로 설치할 필요가 없습니다.
+              fallback: 'vue-style-loader' // <- vue-loader의 의존성입니다. 그래서 npm3를 사용하면 명시적으로 설치할 필요는 없습니다.
             })
           }
         }
@@ -68,3 +69,36 @@ module.exports = {
   ]
 }
 ```
+
+### Webpack 1.x
+
+``` bash
+npm install extract-text-webpack-plugin --save-dev
+```
+
+``` js
+// webpack.config.js
+var ExtractTextPlugin = require("extract-text-webpack-plugin")
+
+module.exports = {
+  // 기타 옵션...
+  module: {
+    loaders: [
+      {
+        test: /\.vue$/,
+        loader: 'vue'
+      },
+    ]
+  },
+  vue: {
+    loaders: {
+      css: ExtractTextPlugin.extract("css"),
+      // <style lang="less"> 또는 다른 언어를 포함할 수 있습니다.
+      less: ExtractTextPlugin.extract("css!less")
+    }
+  },
+  plugins: [
+    new ExtractTextPlugin("style.css")
+  ]
+}
+```
\ No newline at end of file
diff --git a/docs/kr/features/postcss.md b/docs/kr/features/postcss.md
index 0c54b4eb..51368a23 100644
--- a/docs/kr/features/postcss.md
+++ b/docs/kr/features/postcss.md
@@ -2,36 +2,49 @@
 
 `vue-loader`에 의해서 처리된 모든 CSS 출력은 범위가 지정된 CSS의 재 작성을 위해 [PostCSS](https://github.com/postcss/postcss)를 통해 파이프됩니다. 당신은 프로세스에 [autoprefixer](https://github.com/postcss/autoprefixer) 또는 [CSSNext](http://cssnext.io/)와 같은 사용자 정의 PostCSS 플러그인을 추가할 수 있습니다.
 
-Webpack 1.x의 예제입니다.
+## 설정 파일 사용하기
+
+11.0버전 부터 `vue-loader`는 [`postcss-loader`](https://github.com/postcss/postcss-loader#usage)가 지원하는 동일한 PostCSS 파일을 자동으로 불러옵니다.
+
+- `postcss.config.js`
+- `.postcssrc`
+- `package.json`의 `postcss` 필드
+
+설정 파일을 사용하면 `postcss-loader`가 처리한 일반적인 CSS파일과 `*.vue` 파일의 CSS에 같은 설정을 공유할 수 있습니다.
+
+## 인라인 옵션
+
+또는 `vue-loader`에 `postcss` 옵션을 사용해 `*.vue`파일을 위해 postcss 설정을 지정할 수 있습니다.
+
+Webpack 1버전 예제:
 
 ``` js
 // webpack.config.js
 module.exports = {
-  // 여기에 다른 옵션이 올 수 있습니다.
+  // 기타 설정...
   vue: {
-    // 커스텀 PostCSS 플러그인을 사용하세요.
+    // 사용자 정의 postcss 플러그인 사용
     postcss: [require('postcss-cssnext')()]
   }
 }
 ```
 
-Webpack 2.x의 예제입니다.
+Webpack 2버전 예제:
 
 ``` js
 // webpack.config.js
 module.exports = {
-  // 여기에 다른 옵션이 올 수 있습니다.
+  // 기타 설정...
   module: {
-    // module.rules는 1.x의 module,loaders와 같습니다.
+    // module.rules는 1.x의 module.loaders와 동일
     rules: [
       {
         test: /\.vue$/,
-        loader: 'vue',
-        // vue-loader 옵션은 이곳에 옵니다.
+        loader: 'vue-loader',
+        // vue-loader 옵션은 여기에 지정합니다
         options: {
           // ...
           postcss: [require('postcss-cssnext')()]
-          }
         }
       }
     ]
@@ -39,15 +52,15 @@ module.exports = {
 }
 ```
 
-`postcss` 옵션은 플러그인의 배열을 제공하는 것 외에도 다음 옵션을 사용할 수 있습니다.
+`postcss` 옵션은 플러그인 배열을 제공하는 것 이외에 아래의 내용을 허용합니다.
 
-- 플러그인 배열을 반환하는 함수.
+- 플러그인 배열을 반환하는 함수
 
-- PostCSS 프로세서에 전달할 옵션을 포함하는 객체. 이것은 사용자 정의 파서/문자열 변환기에 의존하는 PostCSS 프로젝트를 사용할 때 유용합니다.
+- PostCSS 프로세서에 전달할 옵션을 포함하는 객체입니다. 이것은 사용자 정의 파서/stingifier에 의존하는 PostCSS 프로젝트를 사용할 때 유용합니다.
 
   ``` js
   postcss: {
-    plugins: [...], // 플러그인의 리스트
+    plugins: [...], // 플러그인 목록
     options: {
       parser: sugarss // sugarss 파서 사용
     }
diff --git a/docs/kr/features/scoped-css.md b/docs/kr/features/scoped-css.md
index fa0661ef..9714b8a0 100644
--- a/docs/kr/features/scoped-css.md
+++ b/docs/kr/features/scoped-css.md
@@ -18,13 +18,13 @@
 
 ``` html
 <style>
-.example[_v-f3f3eg9] {
+.example[data-v-f3f3eg9] {
   color: red;
 }
 </style>
 
 <template>
-  <div class="example" _v-f3f3eg9>안녕</div>
+  <div class="example" data-v-f3f3eg9>안녕</div>
 </template>
 ```
 
diff --git a/docs/kr/options.md b/docs/kr/options.md
index ba221983..3c7572fa 100644
--- a/docs/kr/options.md
+++ b/docs/kr/options.md
@@ -2,18 +2,7 @@
 
 ## Webpack 1 & 2 사용 방법의 차이점
 
-Webpack 1.x의 경우 Webpack 설정에 루트 `vue` 블럭을 추가합니다.
-
-``` js
-module.exports = {
-  // ...
-  vue: {
-    // vue-loader 옵션
-  }
-}
-```
-
-Webpack 2 (^2.1.0-beta.25)는 다음과 같습니다.
+Webpack 2 : 직접 loader 규칙에 전달합니다
 
 ``` js
 module.exports = {
@@ -32,9 +21,20 @@ module.exports = {
 }
 ```
 
+Webpack 1.x의 경우 Webpack 설정에 루트 `vue` 블럭을 추가합니다.
+
+``` js
+module.exports = {
+  // ...
+  vue: {
+    // vue-loader 옵션
+  }
+}
+```
+
 ### 로더
 
-- 타입: `Object`
+- 타입: `{ [lang: string]: string }`
 
   `*.vue` 파일의 언어 블럭에 사용할 Webpack 로더를 지정하는 객체입니다. 이 키는 특별히 지정된 경우 language block에 대한 `lang` 속성에 해당합니다. 각 타입에 대한 기본적인 `lang`은 다음과 같습니다.
 
@@ -45,16 +45,46 @@ module.exports = {
   예를 들어, `babel-loader`와 `eslint-loader`를 사용하여 모든 `<script>` 블럭을 처리하려면 다음과 같이 사용합니다.
 
   ``` js
-  // ...
-  vue: {
-    loaders: {
-      js: 'babel!eslint'
+  // Webpack 2.x config
+module: {
+  rules: [
+    {
+      test: /\.vue$/,
+      loader: 'vue-loader',
+      options: {
+        loaders: {
+          js: 'babel-loader!eslint-loader'
+        }
+      }
     }
-  }
-  ```
+  ]
+}
+```
+
+### preLoaders
+
+- 타입: `{ [lang: string]: string }`
+- only supported in >=10.3.0
+- 10.3.0 버전 이후 지원 
+
+  `loaders` 설정의 포맷과 동일하지만, `preLoaders`는 기본 로더보다 우선하여 language block에 적용됩니다. 이를 사용하면 language block을 미리 처리할 수 있습니다. (일반적인 사용 사례는 빌드 타임에 국제화를 적용하는 경우입니다.)
+
+### postLoaders
+
+- 타입: `{ [lang: string]: string }`
+- 10.3.0 버전 이후 지원 
+
+`loaders` 설정의 포맷과 동일하지만, `preLoaders`는 기본 로더보다 나중에 적용됩니다. 이를 사용하면 language block에 대한 사후 처리를 할 수 있습니다. 약간 복잡합니다.
+
+  - `html`의 경우, 기본 로더의 결과는 컴파일 된 JavaScript 렌더링 함수 코드가 됩니다.
+
+  - `css`의 경우, 결과는 `vue-style-loader`가 반환하고 대부분의 경우 별로 사용할 일은 없습니다. postcss 플러그인을 사용하는 것이 더 좋습니다.
+
 
 ### postcss
 
+> 참고: 11.0.0 이후 PostCSS 설정파일을 사용할 것을 권장합니다. [`postcss-loader` 사용법](https://github.com/postcss/postcss-loader#usage).
+
 - 타입: `Array` 또는 `Function`, `Object`
 - `Object` 타입은 오직 ^8.5.0에서 지원됩니다.
 
@@ -108,7 +138,8 @@ module.exports = {
 ### transformToRequire
 
 - 타입: `{ [tag: string]: string | Array<string> }`
-- 디폴트: `{ img: 'src' }`
+- 디폴트: `{ img: 'src', image: 'xlink:href' }`
+
 
   템플릿 컴파일 중에 컴파일러는 `src` URL과 같은 특정 속성을 `require` 호출로 변환하여 대상 Asset을 Webpack에서 처리할 수 있습니다. 기본 설정은 `<img>` 태그에 `src` 속성을 변환합니다.
 
@@ -129,11 +160,11 @@ module.exports = {
   // webpack 1
   vue: {
     buble: {
-      // Object spread 연산자를 허용합니다.
-      // 참고: 직접 Object.assign polyfill을 제공해야합니다!
+      // object spread 연산자 사용
+      // 참고: Object.assign 에 관한 폴리필을 직접 해야합니다!
       objectAssign: 'Object.assign',
 
-      // `with` 제거 옵션을 끄십시오.
+      // `with` 제거를 끕니다.
       transforms: {
         stripWith: false
       }
@@ -145,13 +176,74 @@ module.exports = {
     rules: [
       {
         test: /\.vue$/,
-        loader: 'vue',
+        loader: 'vue-loader',
         options: {
           buble: {
-            // 같은 옵션입니다.
+            // same options
           }
         }
       }
     ]
   }
   ```
+
+### extractCSS
+
+> 12.0.0에서 추가되었습니다
+
+`extract-text-webpack-plugin`를 사용해 자동으로 CSS를 추출합니다. 대부분의 프리 프로세서를 사용할 수 있으며 프로덕션 모드에서 최소화를 합니다.
+
+전달된 값은 `true`이거나 플러그인의 인스턴스일 수 있습니다. (추출된 여러 파일에 플러그인의 인스턴스를 사용할 수 있습니다)
+
+프로덕션 환경에서만 사용되고, 개발 중에는 핫 리로드가 작동합니다.
+
+예제:
+
+``` js
+// webpack.config.js
+var ExtractTextPlugin = require("extract-text-webpack-plugin")
+
+module.exports = {
+  // other options...
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          extractCSS: true
+        }
+      }
+    ]
+  },
+  plugins: [
+    new ExtractTextPlugin("style.css")
+  ]
+}
+```
+
+또는 플러그인 인스턴스를 전달합니다.
+
+``` js
+// webpack.config.js
+var ExtractTextPlugin = require("extract-text-webpack-plugin")
+var plugin = new ExtractTextPlugin("style.css")
+
+module.exports = {
+  // other options...
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          extractCSS: plugin
+        }
+      }
+    ]
+  },
+  plugins: [
+    plugin
+  ]
+}
+```
diff --git a/docs/kr/start/spec.md b/docs/kr/start/spec.md
index fa13f0c6..f819bd36 100644
--- a/docs/kr/start/spec.md
+++ b/docs/kr/start/spec.md
@@ -1,6 +1,6 @@
 # Vue 컴포넌트 스펙
 
-`*.vue` 파일은 HTML과 유사한 문법을 사용하여 Vue 컴포넌트를 작성하는 사용자 정의 파일입니다. 각 `*.vue` 파일은 `<template>`와 `<script>`, `<style>` 세 가지 유형의 최상위 언어 블럭으로 구성됩니다.
+`*.vue` 파일은 HTML과 같은 문법을 사용하여 Vue 컴포넌트를 작성합니다. 각각의 `*.vue` 파일은 3가지 유형의 최상위 language block인 `<template>`, `<script>`와 `<style>`로 이루어집니다.
 
 ``` html
 <template>
@@ -22,53 +22,65 @@ export default {
   color: red;
 }
 </style>
+
+<custom1>
+  예: 컴포넌트에 대한 설명서
+</custom1>
 ```
 
-`vue-loader`는 파일을 파싱하고 각 언어 블럭을 추출한 다음 필요한 경우 다른 로더를 통해 파이프를 구성하고 `module.exports`가 Vue.js 옵션 객체인 CommonJS 모듈로 다시 합쳐줍니다.
+`vue-loader`는 파일을 파싱하고 각 language block을 추출하며 필요한 경우 다른 로더를 통해 파이프 처리한 후 마지막으로 Module.exports가 Vue.js 컴포넌트 엘리먼트 옵션 객체인 CommonJS 모듈로 다시 조합합니다.
 
-`vue-loader`는 언어 블럭에 `lang` 속성을 지정하여 CSS 전처리기 혹은 HTML 컴파일 언어를 사용할 수 있습니다. 예를 들어, 다음과 같이 컴포넌트에 SASS를 사용할 수 있습니다.
+`vue-loader`는 language block에 `lang` 속성을 지정하여 CSS 전처리기나 HTML에서 템플릿을 컴파일 하는 것과 같은 기본 언어가 아닌 것을 사용할 수 있게 합니다. 예를 들어 컴포넌트 스타일에 SASS를 사용할 수 있습니다.
 
 ``` html
 <style lang="sass">
-  /* SASS를 사용하세요! */
+  /* write SASS! */
 </style>
 ```
 
-자세한 내용은 [전처리기 사용하기](../configurations/pre-processors.md)에서 확인할 수 있습니다.
+[Pre-Processors 사용방법](../configurations/pre-processors.md)을 확인하세요.
 
-### 언어 블록
+### Language Blocks
 
 #### `<template>`
 
-- 기본 언어: `html`.
-
-- 각 `*.vue` 파일은 하나의 `<template>` 블럭을 포함 할 수 있습니다.
+- 기본 언어 : `html`.
 
-- 내용은 문자열로 출력되어 컴파일된 Vue 컴포넌트의 `template` 옵션에 사용됩니다.
+- 각 `*.vue` 파일은 한번에 최대 하나의 `<template>` 블록을 포함할 수 있습니다.
+ 
+- 내용은 문자열로 추출되어 컴파일 된 Vue 컴포넌트의 `template` 옵션으로 사용합니다.
 
 #### `<script>`
 
-- 기본 언어: `js` (만약 `babel-loader` 또는 `buble-loader`를 사용한다면 ES2015를 자동으로 지원합니다).
+- 기본 언어 : `js` (ES2015는`babel-loader` 또는`bubble-loader`가 감지되면 자동으로 지원됩니다).
 
-- 각 `*.vue` 파일은 하나의 `<script>` 블럭을 포함 할 수 있습니다.
+- 각 `*.vue` 파일은 한번에 최대 하나의 `<script>` 블록을 포함할 수 있습니다.
 
-- 이 스크립트는 CommonJS와 같은 환경(Webpack을 통해 번들로 제공되는 `.js` 모듈처럼)에서 실행되기 때문에 다른 파일을 `require()` 할 수 있습니다. 또한 ES2015을 지원하면 `import`와 `export`를 사용할 수 있습니다.
+- 스크립트는 CommonJS와 같은 (Webpack을 통해 번들된 일반적인 `.js` 모듈같은)환경 에서  실행됩니다. 다른 의존성을 `require()`할 수 있습니다. 또한 ES2015를 지원하여 `import`와 `export`를 사용할 수 있습니다.
 
-- 스크립트는 Vue.js 컴포넌트 옵션 객체를 내보내야 합니다. `Vue.extend()`에 의해 만들어진 확장 생성자를 내보내는 것도 가능하지만, 일반 객체를 선호합니다.
+- 스크립트는 Vue.js 컴포넌트 옵션 객체를 내보내야합니다. `Vue.extend()`에 의해 생성된 확장 생성자를 export하는 것도 지원되지만 평범한 객체를 추천합니다.
 
 #### `<style>`
 
-- 기본 언어: `css`.
+- 기본 언어 : `css`.
+
+- 한개의 `*.vue`에서 여러개의 `<style>`태그를 지원합니다.
+
+- `<style>`태그는 `scoped` 또는 `module` 속성을 가질 수 있습니다. ([Scoped CSS](../features/scoped-css.md)와 [CSS Modules](../features/css-modules.md)를 확인하세요) 현재 컴포넌트에 스타일을 캡슐화 하는데 도움을 줍니다. 캡슐화 모드는 다른 여러개의 `<style>` 태그를 동일한 컴포넌트에 사용할 수 있습니다.
+
+- 기본적으로, 내용이 추출되어 `style-loader`를 사용해 실제로 `<style>` 태그로 문서의 `<head>`에 동적으로 삽입됩니다. [모든 컴포넌트의 모든 스타일이 하나의 CSS 파일로 추출되도록  Webpack을 설정](../configurations/extract-css.md)할 수 있습니다.
+- 
+### 사용자 정의 블록
 
-- 여러 개의 `<style>` 태그가 하나의 `*.vue` 파일에 포함될 수 있습니다.
+> 10.2.0 이상에서 지원합니다.
 
-- `<style>` 태그는 컴포넌트에 스타일을 캡슐화 할 수 있도록 `scoped` 또는 `module` 속성을 사용할 수 있습니다. ([범위를 가지는 CSS](../features/scoped-css.md)와 [CSS 모듈](../features/css-modules.md)을 참고하세요)  여러 개의 `<style>` 태그로 동일한 컴포넌트에 캡슐화 모드를 혼합하여 사용 할 수 있습니다.
+사용자 정의 블록은 `<docs>` 블록과 같이 프로젝트에 한정되는 요구에 따라 추가적으로 사용할 수 있습니다. `vue-loader`는 태그 이름을 사용해 섹션의 내용에 적용할 Webpack 로더를 찾습니다. 로더는 `vue-loader` 옵션의 `loaders` 섹션에 지정되어야 합니다.
 
-- 기본적으로 컨텐츠는 추출되고 `style-loader`를 사용하여 문서의 `<head>`에서 `<style>`태그로 동적으로 삽입됩니다. 또한 모든 [컴포넌트의 스타일이 단일 CSS 파일로 추출되도록](../configurations/extract-css.md) Webpack을 구성할 수 있습니다.
+[사용자 정의 블록](../configurations/custom-blocks.md)에서 자세히 다룹니다.
 
-### Src로 가져오기
+### Src Imports
 
-`*.vue` 컴포넌트를 여러 파일로 분할하려 할 경우 `src` 속성을 사용하여 언어 블럭에 대한 외부 파일을 가져올 수 있습니다.
+`*.vue` 컴포넌트를 여러개로 나누고 싶으면 `src` 속성을 사용해 language block을 위한 외부 파일을 가져올 수 있습니다.
 
 ``` html
 <template src="./template.html"></template>
@@ -76,17 +88,25 @@ export default {
 <script src="./script.js"></script>
 ```
 
-`src`로 가져오기가 CommonJS `require()` 호출과 동일한 경로 확인 규칙을 따르기 때문에 주의해야 합니다. 즉, `./`로 시작해야하는 상대 경로를 의미하며 설치된 NPM 패키지에서 직접 리소스를 가져올 수 있습니다.
+`src` import는 CommonJS의 `require()` 호출과 동일한 경로 규칙을 사용하므로 `./`로 시작하는 상대 경로를 이용해 NPM 패키지를 직접 가져올 수 있습니다.
 
 ``` html
-<!-- 설치된 NPM 패키지 "todomvc-app-css"에서 파일을 불러옵니다 -->
+<!-- "todomvc-app-css" npm package에서 파일을 가져옵니다. -->
 <style src="todomvc-app-css/index.css">
 ```
 
+`src`는 사용자 정의 블록에서도 사용 가능합니다.
+
+``` html
+<unit-test src="./unit-test.js">
+</unit-test>
+```
+
 ### 구문 강조
 
-현재 [Sublime Text](https://github.com/vuejs/vue-syntax-highlight), [Atom](https://atom.io/packages/language-vue), [Vim](https://github.com/posva/vim-vue), [Visual Studio Code](https://marketplace.visualstudio.com/items/liuji-jim.vue), [Brackets](https://github.com/pandao/brackets-vue), [JetBrains 제품](https://plugins.jetbrains.com/plugin/8057) (WebStorm, PhpStorm 등)에 구문강조 기능이 있습니다. 다른 에디터/IDE에 대한 컨트리뷰션은 매우 환영합니다! 만약 에디터/IDE에서 구문 강조를 지원하지 않고, Vue 컴포넌트에서 전처리기를 사용하지 않는 경우 에디터에서 `*.vue` 파일을 HTML 형태로 보는 것을 추천합니다.
+현재 구문강조는 [Sublime Text](https://github.com/vuejs/vue-syntax-highlight), [Atom](https://atom.io/packages/language-vue), [Vim](https://github.com/posva/vim-vue), [Visual Studio Code](https://marketplace.visualstudio.com/items/liuji-jim.vue), [Brackets](https://github.com/pandao/brackets-vue), 와 [JetBrains 제품](https://plugins.jetbrains.com/plugin/8057) (WebStorm, PhpStorm, 등)을 지원합니다. 다른 편집기/IDE에 대한 기여를 원합니다! Vue 컴포넌트에서 프리 프로세서를 사용하지 않는 경우 `*.vue`파일을 HTML로 인식하여 사용할 수도 있습니다.
+
 
 ### 주석
 
-각 블럭 안에는 사용되는 언어의 주석 처리 방법을 사용해야 합니다. 최상위 수준의 주석은 HTML 주석 처리 방법을 사용해주세요. `<!-- 주석 내용을 여기에 적어주세요 -->`
+각 블록안에서 사용하는 언어(HTML, CSS, JavaScript, Jade, etc)의 주석 문법을 사용해야합니다. 최상위 수준의 주석은 HTML 구문을 사용합니다. `<!-- comment contents here -->`