로그인

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

Vue.js Complete Guide

“Vue.js 완벽 가이드”
Do it! Vue.js 입문 → Vue.js 초급 강좌 → Vue.js 중급 강좌의 계보를 잇는 Vue.js 실전 강좌입니다. 실제 API로 웹 서비스를 만들어나가면서 Vue Router, Vuex를 비롯한 HTTP 통신 구현 방법과 외부 라이브러리 사용 방법, 컴포넌트 디자인 패턴 등 Vue.js를 실무에서 사용할 때 필요한 모든 기술과 지식을 알아봅니다.

“Vue 창시자, 에반 유에게 배운 그 내용”
Vue.js 창시자 Evan You의 오프라인 수업에서 익힌 고급 기술과 Vue 코어 팀 멤버들에게 전수 받은 지식을 그대로 녹여내었습니다. 잘하는 Vue.js 개발자들은 어떻게 코드를 작성하는지 이번 강의에서 함께 알아보겠습니다.

“단순 지식 전달형 강의는 이제 그만, 실습을 유도하는 대화형(Interactive) 강의”
단순히 코드만 따라쳐서는 내 것이 되지 않습니다. 간결한 이론 설명과 강사의 시범 구현 후 수강생분들과 함께 웹 서비스를 만들어나가는 대화형(Interactive) 강의를 지향합니다. 12개의 실습 예제를 통해 강사가 알려준 내용을 내 것으로 만들어보세요.

“입문자의 눈높이에서 바라보는 리팩토링(코드 개선)”
컴포넌트 기반 개발 방식보다 jQuery가 더 익숙한 입문자 분들의 눈높이에서 서비스를 설계하고, 같이 코드와 애플리케이션의 구조를 개선시켜나가며 컴포넌트 기반 사고력을 기릅니다. 실무에 바로 적용 가능한 코드를 함께 만들어봅니다.

 누구에게 도움이 되나요?

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

어떤 걸 배우나요?

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

강좌 특징

2년간 오프라인 수업에서 200명의 수강생을 가르치며 깨달은 입문자 관점으로 수업 교과과정을 구성하였습니다. 컴포넌트 기반 사고에 익숙하지 않은 분들이 자연스럽게 컴포넌트 기반 사고를 할 수 있도록 실습과 리팩토링을 수업 곳곳에 녹여내었습니다. 수업을 다 듣고 나면 한층 더 성장한 자신의 모습을 발견하실 수 있을거에요 🙂

먼저 공부하면 좋은 지식들

vuejs
vue.js 중급

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

5
가격 옵션 +
591
웹팩 강좌

쉽게 배우는 Webpack

4.4
가격 옵션 +
647

지식공유자 소개

장기효(캡틴 판교)

  인프런이 만난 사람 #02 | 장기효님 인터뷰 보러가기

강좌 평가

5

