> For the complete documentation index, see [llms.txt](https://docs.sysout.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sysout.co.kr/web/develop-page/js/vuejs/cdn-vue3/vue-instance/data/ime-issue.md).
# IME issue
## VueJS IME 입력 문제
한글처럼 [IME 입력](https://ko.wikipedia.org/wiki/%EC%9E%85%EB%A0%A5%EA%B8%B0)이 필요한 언어들은 조합이 완성되어야 v-model이 갱신되므로 이용 시 문제가 되는 경우들이 존재한다.
### 테스트 예제
유니코드 입력이 정상적으로 이루어지지 않는 상황을 확인하기 위해 예제를 준비한다.
```markup
v-model example
{{text}}
```
{% embed url="" %}
테스트 예제를 실행하면 한글 등 유니코드가 실시간으로 입력되지 않는다는 것을 알 수 있다. 이에 대한 공식 사이트의 해결책은 다음과 같다.
{% embed url="" %}
### 문제점 해결
문제를 해결하려면 키보드 이벤트를 추가해야 한다. input 이벤트를 사용하면 쉽게 처리가 가능하다. 아직 이벤트를 다루지 않았으나 이 부분은 응용이 필요없는 고정 해결책이기에 이곳에서 기술한다.
```html
```
`$event`는 Vue에서 제공하는 내장 이벤트 객체이며, `$event.target`은 이벤트가 발생한 대상인 input 태그를 말한다. 따라서 `$event.target.value`는 입력창의 입력값을 불러오는 코드이며, 이를 Vue data인 `text`에 설정하는 코드를 입력 시 실행되도록 설정했다.
```markup
v-model example
{{text}}
```
{% embed url="" %}
한글을 포함한 모든 입력이 정상적으로 수행되는 것을 확인할 수 있다.