닫기
과정 구분
과정 카테고리
태그
검색어
[HD]예제로 마스터하는 Vue.js 25제 입문 Part.3 Vue.js 컴포넌트 과정이미지

[HD]예제로 마스터하는 Vue.js 25제 입문 Part.3 Vue.js 컴포넌트

교육기간
30일
강의구성
24차시
  • 과정 [HD]예제로 마스터하는 Vue.js 25제 입문 Part.3 Vue.js 컴포넌트 0

판매금액 배송금액 할인금액

총 결제금액

기본 정보

학습기간
4주
총 시간
10.0시간
차시수
24차시
개발년월
202208
내용전문가
김동준
NCS분류
20010202:응용SW엔지니어링

과정 소개

본 과정은 핵심 예제 25개를 통해서 Vue.js의 기본적인 사용법과 핵심들을 학습합니다. Vue 프레임워크를 공부하는 입문자 및 초보자가 꼭 알아야할 필수사항들과 기능들을 학습합니다. 어려운 개념을 실생활에서 볼 수 있는 예로 비유를 들어 초보자의 눈높이에 맞춰서 누구라도 이해할 수 있도록 설명합니다.

학습 대상

Vue.js 기본과 필수 학습사항들을 학습해보고자 하는 학습자 예제를 통해서 하나하나씩 문법을 학습해가고자 하는 학습자

학습 목표

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

강의목차(총 24강)

1. 1. 데이터의 변화를 감시하라 - watch 29분

2. 2. 데이터의 변화를 감시하라 - watch를 이용한 데이터 감시 - 개념 30분

3. 3. 데이터의 변화를 감시하라 - watch를 이용한 데이터 감시 - 실습 31분

4. 4. 뷰 인스턴스 여러 개 사용하기 24분

5. 5. 컴포넌트란 무엇인가 30분

6. 6. 전역 컴포넌트 만들어서 등록하기 - 실습 29분

7. 7. 컴포넌트 안에 또 다른 컴포넌트 만들어 넣어서 사용하기 8분

8. 8. 지역 컴포넌트 만들고 사용하기 27분

9. 9. 컴포넌트에 데이터 값 전달하기 - props 31분

10. 10. 컴포넌트에 데이터 값 전달하기 - props 사용 시 주의사항 12분

11. 11. 자식 컴포넌트에서 부모 컴포넌트로 값 전달하기1 26분

12. 12. 자식 컴포넌트에서 부모 컴포넌트로 값 전달하기2 33분

13. 13. 자식 컴포넌트에서 부모 컴포넌트로 값 전달하기3 - 매커니즘 이해 26분

14. 14. 자식 컴포넌트에서 부모 컴포넌트로 값 전달하기4 - 실습 마무리 24분

15. 15. props 타입체크 및 필수여부 지정 사용하기 19분

16. 16. (1)사용자 입력을 props로 실시간 값 바꾸기 (2)인라인으로 단축 메서드 작성하기 29분

17. 17. 반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기1 11분

18. 18. 반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기2 25분

19. 19. 반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기3 27분

20. 20. 반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기4 31분

21. 21. 반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기5 20분

22. 22. 컴포넌트 템플릿 디자인 position 속성 주의 28분

23. 23. 컴포넌트 템플릿 레이아웃 수정1 27분

24. 24. 컴포넌트 템플릿 레이아웃 수정2 14분

퀵배너