14 개의 수강평
  • 5 점14
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0
  1. Yu Jae Seung의 프로필 사진

    vue.js를 통해 유연하고 구조화된 웹 프로젝트를 진행하는데 큰 도움이 될 것 같습니다.

    5

    angular1을 사용해 웹프로젝트를 진행해오다 angular2에서부터 시작된 ES6와 컴포넌트등 신문물을 받아들이지 못하고 방황하던 중,
    vue.js의 매력이 이끌려 판교님 강좌를 기초부터 차례차례 수강해서 여기까지 오게 되었네요.
    혹자는 기초강의 없이 완벽가이드에서 모든 내용을 다루기 대문에 기초강의는 건너띄어도 된다 하지만,
    기초부터 착실하게 다지기 위해서는 기초강의 + 중급강의까지 완주행 하는게 좋다고 개인적으로 생각합니다.
    앞서 배운것들을 잊어버리지 않게 하기위해 반복해서 복기시켜주고, 예제를 통해 실무에서 바로바로 적용할 수 있는 유용한
    개발팁들 또한 많이 실려있는 것 같습니다.
    이제 곧 vue.js를 이용하여 새로운 프로젝트를 시작하려 하는데 매우 설레이고 기대가 됩니다.
    머리속에 수많은 컴포넌트들이 둥실둥실 떠다니고 있는데 구현하려면 인고의 시간이 필요하겠죠? ㅎㅎㅎ;
    모두 열공 하시기 바랍니다~^^

    • Captain Pangyo의 프로필 사진

      열심히 수강해주셔서 감사합니다 재승님 :)

      5

      지난 주부터 중급 강좌, 완벽 가이드 강좌 모두 열심히 듣고 질문 많이 해주시더니 수강평까지 좋게 남겨주셨네요 🙂
      새 프로젝트에서도 배운 내용 잘 활용하셔서 재밌게 프로젝트 진행하셨으면 좋겠습니다. 다른 분들을 위해 솔직한 의견 주셔서 감사하구요. 오늘 컴포넌트 디자인 패턴과 async 함수 쪽 강의 마저 업로드 했으니 재밌게 들으세요 🙂

      감사합니다 재승님!

  2. 김은택의 프로필 사진

    혼자서도 할 수 있는 자신감이 생겼습니다.

    5

    프론트엔드 취업 준비생입니다.
    취업을 위해서는 프레임워크 하나쯤은 조금이라도 다룰 수 있어야 될듯하여
    do it 입문 책으로 시작하여 중급, 완벽 가이드까지 수강하였습니다.

    초급, 중급 때 배웠던 내용을 다시 한 번 더 설명해 주시는 것과 이것이 왜
    필요한 것인지에 대해 잘 설명해주셔서 쉽고 편하게 배울 수 있었습니다.
    강의도 한 편 한 편 짧아서 지루하지 않게 들을 수 있었던 것 같습니다.

    아직 한참 부족하지만 이번 강의를 통해서 혼자서도 찾아서
    할 수 있다는 자신감이 생겼습니다.

    좋은 강의 정말 감사드립니다~

    얼른 나머지 강의도 업데이트되었으면 좋겠습니다 ㅜㅜ

    • Captain Pangyo의 프로필 사진

      좋은 평가 감사해요. 나머지 강의 업데이트 했습니다 :)

      5

      안녕하세요 은택님,

      제 강좌를 시리즈로 다 들어주셔서 감사합니다. 재밌게 들으신 것 같은데 자신감까지 생겼다니 더 뿌듯하네요. 안그래도 지난번에 댓글로 업데이트 요청해주셔서 좀 더 빠르게 편집하고 오늘 드디어 올렸습니다. 재밌게 들으시구요. 궁금하신 점 있으면 알려주세요.

      감사합니다 🙂

  3. BongSik Han의 프로필 사진

    과유불급의 강좌

    5

    웹과 앱이라는 무의미의 광야를 한없이 걸어야 하는 인간에게 Vue.js는 영혼의 오아시스.
    공식문서로의 배움에 지쳐 더이상 땀조차 흐르지 않는 상기된 얼굴에
    이 강좌는 한줄기 은빛 눈물을 흐르게 하는 축복의 근원.
    그리고 열사의 태양을 잊게하는 달콤한 과실.
    점점 쉽고, 간단한 것을 추구하며 가속화되는 현대 프로그래밍 시대에 Vue.js를 쉽게 표현한
    너무 넘치지도 않고 부족하지도 않는 과유불급의 강좌.
    언제나 감사합니다.

    • Captain Pangyo의 프로필 사진

      봉식님... 시를 써놓으셨네요......

      5

      멋진 수강후기 작성해주셔서 감사합니다 봉식님. 개시한 첫 달의 수강평 이벤트까지 당첨되셔서 더 뿌듯하시겠어요… 앞으로도 넘치지도 않고 부족하지도 않게 과유 불급의 컨텐츠를 계속 만들겠습니다 🙂

  4. Minsu Kong의 프로필 사진

    믿고 듣는 캡틴 장기효님 강좌~

    5

    아직 결제만 한 상태지만, 안봐도 비디오~ 기대가 됩니다.
    이제 강습들으러~ 갑니다~ ㅎㅎ

    • Captain Pangyo의 프로필 사진

      안녕하세요 민수님 여기서 또 뵙네요 :)

      5

      민수님 안녕하세요.

      작년 제 출간 소식 글에 댓글로 응원해주셨던 게 기억나네요. 제 컨텐츠에 계속 관심 갖고 응원해주셔서 감사합니다 🙂 재밌게 들으시고 궁금하신 점 있으면 연락 주세요. 감사합니다 민수님! 🙂

  5. ckrlghks4567의 프로필 사진

    뽑덕후

    5

    안녕하세요 캡틴판교님

    do it vue js를 시작으로 중급 vue강좌를 듣고

    현재 vue프로젝트를 진행하고있습니다

    모든 내용들이 실무에서 활용하는데 많은도움이 되엇습니다 이번강좌도 열심히듣고 활용할 수있으리라 벌써 기대됩니다

    2019 새해복 많이받으시고 앞으로도 좋은 강좌들 많이올려주세요!

    • Captain Pangyo의 프로필 사진

      새해 복 많이 받으세요 :)

      5

      안녕하세요 기환님,

      진심 어린 응원과 격려 감사드립니다. 지속적으로 관심 가져 주시고 응원해주신 만큼 앞으로도 더 좋은 컨텐츠로 찾아뵙겠습니다 🙂 재밌게 들으시고 듣다가 궁금하신 점 있으면 편하게 연락 주세요! 감사합니다!

  6. DongMin Seo의 프로필 사진

    좋은 컨텐츠 감사합니다.

    5

    프로젝트에서 vue를 사용해야할 일이 있어서 책도보고 기초와 중급강의를 모두 들었습니다.
    챗봇 화면을 구성하는 거라 Router나 Chat는 사용할 일이 없었지만 관심을 가지고 기회만 보고 있었습니다.
    이번 강의에서 다루어주셨네요. 아직 초반만 봤지만 경험을 해서 그런지 믿고 바로 수강하였습니다.
    귀에 쏙쏙 들어오게 설명도 잘해주시고 실무를 하는데 있어서 많은 도움이 되었습니다.

    외부 라이브러리 모듈화에 대해서도 다루어 주셔서 감사합니다.
    중급까지 들었지만… 모듈을 가져다 쓰는게 여전히 이해가 잘안되서 억지로 짜맞춰 쓰고 있는 느낌을 받고 있었습니다. 이번 강의에서 다루어 주셨네요. 바로 보고 싶지만 차근차근 봐봐야겠네요.

    좋은 강의 다시한번 감사드립니다.

    • Captain Pangyo의 프로필 사진

      칭찬과 응원 감사드립니다 :)

      5

      안녕하세요 동민님,

      책과 강의 모두 관심 갖고 구매해주셔서 감사드립니다. 컨텐츠를 제작하는 사람에게 더할나위 없는 응원과 칭찬인 것 같아요. 이번 강의도 도움 많이 되셨으면 좋겠고 앞으로도 더 좋은 컨텐츠로 찾아뵐 수 있었으면 좋겠습니다. 감사합니다 🙂

  7. 정호영의 프로필 사진

    1호 후기

    5

    사실 안 봤지만 1등으로 평점을 드리고 싶었습니다. 좋은 컨텐츠 감사합니다.
    나중에 완료하면 다시 한 번 공정하게 평가해 드릴게요!

    • Captain Pangyo의 프로필 사진

      1호 후기 감사합니다 교수님 :)

      5

      와 교수님… 여기서 이렇게 뜻밖에 선물을 받네요 🙂 첫 번째 수강후기 진심으로 감사드립니다. 오랜만에 올리는 온라인 강의라 더 철두 철미하게 준비하고 있었는데 이렇게 응원의 메시지를 받으니 더 책임감이 드네요. 재밌고 유익한 강의였으면 좋겠습니다. 내일 올라오는 강의 기대해주세요 🙂 교수님의 공정한 평가 고대하고 있겠습니다 🙂

      감사합니다. 호영 교수님!

