BEST

개발 · 프로그래밍

프론트엔드

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

Name: Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Price: 77000 KRW

Do it! Vue.js 입문 -> Vue.js 초급 강좌 -> Vue.js 중급 강좌의 계보를 잇는 Vue.js 실전 강좌입니다. Vue.js 를 실무에서 완벽히 활용 가능하도록 도와줄것 입니다.

(4.9) 수강평 374개

수강생 4,768명

장기효(캡틴판교)

JavaScript Vue.js

중급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

이런 걸 배울 수 있어요

최신 뷰 CLI(v3.0)로 프로젝트를 구성하고 개발하는 방법
Vue Router 기본부터 실전, 그리고 고급 패턴까지
Axios를 이용한 API 호출 방법과 자바스크립트 비동기 처리
Vuex와 상태 관리에 대한 깊은 이해
User Experience를 고려한 데이터 호출 방법
Mixins와 High Order Component를 이용한 컴포넌트 재활용
외부 라이브러리를 프로젝트에 결합하는 방법
뷰 컴포넌트 Design Pattern

단순 지식 전달형 강의는 이제 그만,
실습 유도 대화형으로 Vue.js 완벽 이해 ✌

Vue.js 완벽 가이드 📖

본 강좌에서는 실제 APU로 웹서비스를 만들어나가면서 Vue Router, Vuex를 비롯한 HTTP 통신 구현 방법과 외부 라이브러리 사용 방법, 컴포넌트 디자인 패턴 등 Vue.js를 실무에서 사용할 때 필요한 모든 기술과 지식을 알아봅니다.

Vue.js 창시자 에반 유의 오프라인 수업에서 익힌 고급 기술과 Vue 코어 팀 멤버들에게 전수받은 지식을 그대로 녹여냈습니다. 잘하는 개발자들은 어떻게 코드를 작성하는지 함께 알아봐요.

이 강의만의 특징 😁

실습을 유도하는 인트랙티브 강의
단순히 코드만 따라쳐서는 내 것이 되지 않습니다. 간결한 이론 설명과 강사의 시범 구현 후 수강생분들과 함께 웹 서비스를 만들어나가는 대화형 (Interactive) 강의를 지향합니다. 12개의 실습 예제를 통해 강사가 알려준 내용을 내 것으로 만들어보세요.
입문자의 눈높이에서 보는 리팩토링
컴포넌트 기반의 개발 방식보다 jQuery가 더 익숙한 입문자의 눈높이에서 서비스를 설계하고, 같이 코드와 애플리케이션의 구조를 개선시켜나가며 컴포넌트 기반 사고력을 기릅니다. 실무에 바로 적용 가능한 코드를 함께 만들어봅니다.
쉽고 재미있는 설명으로 배우는 강의
2년간 오프라인 수업에서 200여 명의 수강생을 가르치며 깨달은 입문자 관점으로 수업 교과과정을 구성했습니다. 컴포넌트 기반 사고에 익숙하지 않은 분들이 자연스럽게 컴포넌트 기반 사고를 할 수 있도록 수업 곳곳에 실습과 리팩토링을 녹여냈습니다. 수업을 다 듣고나면 한층 더 성장한 자신의 모습을 발견하실 수 있을거예요.

연관 로드맵 🚎

Vue.js와 TypeScript로 정복하는 프론트엔드 개발
캡틴판교님의 뷰 + 타입스크립트로 한 번에
배우는 강의들로 구성된 로드맵입니다.이 강의 포함

지식공유자 소개 👨‍🏫

장기효 (캡틴판교)

현 프론트엔드 개발자
"Do it! Vue.js 입문" , "쉽게 시작하는 타입스크립트" 저자
네이버, 이베이코리아, 삼성, LG, SK그룹 등 Vue.js 강의
패스트캠퍼스 Vue.js 정복캠프 강의
Google 웹 기술 공식 사이트 번역자
기술 블로그, Github

"인프런이 만난 사람" 인터뷰

“강의 수익으로 Vue.js 오픈소스 +
생활코딩을 후원합니다 😁”

강의 할인을 제공합니다!

시리즈 "Vue.js로 완성하는 프론트엔드
개발자 로드맵" 25% 할인 (클릭)

수입이 없는 중·고등학생,
대학생을 위한 학생 50% 할인 (클릭)

이런 분들께
추천드려요!

학습 대상은
누구일까요?

Vue.js로 새 프로젝트를 시작하는 실무자
Vue.js로 나만의 서비스를 만들고 싶은 프런트엔드, 백엔드 개발자
Vue.js를 더 잘 사용해보고 싶은 Vue.js 개발자
기초, 중급 강좌를 들었지만 아직은 서비스 개발이 낯선 퍼블리셔, 디자이너
취업용 포트폴리오를 준비하는 대학생
기술 인터뷰를 준비하는 이직 희망자

안녕하세요
장기효(캡틴판교)입니다.

46,768

명

수강생

4,479

개

수강평

3,812

개

답변

4.9

점

강의 평점

개

강의

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

커리큘럼

전체

96개 ∙ (10시간 23분)

