목록transition (1)

ksundev 님의 블로그

[TODO App] Modal 기능 구현 - Slot과 내장 Transition 활용

이번 포스트에서는 Vue.js에서 Modal 기능을 구현하는 방법을 알아보겠습니다. 특히 Vue의 강력한 Slot 시스템과 내장 Transition 컴포넌트를 활용한 Modal 구현에 대해 중점적으로 다뤄보겠습니다.1. 현재 상황과 해결해야 할 문제컴포넌트 구조 개선: UI와 비즈니스 로직 분리이전 포스트들과 마찬가지로, 이번에도 컴포넌트의 책임을 명확히 분리했습니다:TodoInput 컴포넌트: UI 구현만 담당 (프레젠테이션 컴포넌트)App 컴포넌트: 비즈니스 로직과 데이터 관리 담당 (컨테이너 컴포넌트)Modal 컴포넌트: 재사용 가능한 UI 컴포넌트해결해야 할 문제빈 입력 시 사용자에게 알림 표시재사용 가능한 Modal 컴포넌트 구현Vue의 Slot 시스템을 활용한 유연한 Modal 설계2. Vue..
[개발] Vue.js/중급 2025. 7. 9. 17:31
이전 Prev 1 Next 다음