![]()
일단 시작하기 전에 내가 원하는 결과는 아래와 같다. 숫자만 입력될 것 (영어, 한글 등 입력 시 자동으로 삭제되도록) 세 자리 숫자마다 콤마 찍기 1. v-model (이건 안 되는 방식임) 처음엔 v-model을 이용하여 구현했다. 잘 작동하는 것 같았으나 한글 입력 시 느리게 반영되어? (자음과 모음 조합이 한 글자이기 때문인듯하다. 즉 자음 모음 조합이 완성되어야 입력되었다고 인식하는 것 같다.) 삭제가 바로 안 되는 그런 문제가 있었다. data: { onlyNumber: '', }, methods: { checkValue(event){ this[event.target.name] = event.target.value.replace(/[^0-9]/g, '') .replace(/\B(?=(\d{3}..
![]()
이번 프로젝트에서 나는 수평 막대그래프를 담당했다. 이 막대 그래프 내용을 정리해보겠다. vue 버전은 3.2.13이다. 나는 뷰를 처음 써보는 사람이다. 틀린 부분이 있을지도 모른다는 점 명심해야 한다. 나는 vue-chart-3을 사용했다. 내가 원했던 그래프는 아래와 같이 1. 수평 막대그래프이고 2. 중앙을 기준으로 왼쪽 값이 5보다 크다면 왼쪽으로 그려지고 아니라면 오른쪽으로 그래프가 그려져야 한다. prop로 받아온 값이 5보다 크면 -1을 곱해 음수로 만들어 왼쪽으로 그려지도록 했다. 반대로 양수라면 오른쪽으로 그려진다. 위에 그래프 관련 코드는 아래와 같다. import { defineComponent, ref } from "vue"; import { BarChart } from "vue-..
