Typescript with Vue 실전 프로젝트

Name: Typescript with Vue 실전 프로젝트
Price: 16500 KRW
Rating: 4.4 (34 reviews)

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

(4.4) 수강평 34개

수강생 558명

난이도 중급이상

수강기한 무제한

성도희

Vue.js

먼저 경험한 수강생들의 후기

4.4

5.0

Dong Jun Kwon

57% 수강 후 작성

요즘 핫한 vue와 typescript에 대한 강의가 없는데 도움이 많이 되었습니다. 감사합니다.

5.0

유한군

100% 수강 후 작성

타입스크립트와 Vue를 기초만 알고 있었는데 매우 큰 도움이 되었습니다!

5.0

frontzero

100% 수강 후 작성

Vue 로 개발을 하면서, TypeScript 기반으로 어떻게 개발하는지 맛을보고싶었는데, 좋은 강의가 있어서 잘 들었습니다. vue 3.0 이 빨리 나와서 저도 TS기반(좀 더 TS 친화적인?)에 SPA 개발을 하고싶네요! 감사합니다. 마지막 TODO 예제는 라우트에다 watch 를 달아서 처리를 했네요.. 좋은 방식은 아니지만.. 그래도 원하는대로 동작하니.. 나중에 시간나면 좀 더 리팩토링 해보던가 이대로 두는걸로! ㅠㅠㅋㅋ @Watch('$route') public watchRouteParam(after: any, before: any) { if (after.params.hasOwnProperty('path')) { switch (after.params.path) { case 'list-active' : this.todoData = this.$store.getters.todoActiveItem; break; case 'list-clear' : this.todoData = this.$store.getters.todoClearItem; break; } } else { this.todoData = this.$store.getters.todoItem; } }

수강 후 이런걸 얻을 수 있어요

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분)

섹션 1. 강의 소개

2개 ∙ (10분)

1. 오리엔테이션
02:36
2. 왜 Typescript를 선택할까요?
07:59

섹션 2. 개발환경 설정

2개 ∙ (14분)

3. vue-cli로 Typescript 프로젝트 생성하기
05:25
4. 프로젝트 구조 설명 및 설정
09:28

섹션 3. Class-Based 컴포넌트 만들기

7개 ∙ (54분)

5. @Component로 컴포넌트 만들기
07:15
6. @Prop으로 데이터 전달하기
08:50
7. @Watch로 데이터 변화 감지하기
07:33
8. @Emit으로 이벤트 전달하기
06:28
9. @Provide/@inject로 데이터 전달하기
06:01
10. @Model 사용하기
10:38
11. Mixins 활용 방법
07:27

섹션 4. Interface로 Vuex 설계하기

3개 ∙ (38분)

섹션 5. 알아두면 좋은 Vuex 오픈소스

2개 ∙ (13분)

섹션 6. 실전 프로젝트 (Todo-list)

5개 ∙ (1시간 29분)

강의 게시일: 2019. 06. 03.

마지막 업데이트일: 2019. 06. 04.

수강평

전체

34개

4.4

34개의 수강평

유한군
수강평 1
∙
평균 평점 5.0
2019. 07. 19.
5
100% 수강 후 작성
타입스크립트와 Vue를 기초만 알고 있었는데 매우 큰 도움이 되었습니다!
Dong Jun Kwon
수강평 1
∙
평균 평점 5.0
2019. 06. 13.
5
57% 수강 후 작성
요즘 핫한 vue와 typescript에 대한 강의가 없는데 도움이 많이 되었습니다. 감사합니다.
frontzero
수강평 5
∙
평균 평점 4.6
2019. 07. 16.
5
100% 수강 후 작성
Vue 로 개발을 하면서, TypeScript 기반으로 어떻게 개발하는지 맛을보고싶었는데, 좋은 강의가 있어서 잘 들었습니다. vue 3.0 이 빨리 나와서 저도 TS기반(좀 더 TS 친화적인?)에 SPA 개발을 하고싶네요! 감사합니다. 마지막 TODO 예제는 라우트에다 watch 를 달아서 처리를 했네요.. 좋은 방식은 아니지만.. 그래도 원하는대로 동작하니.. 나중에 시간나면 좀 더 리팩토링 해보던가 이대로 두는걸로! ㅠㅠㅋㅋ @Watch('$route') public watchRouteParam(after: any, before: any) { if (after.params.hasOwnProperty('path')) { switch (after.params.path) { case 'list-active' : this.todoData = this.$store.getters.todoActiveItem; break; case 'list-clear' : this.todoData = this.$store.getters.todoClearItem; break; } } else { this.todoData = this.$store.getters.todoItem; } }
백창명
수강평 1
∙
평균 평점 5.0
2019. 06. 16.
5
90% 수강 후 작성
근래 봤던 Vue.js 강의 중 가장 도움이 많이 되었습니다!
한재형
수강평 2
∙
평균 평점 3.0
2019. 06. 26.
4
5% 수강 후 작성
다 좋은데 목소리가 너무 작아서 볼륨을 최대로 해도 잘 안들려요 ㅠㅠ 강의는 아주 좋습니다

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

Vue.js + TypeScript 완벽 가이드

캡틴판교

Vue.js에서 타입스크립트를 시작하는 분들을 위한 최고의 강의. 2개의 실습 프로젝트로 재밌게 배워보는 Vue.js + 타입스크립트 완전 정복. 배우면서 바로 실무에 적용해 보세요! 😄

중급이상

Vue.js, TypeScript

Vue.js + TypeScript 완벽 가이드

캡틴판교

윤재성의 Vue.js 프로젝트를 통한 실무 개발 과정

소프트캠퍼스

본 과정은 VueJS의 기본적인 부분과 미니프로젝트를 통한 실무 개발 방식을 학습할 수 있습니다. VueJS를 적용하시면 웹 애플리케이션개발이 용이해지고 서버의 부담을 줄일 수 있어 최근 트랜드가 되는 개발 방식입니다. 본 과정을 학습하시게 되면 최근 많이 사용하는웹 개발 방식으로 개발을 하실 수 있게 됩니다.