수업 소스 코드 안내

강의명 : Vue.js 시작하기 - Age of Vue.js

수강 기한 : 무제한

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

나가기

미수강

이전수업

다음수업

깃헙 리포지토리 주소

※ 참고 : 깃을 잘 모르시는 분들은 아래 튜토리얼이나 도서를 참고해보시길 추천드립니다 :)

- 팀 개발을 위한 Git, GitHub 시작하기(클릭)

- 초심자를 위한 Github 협업 튜토리얼(클릭)

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

수강 기한 : 무제한

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

개발 환경 설정

프로그램 설치

2분

수업 소스 코드 안내

1분

VSCode에서 수업 코드 보는 방법

2분

VSCode 플러그인 설치 및 설정

5분

뷰 개발자 도구 소개 및 실행 방법

2분

Vue.js 소개

MVVM 모델에서의 Vue

2분

기존 웹 개발 방식(HTML, Javascript)

10분

Reactivity 구현

11분

Reactivity 코드 라이브러리화 하기

3분

Hello Vue.js와 뷰 개발자 도구

3분

인스턴스

인스턴스 소개

4분

인스턴스와 생성자 함수

3분

인스턴스 옵션 속성

2분

컴포넌트

컴포넌트 소개

1분

[실습 안내] 컴포넌트 등록 및 실습

5분

[실습 풀이] 전역 컴포넌트 등록

2분

지역 컴포넌트 등록

4분

전역 컴포넌트와 지역 컴포넌트의 차이점

2분

컴포넌트와 인스턴스와의 관계

4분

컴포넌트 통신 방법 - 기본

컴포넌트 통신

2분

컴포넌트 통신 규칙이 필요한 이유

3분

props 속성

6분

props 속성의 특징

2분

[실습 안내] props 속성 실습

2분

[실습 풀이] props 속성 실습 풀이

2분

event emit

4분

event emit으로 콘솔 출력하기

3분

[실습 안내] event emit 실습 안내

3분

[실습 풀이] event emit 실습 풀이

5분

뷰 인스턴스에서의 this

4분

컴포넌트 통신 방법 - 응용

같은 컴포넌트 레벨 간의 통신 방법

1분

같은 컴포넌트 레벨 간의 통신 방법 구현 1

8분

같은 컴포넌트 레벨 간의 통신 방법 구현 2

6분

라우터

뷰 라우터 소개와 설치

3분

뷰 라우터 인스턴스 연결 및 초기 상태 안내

3분

[실습 안내] routes 속성 설명 및 실습 안내

3분

라우터가 표시되는 영역 및 router-view 태그 설명

5분

링크를 이용한 페이지 이동 및 router-link 태그 설명

4분

라우터 정리 및 학습 방향 안내

5분

HTTP 통신 라이브러러 - axios

HTTP 라이브러리와 Ajax 그리고 Vue Resource

3분

axios 소개 및 오픈 소스를 사용하기 전에 알아야 할 것들

6분

axios 실습 및 this 설명

9분

웹 서비스에서의 클라이언트와 서버와의 HTTP 통신 구조

5분

크롬 개발자 도구 네트워크 패널 보는 방법

4분

템플릿 문법 - 기본

템플릿 문법 소개

1분

데이터 바인딩과 computed 속성

5분

[실습 안내] 뷰 디렉티브와 v-bind

4분

[실습 풀이] 클래스 바인딩, v-if, v-show

6분

모르는 문법이 나왔을 때 공식 문서를 보고 해결하는 방법

6분

methods 속성과 v-on 디렉티브를 이용한 키보드, 마우스 이벤트 처리 방법

7분

템플릿 문법 - 실전

watch 속성

4분

watch 속성 vs computed 속성

6분

computed 속성을 이용한 클래스 코드 작성 방법

7분

프로젝트 생성 도구 - Vue CLI

최신 Vue CLI 소개

3분

Vue CLI 도구 설치할 때 문제점 해결 방법

3분

CLI 2.x와 3.x의 차이점 / 프로젝트 생성 및 서버 실행

6분

CLI로 생성한 프로젝트 폴더 구조 확인 및 main.js 파일 설명

7분

싱글 파일 컴포넌트 소개 및 여태까지 배운 내용 적용하는 방법

3분

App.vue와 HelloWorld.vue 설명

7분

싱글 파일 컴포넌트

싱글 파일 컴포넌트에 배운 내용 적용하여 개발 시작하기

5분

싱글 파일 컴포넌트 체계에서 컴포넌트 등록하기

6분

싱글 파일 컴포넌트에서 props 속성 사용하는 방법

4분

싱글 파일 컴포넌트에서 event emit 구현하기

5분

Vue CLI로 생성한 프로젝트 내용 정리

2분

최종 프로젝트 - 사용자 입력 폼 만들기

프로젝트 생성 및 마크업 작업

6분

v-model 속성과 submit 이벤트 처리

6분

axios를 이용한 데이터 전송 및 form 구현

8분

마무리

수업 정리 및 향후 학습 방향 안내

10분

질답

멘토링

멘토링 신청
장기효(캡틴판교)