Merge pull request #241 from LeeHyungGeun/docs/omio-readme-kr

Docs/omio readme kr

packages/omio/README.KR.md

@@ -0,0 +1,110 @@
+한국어 | [English](./README.md) | [简体中文](./README.CN.md) 
+
+# Omio
+
+> Omio 는 Omi의 구 브라우저(IE8+ 와 모바일브라우저) 지원 버전입니다.
+
+---
+
+## Usage
+
+```bash
+$ npm i omi-cli -g             
+$ omi init-o my-app   
+$ cd my-app           
+$ npm start                     
+$ npm run build               
+```
+
+## Omi와 다른점
+
+Omio 의 사용 신택스는 Omi와 같습니다. 하지만, 여기에는 조금 다른 점이 있습니다:
+
+* Omio 는 `staticCss`를 지원합니다, Omi는 지원하지 않습니다.
+
+`css` 와 `staticCss` 메서드는 뭐가 다를까요? 예를들면:
+
+``` js
+render() {
+  return (
+    <div>
+      <my-ele name={this.name}></my-ele>
+      <my-ele name={this.name}></my-ele>
+      <my-ele name={this.name}></my-ele>
+    </div>
+  )
+}
+```
+
+`css` 메서드는 head 엘리먼트에 세번 렌더를 합니다. `staticCss`는 오직 한번만 렌더 합니다!
+컴포넌트가 업데이트되면 `css` 메서드는 새로 렌더 합니다, 그러나 `staticCss`는 새로 렌더하지 않습니다.
+
+* Omio 는 slot을 지원하지 않습니다. React 처럼 `props.children`을 대신 사용해주세요.
+* Omio는 store path 업데이트를 지원하지 않습니다.
+
+
+## Use in Omi project
+
+``` bash
+npm i omio
+```
+
+### Webpack Alias
+
+만약 기존 Omi 프로젝트에서 Omio를 사용한다면, 기존 코드는 수정할 필요 없이 설정(configuration) 만 수정하면 됩니다:
+
+```js
+module.exports = {
+  //...
+  resolve: {
+    alias: {
+      omi: 'omio'
+    }
+  }
+};
+```
+
+## Support IE8
+
+```js
+import { render, WeElement, define } from '../../src/omi'
+
+define('my-counter', class extends WeElement {
+  // ie8는 observe를 사용할 수 없습니다
+  // static observe = true
+
+  data = {
+    count: 1
+  }
+
+  sub = () => {
+    this.data.count--
+    // observe를 지원하지 않기 때문에 this.update를 수동으로 호출해야 합니다.
+    this.update()
+  }
+
+  add = () => {
+    this.data.count++
+    // observe를 지원하지 않기 때문에 this.updqte를 수동으로 호출해야 합니다.
+    this.update()
+  }
+
+  render() {
+    return (
+      <div>
+        <button onClick={this.sub}>-</button>
+        <span>{this.data.count}</span>
+        <button onClick={this.add}>+</button>
+      </div>
+    )
+  }
+})
+
+render(<my-counter />, 'body')
+```
+
+만약 당신이 IE9 와 IE9+ 부터 지원한다면 `static observe = true`를 사용할 수 있습니다.
+
+## License
+
+[MIT](https://github.com/Tencent/omi/blob/master/LICENSE) © [dntzhang](https://github.com/dntzhang)

packages/omio/README.md

@@ -1,4 +1,4 @@
-English | [简体中文](./README.CN.md) 
+English | [简体中文](./README.CN.md) | [한국어](./README.KR.md)
 
 # Omio
 
@@ -22,7 +22,7 @@ Omio has the same grammar as omi, but there are also some differences:
 
 * Omio supports `staticCss`, omi does not support it. 
 
-What's the difference between the `css` and the `staticCss` method? For example：
+What's the difference between the `css` and the `staticCss` method? For example:
 
 ``` js
 render() {
@@ -64,7 +64,7 @@ module.exports = {
 };
 ```
 
-## Supports IE8
+## Support IE8
 
 ```js
 import { render, WeElement, define } from '../../src/omi'