[HD]예제로 마스터하는 Vue.js 25제 입문 Part.3 Vue.js 컴포넌트
| 강사명 | 차시 | 학습시간 | 샘플 |
|---|---|---|---|
| 김동준 | 24 | 10 시간 |
모두보기
과정소개
학습대상
학습목표
학습내용
| 본 과정은 핵심 예제 25개를 통해서 Vue.js의 기본적인 사용법과 핵심들을 학습합니다. Vue 프레임워크를 공부하는 입문자 및 초보자가 꼭 알아야할 필수사항들과 기능들을 학습합니다. 어려운 개념을 실생활에서 볼 수 있는 예로 비유를 들어 초보자의 눈높이에 맞춰서 누구라도 이해할 수 있도록 설명합니다. |
| Vue.js 기본과 필수 학습사항들을 학습해보고자 하는 학습자 예제를 통해서 하나하나씩 문법을 학습해가고자 하는 학습자 |
| 핵심 예제 25개를 통해서 Vue.js의 기본적인 사용법과 핵심들을 학습합니다. |
| 1. 데이터의 변화를 감시하라 - watch 2. 데이터의 변화를 감시하라 - watch를 이용한 데이터 감시 - 개념 3. 데이터의 변화를 감시하라 - watch를 이용한 데이터 감시 - 실습 4. 뷰 인스턴스 여러 개 사용하기 5. 컴포넌트란 무엇인가 6. 전역 컴포넌트 만들어서 등록하기 - 실습 7. 컴포넌트 안에 또 다른 컴포넌트 만들어 넣어서 사용하기 8. 지역 컴포넌트 만들고 사용하기 9. 컴포넌트에 데이터 값 전달하기 - props 10. 컴포넌트에 데이터 값 전달하기 - props 사용 시 주의사항 11. 자식 컴포넌트에서 부모 컴포넌트로 값 전달하기1 12. 자식 컴포넌트에서 부모 컴포넌트로 값 전달하기2 13. 자식 컴포넌트에서 부모 컴포넌트로 값 전달하기3 - 매커니즘 이해 14. 자식 컴포넌트에서 부모 컴포넌트로 값 전달하기4 - 실습 마무리 15. props 타입체크 및 필수여부 지정 사용하기 16. (1)사용자 입력을 props로 실시간 값 바꾸기 (2)인라인으로 단축 메서드 작성하기 17. 반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기1 18. 반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기2 19. 반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기3 20. 반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기4 21. 반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기5 22. 컴포넌트 템플릿 디자인 position 속성 주의 23. 컴포넌트 템플릿 레이아웃 수정1 24. 컴포넌트 템플릿 레이아웃 수정2 |