
[Vue]디버깅하는 2가지 방법
·
vue.js
이번 글에서는 버튼을 누르면 숫자가 증가하는 간단한 Vue.js 예제를 만들고, 이를 웹 브라우저, VS Code에서 디버깅하는 방법을 알아보겠습니다. 🚀🏗️ 1. 버튼을 누르면 숫자가 증가하는 Vue 예제 만들기먼저, 버튼을 클릭할 때 숫자가 증가하는 간단한 Vue 컴포넌트를 만들어보겠습니다. 현재 숫자: {{ count }} + 숫자 증가 🔹 버튼을 클릭하면 increment() 함수가 실행되면서 count 값이 증가합니다.🔹 브라우저나 콘솔에서 숫자가 증가하는 걸 확인할 수 있습니다. 동작확인🔎 2. 웹 브라우저에서 디버깅하기✅ 2.1 Chrome 개발자 도구 활용하기 🖥️1. Vue 애플리케이션이 실행된 상태에서 개발자 도구(DevTools)를 열어야 합니다.Window..