섹션 1. ----- 오리엔테이션 -----

1개 ∙ (4분)

강의 소개
04:03

섹션 2. 제작할 앱 & API 소개 & Vue.js 스타일 가이드 소개

3개 ∙ (9분)

개발 환경 설정 및 비공개 리포지토리 주소 안내
01:51
VSCode 플러그인 목록
06:27
Vue.js 스타일 가이드 및 코딩 컨벤션 소개
01:02

섹션 3. ----- 애플리케이션 제작 파트 -----

0개

섹션 4. 소개 및 설계

4개 ∙ (20분)

섹션 5. 프로젝트 셋업

3개 ∙ (15분)

섹션 6. 라우터 기본

6개 ∙ (36분)

섹션 7. API 구현

6개 ∙ (1시간 1분)

섹션 8. 스토어 구현

7개 ∙ (46분)

섹션 9. ----- 중간 정리 -----

1개 ∙ (13분)

섹션 10. 라우터 실전

6개 ∙ (1시간 3분)

섹션 11. 리팩토링 1 - 리스트 아이템 컴포넌트 공통화

8개 ∙ (50분)

섹션 12. 리팩토링 2 - 사용자 프로필 컴포넌트 공통화

6개 ∙ (35분)

섹션 13. 리팩토링 3 - Mixin과 하이 오더 컴포넌트

9개 ∙ (1시간 1분)

섹션 14. 리팩토링 4 - 데이터 호출과 UX

6개 ∙ (39분)

섹션 15. 리팩토링 5 - async & await를 이용한 비동기 처리

8개 ∙ (40분)

섹션 16. ----- 애플리케이션 실전 파트 -----

0개

섹션 17. 외부 라이브러리 모듈화 방법(차트)

8개 ∙ (50분)

섹션 18. 컴포넌트 디자인 패턴

9개 ∙ (51분)

섹션 19. 서비스 배포 환경 구성

5개 ∙ (22분)

강의 게시일: 2018. 12. 31.

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

수강평

전체

374개

4.9

374개의 수강평

장기효(캡틴판교)님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

Next.js 시작하기

장기효(캡틴판교)

₩55,000

초급 / Next.js, React, JavaScript

4.8

(73)

600+

React를 시작할 때 꼭 알아야 하는 Next.js 프레임워크. 입문자 관점의 쉬운 설명과 실무자가 만족하는 심도 깊은 동작 원리 이해까지. Next.js를 한방에 해결합니다.

초급

Next.js, React, JavaScript

Vue.js + TypeScript 완벽 가이드

장기효(캡틴판교)

₩88,000

중급이상 / Vue.js, TypeScript

4.8

(66)

1,300+

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

중급이상

Vue.js, TypeScript

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

장기효(캡틴판교)

₩44,000

초급 / JavaScript, Vue.js

4.9

(1,436)

9,000+

Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요.

초급

JavaScript, Vue.js

타입스크립트 입문 - 기초부터 실전까지

장기효(캡틴판교)

₩55,000

초급 / TypeScript, ES6, JavaScript

5.0

(614)

5,400+

타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관점에서 쉽고 재밌게 배워보겠습니다 😄

초급

TypeScript, ES6, JavaScript

Nuxt.js 시작하기

장기효(캡틴판교)

₩55,000

중급이상 / Nuxt.js, Vue.js, ssr

4.9

(115)

1,600+

내가 만든 Vue.js 사이트가 더 많은 사람들에게 노출 되기를 원한다면? 캡틴판교의 Vue.js 시리즈를 다 듣고 이제는 서버 사이드 렌더링도 해보고 싶은 분들이 듣기 좋은 강좌입니다. Nuxt.js 시작하기 강의!

중급이상

Nuxt.js, Vue.js, ssr

만들면서 배우는 리액트: 컴포넌트 설계와 리팩토링

장기효(캡틴판교)

₩44,000

초급 / React, JavaScript, 리팩토링

4.9

(28)

300+

실무에서 가장 많이 사용되고 있는 리액트 프레임워크, 쉽고 빠르고 재밌게 배워보세요! 할 일 관리 앱을 만들면서 리액트의 동작 원리, 컴포넌트 설계, 리팩토링 방법을 배워봅니다.

초급

React, JavaScript, 리팩토링

프론트엔드 개발자를 위한 웹팩

장기효(캡틴판교)

₩33,000

초급 / Webpack

4.9

(333)

3,700+

1000명이 선택한 웹팩 강의! 새롭게 나온 웹팩 버전에 맞춰 리뉴얼된 강좌입니다. 실습 중심으로 더 쉽게 웹팩을 배워보세요 :)

초급

Webpack

Amazing JavaScript - 입문

장기효(캡틴판교)

무료

입문 / JavaScript, ES6

5.0

(78)

3,400+

프런트엔드 개발을 위해 필요한 자바스크립트 기초 지식. 실무자로서 꼭 알아야 하는 필수 지식들을 쉽고 빠르게 설명해 줍니다. 2024년 현대 프런트엔드 개발 트렌드를 반영한 기본 강의.

