vue3 Vue2에서 clearTimeout & clearInterval 하는법 Vue2에서 clearTimeout & clearInterval 하는법Vue를 이용해서 프로젝트를 만들다보면 'setTimeout'나 'setInterval' 함수를 사용하는 경우가 꽤 자주 생깁니다. setTimeout은 일정 시간이 지나면 인자로 전달된 callback 함수를 실행하는 함수로 중간에 취소하고 싶으면 clearTimeout을 해줘야 합니다다.setInterval은 일정 시간을 텀으로 두고 주기적으로 인자로 전달된 callback 함수를 실행하는 함수인데, 원하는 만큼 실행이 되면 조건을 통해 clearInterval을 해줘야 합니다.이 두 함수는 사용보다 해제를 잘 하는 것이 더 중요한데요. 해제를 할 땐 각각 'clearTimeout'과 'clearInterval' 함수를 사용하면 됩.. 2022. 1. 19. (Vue 3) non-emits event 경고 (Vue 3) non-emits event 경고 Vue로 프로젝트를 개발하다 보니 팝업창을 띄울 때마다 런타임시 이상한 경고창이 뜨는 것을 발견했다. Extraneous non-emits event listeners (closePopup) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option. 왜 이런 경고창이 뜨는 것일까? 내가 진행하던 프로젝트에서.. 2022. 1. 16. Count up 효과 (숫자 올라가는 효과) - js / vue Count up 효과 - js, vue로 구현하기 웹 개발을 하다보면 0부터 설정한 값까지 숫자가 올라가는 count-up 모션을 만들어야 하는 경우가 있습니다. 근데 카운트업 효과를 구글에 찾아보면 죄다 jQuery로 구현이 되어있더라구요. 그래서 직접 js와 vue를 이용해서 한번 만들어 보았습니다. 간단하게 만든거니 가져다 쓸 때 고치셔야 할거에요. JSFiddle 창을 클릭하면 결과와 소스를 볼 수 있습니다. JavaScript 로 구현 Vue 로 구현 이해가 안되시면 답글 달아주세요:) 2021. 12. 8. 이전 1 다음
