Typescript with Vue 실전 프로젝트

Typescript with Vue 실전 프로젝트

(6개의 수강평)

102명의 수강생
16,500원
지식공유자 · 성도희
21회 수업 · 총 3시간 41분 수업
평생 무제한 시청
수료증 발급 강의
수강 난이도 '중급'
성도희의 다른 강의
연관 로드맵
아직 다른 강의가 없어요 ㅠㅠ
연관 로드맵이 없어요 ㅠㅠ

이런 걸 배울 수 있어요

  • Vue.js와 Typescript를 이용해서 웹 어플리케이션을 개발할 수 있다.

타입스크립트를 이용해서 한단계 업그레이드 된 Vue 어플리케이션을 개발할 수 있도록 도움을 주는 강좌입니다.
Vue.js 기초 강좌와 ES6 또는 타입스크립트 입문자이신 개발자 분들께 이 강좌를 추천드립니다.

최근, 구글의 Angular에서 타입스크립트를 공식 언어로 지정할 만큼 타입스크립트의 위상이 높아져가지만,
아직도 러닝커브때문에 도입을 꺼려하시는 분들이 많습니다.

이 강좌는 왜 타입스크립트를 선택해야하는지, 과연 나의 프로젝트에 타입스크립트를 도입하는것이 올바른지에 대한 선택을 도와드립니다. 또한, 이 강좌를 통해 Vue.js 어플리케이션에서 타입스크립트 스타일로 개발하는 방법을 배워나갈 수 있습니다.

이 강좌는 크게 4가지의 주제로 구성되어 있습니다.

1. Typescript 선택가이드
2. Class-based 컴포넌트 만들기
3. Typescript를 이용해 Vuex 설계하기
4. 실전프로젝트 (Todo-list)

수강 대상

  • Vue.js 에 타입스크립트를 사용하려는 개발자
  • Vue.js 의 프로젝트를 장기간 유지보수하는 실무자
  • Vue.js 로 규모가 큰 프로젝트 개발을 하고자하는 실무자

선수 지식

  • ES6의 문법을 알고있거나 typescript 초급
  • Vue.js 초급

지식공유자 소개

자바스크립트로 프론트엔드도 개발하고 백엔드도 개발하는 자바스크립트 개발자입니다. 😎
개발과 관련된 질문은 언제나 환영하오니 편하게 이메일로 연락주세요!

📌blog : https://seongdohee.github.io/
📌email : seong0420hei@gmail.com

교육과정

모두 펼치기 21 강의 3시간 41분
섹션 0. 강의 소개
2 강의 10 : 35
오리엔테이션
02 : 36
왜 Typescript를 선택할까요?
07 : 59
섹션 1. 개발환경 설정
2 강의 14 : 53
vue-cli로 Typescript 프로젝트 생성하기
05 : 25
프로젝트 구조 설명 및 설정
09 : 28
섹션 2. Class-Based 컴포넌트 만들기
7 강의 54 : 12
@Component로 컴포넌트 만들기
07 : 15
@Prop으로 데이터 전달하기
08 : 50
@Watch로 데이터 변화 감지하기
07 : 33
@Emit으로 이벤트 전달하기
06 : 28
@Provide/@inject로 데이터 전달하기
06 : 01
@Model 사용하기
10 : 38
Mixins 활용 방법
07 : 27
섹션 3. Interface로 Vuex 설계하기
3 강의 38 : 30
Vue의 데이터흐름과 Vuex
05 : 45
Vuex interface를 구현하여 Store 개발하기
17 : 12
Vuex Module Interface를 구현하여 Store 분리하기
15 : 33
섹션 4. 알아두면 좋은 Vuex 오픈소스
2 강의 13 : 09
vuex-module-decorator 사용하기
08 : 00
vuex-class 사용하기
05 : 09
섹션 5. 실전 프로젝트 (Todo-list)
5 강의 89 : 48
Todo-list 앱의 요구사항 분석하기
02 : 44
컴포넌트 조각들 개발하기
15 : 08
라우터 구조 잡기
16 : 52
Vuex Store 개발하기
33 : 07
Axios 연동하기 + 리팩토링
21 : 57

공개 일자

2019년 6월 3일 (마지막 업데이트 일자 : 2019년 6월 4일)

수강 후기

4.7
6개의 수강평
Dong Jun Kwon 5달 전
요즘 핫한 vue와 typescript에 대한 강의가 없는데 도움이 많이 되었습니다. 감사합니다.
유한군 4달 전
타입스크립트와 Vue를 기초만 알고 있었는데 매우 큰 도움이 되었습니다!
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스