06. 실전 애플리케이션 만들기

[jiyeong1004]

< 06-1 할 일 관리 앱 살펴보기 >

• 왜 할 일 관리 앱을 만들어야 하나?
• 할 일 관리 앱 살펴보기
• 애플리케이션 컴포넌트 구조도

< 06-2 프로젝트 생성하고 구조 확인하기 >

• 뷰 CLI를 이용한 프로젝트 생성
• 프로젝트 초기 설정

< 06-3 컴포넌트 생성하고 등록하기 >

• 컴포넌트 생성
• 컴포넌트 등록

< 06-4 컴포넌트 내용 구현하기 >

• 애플리케이션 제목을 보여주는 TodoHeader 컴포넌트
• 할 일을 입력하는 TodoInput 컴포넌트
• 저장된 할 일 목록을 표시하는 TodoList 컴포넌트
• TodoList.vue에 할 일 삭제 기능 추가하기
• 모두 삭제하기 버튼을 포함하는 TodoFooter 컴포넌트

< 06-5 기존 애플리케이션 구조의 문제점 해결하기 >

• 현재 애플리케이션 구조의 문제점
• 문제 해결을 위한 애플리케이션 구조 개선
• props와 이벤트 전달을 이용해 할 일 입력 기능 개선하기
• 이벤트 전달을 이용해 Clear All 버튼 기능 개선하기
• 이벤트 전달을 이용해 할 일 삭제 기능 개선하기

< 06-6 더 나은 사용자 경험을 위한 기능 추가하기 >

• 뷰 애니메이션
• 뷰 모달