diff --git a/packages/omio/README.KR.md b/packages/omio/README.KR.md new file mode 100644 index 000000000..b9150a840 --- /dev/null +++ b/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 ( +
+ + + +
+ ) +} +``` + +`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 ( +
+ + {this.data.count} + +
+ ) + } +}) + +render(, 'body') +``` + +만약 당신이 IE9 와 IE9+ 부터 지원한다면 `static observe = true`를 사용할 수 있습니다. + +## License + +[MIT](https://github.com/Tencent/omi/blob/master/LICENSE) © [dntzhang](https://github.com/dntzhang) diff --git a/packages/omio/README.md b/packages/omio/README.md index 990c802cc..ee93bdefe 100755 --- a/packages/omio/README.md +++ b/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'