여행과 일상

input 요소 처리 시 nextTick 이 사용 될 만한 예제에 대해 설명해 보겠습니다. 먼저 input 에 대한 입력 조건은 아래와 같습니다.숫자만 입력 가능하다.6자리 이상은 입력되지 않는다. 위에 대한 조건을 바탕으로 하는 기본 코드는 아래와 같습니다.   위의 코드를 실행 시 숫자와 영어 입력 시 조건에 부합하는 결과가 나오게 되는데요, 만약 한글을 입력하게 된다면, 그대로 표시가 되는 걸 보실 수 있습니다. 이유를 찾아보니... 영어 문자의 경우 vuejs 와의 입력과 동기화가 잘되므로 데이터 모델 변경 시 뷰에 즉각적인 반영에 있어서 문제가 없다고 합니다.하지만 한글은 조합형 문자인 경우가 있고 이러한 경우에 문자열의 변화가 느려질 수 있는데, 이때 vuejs 의 비동기 업..