html 태그에 class="animated-number" value="${WANTED_VALUE}" 추가하기. innerHTML은 0으로 설정.
ex) <b class="animated-number" value="${currPrice}">0</b>만원
렌더링이 되는 ts 코드 상단에 import AnimatedNumber from "~/AnimatedNumber"; 추가
렌더링 후 상의 ts 코드에, AnimatedNumber() 추가.
주의사항: 클래스는 무조건 animated-number이여야함
진행한 내용
https://user-images.githubusercontent.com/33449712/218405103-b68e1fd1-3be7-4572-936f-e867ad282cd0.mov
특이사항
추후 현재 경매가 등에 추가 적용 필요
해당 컴포넌트 적용 방법
html 태그에
class="animated-number" value="${WANTED_VALUE}"추가하기. innerHTML은 0으로 설정. ex)<b class="animated-number" value="${currPrice}">0</b>만원렌더링이 되는 ts 코드 상단에import AnimatedNumber from "~/AnimatedNumber";추가 렌더링 후 상의 ts 코드에,AnimatedNumber()추가. 주의사항: 클래스는 무조건 animated-number이여야함