강좌 교육과정

제작할 앱 & API 소개 & Vue.js 스타일 가이드 소개
강의 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:04:00
개발 환경 설정 및 비공개 리포지토리 주소 안내학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
VSCode 플러그인 목록학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:06:00
Vue.js 스타일 가이드 및 코딩 컨벤션 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:01:00
파트 1 (애플리케이션 제작 파트)
소개 및 설계
제작할 사이트 및 API 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
애플리케이션 라우터 설계학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
비공개 리포지토리 소개 및 뷰 CLI 설명학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
Vue CLI 2.x vs Vue CLI 3.x학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
프로젝트 셋업
Vue CLI로 프로젝트 생성 및 ESLint 로그 확인학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:05:00
ESLint 도구 소개와 사용해야 하는 이유?학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Vue CLI 3.x에서 ESLint 설정 끄는 방법학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
라우터 기본
라우터 설치 및 라우터 구현학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
router-view를 이용한 라우팅 컴포넌트 표시학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
redirect 속성과 router-link학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
ToolBar의 라우터 링크 스타일링학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
[실습 안내] ItemView와 UserView 라우터 구현학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:01:00
라우터 폴더 작명 팁과 라우터 mode 안내학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:01:00
API 구현
axios를 이용한 api 호출학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:11:00
[실습 안내] axios의 api 함수 구조화 방법 및 실습 안내학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:12:00
[실습] JobsView와 AskView 구현학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
자바스크립트 this 4가지와 화살표 함수의 this학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
자바스크립트 비동기 처리(1) – Callback학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
자바스크립트 비동기 처리(2) – Promise학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
스토어 구현
Vuex 설치 및 Vuex가 적용된 앱 구조 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:03:00
Vuex 모듈화 및 state 적용학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
NewsView에 actions와 mutations 적용학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
[실습 안내] JobsView와 AskView 실습 안내학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:01:00
[실습] JobsView에 스토어 적용학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
[실습] map 헬퍼 함수를 이용한 AskView 풀이학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
스토어 속성 모듈화학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
중간 정리
중간 정리 및 스타일링학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
라우터 실전
동적 라우트 매칭 원리 및 적용학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
라우터 params을 이용한 User 상세 페이지 구현학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:15:00
[실습] 질문 상세 페이지 구현 실습 안내학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
[실습] 질문 상세 페이지 실습 풀이 및 오류 디버깅학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
질문 상세 페이지 스타일링 및 v-html 디렉티브 사용법 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:15:00
라우터 트랜지션학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
리팩토링 1 - 리스트 아이템 컴포넌트 공통화
컴포넌트 공통화 리팩토링 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:01:00
[실습 안내] 뉴스 리스트 스타일링학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
[실습] 질문, 구직 리스트 스타일링학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
[실습 안내] 공통 컴포넌트 ListItem 제작 및 실습 안내학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
[실습] 공통 컴포넌트 구현(1) – 페이지별 데이터 분기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
공통 컴포넌트 구현(2) – computed 속성학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
공통 컴포넌트 구현(3) – template 속성과 v-if 디렉티브 활용 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
공통 컴포넌트 구현(4) – template 속성과 v-if 디렉티브 활용 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
리팩토링 2 - 사용자 프로필 컴포넌트 공통화
사용자 프로필 컴포넌트 소개 및 등록학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:04:00
사용자 컴포넌트 데이터 흐름 처리 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
사용자 컴포넌트 데이터 흐름 처리 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
2가지 데이터 처리 흐름 비교학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
slot을 이용한 사용자 프로필 컴포넌트 구현학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
사용자 프로필 컴포넌트 스타일링 및 코드 정리학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
리팩토링 3 - Mixin과 하이 오더 컴포넌트
컴포넌트 재활용 방법 및 재활용할 포인트 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:03:00
이벤트 버스를 이용한 스피너 컴포넌트 구현학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
스피너 실행 및 종료 시점 알아보기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
하이 오더 컴포넌트(HOC) 소개 및 구현학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
하이 오더 컴포넌트에서 사용할 ListView 컴포넌트 구현학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
하이 오더 컴포넌트가 적용된 앱 구조 설명 및 흐름 정리학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Mixin의 개요와 활용처 그리고 HOC와의 차이점학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
[실습 안내] Mixin 적용 후 HOC 구조와 비교학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
[실습] Mixin 실습 및 컴포넌트 재활용 방법에 대한 리뷰학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
리팩토링 4 - 데이터 호출과 UX
UX를 고려한 데이터 호출 시점학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
라이프 사이클 훅을 이용한 데이터 호출 방법의 문제와 비동기 처리 코드 수정학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
라우터 네비게이션을 이용한 데이터 호출 방법학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
[실습] 라우터 네비게이션 가드 실습 안내학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:01:00
[실습] 라우터 네비게이션 가드 실습 및 스피너 종료 시점 변경학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
UX를 고려한 데이터 호출 시점 요약 정리 및 추가 고려 사항 안내학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
리팩토링 5 - async & await를 이용한 비동기 처리
자바스크립트 비동기 처리 패턴의 발전 과정학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
async & await 문법 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
async & await 예제 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
async await 예제 실습학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
async await 에러 처리 방법과 공통화 함수 작성 방법학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
async 함수를 이용한 코드 리팩토링학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
[실습 안내] async await 실습 안내학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:01:00
[실습] async await 실습 풀이학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
파트 2 (애플리케이션 실전 파트)
외부 라이브러리 모듈화 방법(차트)
라이브러리 모듈화의 이유와 배경학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:05:00
차트 라이브러리 설치 및 차트 그리기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
BarChart 컴포넌트화 작업학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
[실습] LineChart 실습 안내학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:01:00
[실습] LineChart 제작 및 차트 충돌 문제 해결학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
Vue에서 DOM을 접근하는 방법인 ref 속성 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Vue.js 플러그인 소개 및 차트 플러그인 제작학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
결합력 높은 차트 컴포넌트 모듈 제작 방법학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
컴포넌트 디자인 패턴
Component Design Patterns 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
Common Approach학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Component with Slots – Slot vs Props학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Component with Slots 구현 방법과 활용처학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Controlled Component – Input 박스를 다룰 때 생기는 문제점학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
Controlled Component – 구현 방법과 활용처학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
Renderless Component – 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
Renderless Component – Render Function학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
Renderless Component – 구현 방법과 활용처학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
서비스 배포 환경 구성(업로드 예정)
서비스 배포를 위한 빌드 과정학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:00:00
환경 변수 파일을 이용한 빌드 자동화학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:00:00
IE 대응을 위한 Polyfill 셋업학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:00:00
  • 가격 옵션 +
  • 평생
  • 강좌 수료증
  • 94개 강의, 총 9 시간 30 분
  • 위시리스트

실시간 인기 강좌

우리는 성장기회의 평등을 추구합니다. 🎄

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는 것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4178-0406 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED