react-hangul-virtual-keyboard/README.md

React.js Virtual Keyboard (Korean layout, English layout)

## react-hangul-virtual-keyboard
React.js Virtual Keyboard (Korean layout, English layout)

기존의 react-simple-keyboard에서 제공하는 Korean 버전은 받침이 입력되지 않는 문제점이 있습니다. 이를 해결하기 위해 hangul-js의 Hangul.assemble을 이용했습니다. 한글의 자음/모음을 조합하여 글자로 보여줍니다.

***

<p>
  <a href="https://www.npmjs.com/package/react-simple-keyboard">
	<h3>react-simple-keyboard</h3>
  </a>
</p>

<blockquote>The slick virtual keyboard for React. Customizable, responsive and lightweight.</blockquote>

***

<a href="https://www.npmjs.com/package/hangul-js">
	<h3>hangul-js</h3>
</a>
<blockquote>Hangul.js는 한글로 이루어진 문장의 자음과 모음을 분리하는 자바스크립트 라이브러리입니다. 자모 분리 또는 초성 검색에 사용할 수 있습니다.</blockquote>

***

## 📦 Installation & Usage
`npm install react-hangul-virtual-keyboard`

`import Keyboard from 'react-hangul-virtual-keyboard';`


## 🚀 Demo (simple-keyboard)

[https://simple-keyboard.com/demo](https://simple-keyboard.com/demo)


## 📖 Documentation (simple-keyboard)
Check out the [simple-keyboard documentation](https://simple-keyboard.com/react/documentation) site.

Feel free to browse the [Questions & Answers](https://simple-keyboard.com/qa-use-cases/) page for common use-cases.

### To run demo on your own computer

* Clone this repository
* `npm install`
* `npm start`
* Visit [http://localhost:3000/](http://localhost:3000/)

### Other versions

* [Vanilla JS](https://github.com/hodgef/simple-keyboard)
* [Angular](https://simple-keyboard.com/demo)
* [Vue.js](https://simple-keyboard.com/demo)


## ✅ Contributing

PR's and issues are welcome. Feel free to submit any issues you have at:
[https://github.com/LeeSongA/react-hangul-virtual-keyboard/issues](https://github.com/LeeSongA/react-hangul-virtual-keyboard/issues)