입문

JavaScript, ES6

실전 프론트엔드 테스트 시작하기

장기효(캡틴판교)

₩55,000

초급 / 소프트웨어 테스트, Cypress, e2e, JavaScript, Next.js, React

5.0

(16)

200+

능력 있는 프론트엔드 개발 실무자가 되고 싶다면 꼭 들어야 할 테스트 강의. 테스팅 입문부터 실전까지 한방에 끝낸다 👊

초급

소프트웨어 테스트, Cypress, e2e

React와 Vue로 배우는 TypeScript 필수 개념 (feat. ChatGPT)

장기효(캡틴판교)

₩44,000

초급 / React, TypeScript, Vue.js, Vue 3, ChatGPT

4.9

(17)

300+

실무에서 많이 사용되는 React와 Vue의 코드를 작성하면서 타입스크립트 필수 개념을 익히는 강의입니다. React와 Vue에 타입을 입히는 방법, ChatGPT 사용법까지 모두 잡는 실무자와 입문자 모두를 위한 강의!

초급

React, TypeScript, Vue.js

Vue 3 중급 - Composition API

장기효(캡틴판교)

₩55,000

중급이상 / Vue 3, Vue.js

5.0

(47)

600+

Vue 2와 최신 Vue 3에서 모두 사용할 수 있는 Vue Composition API를 가장 쉽고 정확하게 배울 수 있는 강의!

중급이상

Vue 3, Vue.js

Vue 3 시작하기

장기효(캡틴판교)

₩44,000

초급 / Vue.js, Vue 3, JavaScript

5.0

(101)

1,200+

Vue.js 최신 버전 Vue 3를 시작하는 분들을 위한 강좌입니다. Vue.js의 동작원리부터 실무 개발을 할 때 알아둬야 하는 기본 개념들을 배워보세요.

초급

Vue.js, Vue 3, JavaScript

실전 프로젝트로 배우는 타입스크립트

장기효(캡틴판교)

₩55,000

중급이상 / TypeScript, ES6

4.8

(205)

2,600+

"타입스크립트 입문 - 기초부터 실전까지"의 실전 활용편입니다. 입문 편을 수강하지 않으신 분들은 입문 편부터 수강해주세요 😄

중급이상

TypeScript, ES6

Vue.js 끝장내기 - 실무에 필요한 모든 것

장기효(캡틴판교)

₩110,000

중급이상 / JavaScript, Vue.js, Vuex

4.8

(340)

4,000+

Vue.js로 실무 하시는 분들께 필요한 모든 것을 담았습니다. 실제 백엔드 API로 구현하는 학습 노트 CRUD 애플리케이션. 생산성 높은 프로젝트 환경 구축과 백엔드 개발자와 협업하는 방법에 대한 메시지를 꼭 확인해보세요 :)

중급이상

JavaScript, Vue.js, Vuex

PWA 시작하기 - 웹 기술로 앱을 만들자

장기효(캡틴판교)

₩55,000

초급 / Vue.js, 웹앱, PWA

4.6

(31)

700+

Web 기술로 오프라인 환경에서 작동하는 App 을 만들 수 있습니다. 프로그레시브 웹 앱이 발전해온 시대적 배경과 주요 특징을 배우고, 주요 기술들로 실제 프로그레시브 웹 앱을 만들어보세요.

초급

Vue.js, 웹앱, PWA

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

장기효(캡틴판교)

₩55,000

중급이상 / JavaScript, Vue.js, ES6, Vuex

4.9

(605)

6,300+

Vue.js 중급 강좌 - '누구나', '쉽게', '훌륭한' 웹 어플리케이션을 만들 수 있도록 도와주는 Vue.js 활용 강좌 입니다. Vue.js 에 대한 기본적인 이해를 바탕으로 Todo 앱을 만들어 보며 코드 중심의 실용적인 지식을 배우게 됩니다.

중급이상

JavaScript, Vue.js, ES6

연관 로드맵

강의가 포함된 로드맵으로 학습해 보세요!

Vue.js로 완성하는 프론트엔드 개발자 로드맵

장기효(캡틴판교)

Vue.js와 TypeScript로 정복하는 프론트엔드 개발

장기효(캡틴판교)

Vue 3 완벽 마스터 로드맵

장기효(캡틴판교)

누구나 처음부터 프론트엔드 개발자 로드맵 (Vue.js)

인프런

월 ₩15,400

5개월 할부 시

₩77,000

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

중급자를 위해 준비한 [프론트엔드, 웹 개발] 강의입니다.

이런 걸 배울 수 있어요

Vue.js 완벽 가이드 📖

이 강의만의 특징 😁

연관 로드맵 🚎

지식공유자 소개 👨‍🏫

장기효 (캡틴판교)

강의 할인을 제공합니다!

이런 분들께 추천드려요!

안녕하세요 장기효(캡틴판교)입니다.

커리큘럼

수강평

장기효(캡틴판교)님의 다른 강의

연관 로드맵

중급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

이런 분들께
추천드려요!

안녕하세요
장기효(캡틴판교)입니다.