반응형 v-if1 [Vue.js] 페이지 이동 없이 여러 화면 보여주기 (v-if 활용법) Vue.js로 웹 개발을 하다 보면, 회원가입이나 폼 작성처럼 여러 단계를 거치는 UI를 만들 때가 많습니다. 각 단계를 별도 페이지로 만들 수도 있지만, 그러면 페이지가 전환되면서 UX가 떨어지고, 상태 관리도 복잡해지는 단점이 있습니다. 이번 글에서는 v-if와 step 변수를 활용해 하나의 컴포넌트 안에서 페이지 이동 없이 여러 화면을 구성하는 방법을 알아보겠습니다.🔍 문제 상황: 분리된 2개의 화면예를 들어 '강의 등록' 기능을 만든다고 할 때,1단계: 카테고리 선택 화면 (CategorySelection.vue)2단계: 세부 내용 작성 화면 (DetailsForm.vue)이렇게 두 컴포넌트를 만들고 페이지 라우팅으로 연결하면, 사용자가 '다음' 버튼을 누를 때마다 화면이 깜빡이며 전환됩니다. .. 2025. 8. 3. 이전 1 다음 반응형
