프레듀 원격평생교육원

과목정보

[HD]예제로 마스터하는 Vue.js 25제 활용편 - TodoApp 만들기

강사명 차시 학습시간 샘플
김동준 13 5 시간
모두보기
과정소개
학습대상
학습목표
학습내용

과정소개

본 과정은 핵심 예제 25개를 통해서 Vue.js의 기본적인 사용법과 핵심들을 학습한 후에 활용예제로써 TodoApp 할 일 목록 앱을 만들어보는 과정입니다.
Vue25제 입문편 학습 필요한 과정입니다.

학습대상

Vue.js 기본과 필수 학습사항들을 학습한 후 TodoApp 할 일 목록 앱을 반들어보고자 하는 학습자
앱 만들기는 어떻게 구현하는지 흐름을 알고 싶은 학습자

학습목표

핵심 예제 25개를 통해서 Vue.js의 기본적인 사용법과 핵심들을 학습합니다.

학습목표

1. 데모 미리보기
2. TodoApp 만들기(1) - 기본 틀 잡기
3. TodoApp 만들기(2) - 사용자 입력 Form 페이지 디자인하기
4. TodoApp 만들기(3) - CSS 스타일 적용하기1
5. TodoApp 만들기(4) - CSS 스타일 적용하기2
6. TodoApp 만들기(5) - CSS 스타일 적용하기3
7. TodoApp 만들기(6) - CSS 스타일 적용하기4
8. TodoApp 만들기(7) - 배열 데이터를 이용한 출력
9. TodoApp 만들기(8) - 입력 처리1 및 오류 나타내보이기
10. TodoApp 만들기(9) - 입력 처리2 및 페이지 리로드, li key 값 적용
11. TodoApp 만들기(10) - 삭제 처리1
12. TodoApp 만들기(11) - 삭제 처리2
13. TodoApp 만들기(12) - 전체할일 건수와 완료된 건수 나타내기