Vue.js 시작하기 - Age of Vue.js

기간: 무제한

진도율 : 0강/68강 (0%) | 시간 : 0분/326분 0%

개발 환경 설정
프로그램 설치
수업 소스 코드 안내
VSCode에서 수업 코드 보는 방법
VSCode 플러그인 설치 및 설정
뷰 개발자 도구 소개 및 실행 방법
Vue.js 소개
MVVM 모델에서의 Vue
기존 웹 개발 방식(HTML, Javascript)
Reactivity 구현
Reactivity 코드 라이브러리화 하기
Hello Vue.js와 뷰 개발자 도구
인스턴스
인스턴스 소개
인스턴스와 생성자 함수
인스턴스 옵션 속성
컴포넌트
컴포넌트 소개
[실습 안내] 컴포넌트 등록 및 실습
[실습 풀이] 전역 컴포넌트 등록
지역 컴포넌트 등록
전역 컴포넌트와 지역 컴포넌트의 차이점
컴포넌트와 인스턴스와의 관계
컴포넌트 통신 방법 - 기본
컴포넌트 통신
컴포넌트 통신 규칙이 필요한 이유
props 속성
props 속성의 특징
[실습 안내] props 속성 실습
[실습 풀이] props 속성 실습 풀이
event emit
event emit으로 콘솔 출력하기
[실습 안내] event emit 실습 안내
[실습 풀이] event emit 실습 풀이
뷰 인스턴스에서의 this
컴포넌트 통신 방법 - 응용
같은 컴포넌트 레벨 간의 통신 방법
같은 컴포넌트 레벨 간의 통신 방법 구현 1
같은 컴포넌트 레벨 간의 통신 방법 구현 2
라우터
뷰 라우터 소개와 설치
뷰 라우터 인스턴스 연결 및 초기 상태 안내
[실습 안내] routes 속성 설명 및 실습 안내
라우터가 표시되는 영역 및 router-view 태그 설명
링크를 이용한 페이지 이동 및 router-link 태그 설명
라우터 정리 및 학습 방향 안내
HTTP 통신 라이브러러 - axios
HTTP 라이브러리와 Ajax 그리고 Vue Resource
axios 소개 및 오픈 소스를 사용하기 전에 알아야 할 것들
axios 실습 및 this 설명
웹 서비스에서의 클라이언트와 서버와의 HTTP 통신 구조
크롬 개발자 도구 네트워크 패널 보는 방법
템플릿 문법 - 기본
템플릿 문법 소개
데이터 바인딩과 computed 속성
[실습 안내] 뷰 디렉티브와 v-bind
[실습 풀이] 클래스 바인딩, v-if, v-show
모르는 문법이 나왔을 때 공식 문서를 보고 해결하는 방법
methods 속성과 v-on 디렉티브를 이용한 키보드, 마우스 이벤트 처리 방법
템플릿 문법 - 실전
watch 속성
watch 속성 vs computed 속성
computed 속성을 이용한 클래스 코드 작성 방법
프로젝트 생성 도구 - Vue CLI
최신 Vue CLI 소개
Vue CLI 도구 설치할 때 문제점 해결 방법
CLI 2.x와 3.x의 차이점 / 프로젝트 생성 및 서버 실행
CLI로 생성한 프로젝트 폴더 구조 확인 및 main.js 파일 설명
싱글 파일 컴포넌트 소개 및 여태까지 배운 내용 적용하는 방법
App.vue와 HelloWorld.vue 설명
싱글 파일 컴포넌트
싱글 파일 컴포넌트에 배운 내용 적용하여 개발 시작하기
싱글 파일 컴포넌트 체계에서 컴포넌트 등록하기
싱글 파일 컴포넌트에서 props 속성 사용하는 방법
싱글 파일 컴포넌트에서 event emit 구현하기
Vue CLI로 생성한 프로젝트 내용 정리
최종 프로젝트 - 사용자 입력 폼 만들기
프로젝트 생성 및 마크업 작업
v-model 속성과 submit 이벤트 처리
axios를 이용한 데이터 전송 및 form 구현
마무리
수업 정리 및 향후 학습 방향 안내