강의

멘토링

로드맵

BEST
개발 · 프로그래밍

/

프론트엔드

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

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

(4.9) 수강평 381개

수강생 4,811명

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

이런 걸 배울 수 있어요

  • 최신 뷰 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로 정복하는 프론트엔드 개발
캡틴판교님의 뷰 + 타입스크립트로 한 번에
배우는 강의들로 구성된 로드맵입니다.
이 강의 포함


지식공유자 소개 👨‍🏫

장기효 (캡틴판교)

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

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

강의 할인을 제공합니다!

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

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

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • Vue.js로 새 프로젝트를 시작하는 실무자

  • Vue.js로 나만의 서비스를 만들고 싶은 프런트엔드, 백엔드 개발자

  • Vue.js를 더 잘 사용해보고 싶은 Vue.js 개발자

  • 기초, 중급 강좌를 들었지만 아직은 서비스 개발이 낯선 퍼블리셔, 디자이너

  • 취업용 포트폴리오를 준비하는 대학생

  • 기술 인터뷰를 준비하는 이직 희망자

안녕하세요
입니다.

48,362

수강생

4,711

수강평

3,814

답변

4.9

강의 평점

19

강의

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

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

커리큘럼

전체

96개 ∙ (10시간 23분)

    강의 게시일: 
    마지막 업데이트일: 

    수강평

    전체

    381개

    4.9

    381개의 수강평

    • taxtocode4740님의 프로필 이미지
      taxtocode4740

      수강평 1

      평균 평점 3.0

      3

      100% 수강 후 작성

      Có quá nhiều nội dung trùng lặp với các khóa học trước và đã quá lâu kể từ khi các bài giảng được giảng ra... Tất nhiên, không có gì thay đổi về mặt nội dung ngoại trừ phần cài đặt, nhưng xét về giá cả, tôi nghĩ nó cần sự đổi mới nào đó. Thay vì tạo nhiều khóa học, tôi nghĩ người nghe chỉ nên tạo một khóa học có thể hoàn thành cùng một lúc, ngay cả khi tất cả các mức giá được cộng lại.

      • pappagallos5031님의 프로필 이미지
        pappagallos5031

        수강평 5

        평균 평점 5.0

        5

        46% 수강 후 작성

        Wow, bài giảng thực sự là... tôi mới học được nửa chừng thôi! Trong trường hợp của tôi, tôi là sinh viên đại học năm thứ 4 đang tham gia khóa học ngay mà không cần tham gia các khóa học trung cấp và cơ bản! Nếu bạn đã học bài giảng ở trình độ trung cấp, chắc chắn bạn sẽ có thể nghe với mức độ hiểu biết cao. Bởi vì người hướng dẫn đã giải thích lại nên tôi có thể hiểu được một số phần ngay cả khi không nghe! Tuy nhiên, tôi chắc chắn rằng bạn sẽ hiểu nó tốt hơn nếu bạn tham gia các bài giảng ở trình độ trung cấp. Vì đây là bài giảng chứa đầy những khía cạnh thực tế và những lời khuyên hữu ích của người hướng dẫn nên anh ấy giải thích các khái niệm một cách chi tiết và khiến tôi băn khoăn: "Tôi nghĩ gì?" Tại sao điều này lại xảy ra như thế này? Tôi rất ngạc nhiên khi anh ấy nói ngay lập tức... đến mức tôi tự hỏi liệu anh ấy có nghe được những gì tôi nói không. Nó thực sự đáng đồng tiền bát gạo. Ngay sau khi tôi hoàn thành bài giảng này và được trả tiền từ công việc bán thời gian của mình, tôi dự định sẽ học bài giảng webpack của người hướng dẫn và bài giảng PWA cùng nhau!!! Trong cuộc thi hackathon sắp tới, tôi sẽ sử dụng vue.js mà tôi đã học được từ người hướng dẫn Jang Gi-hyo và sử dụng nó như những gì tôi đã học để giành chiến thắng!!! Cảm ơn bạn vì bài giảng tuyệt vời!

        • israpel891032님의 프로필 이미지
          israpel891032

          수강평 3

          평균 평점 4.0

          3

          100% 수강 후 작성

          Nó không dễ để hoàn thành, nhưng nó có ý nghĩa. Nếu có điều gì khiến tôi hơi thất vọng thì đó là ở cách bạn nói. 'cái này', 'cái kia', 'cái này', 'cái kia' Như thế này Có những trường hợp nó diễn ra nhanh chóng và hơi mơ hồ mà không đề cập đến danh từ. Kết quả là tôi phải dừng bài giảng và nhìn lại nhiều lần. Cảm ơn bạn đã làm việc chăm chỉ.

          • bansoon님의 프로필 이미지
            bansoon

            수강평 4

            평균 평점 4.5

            5

            92% 수강 후 작성

            Tôi nghĩ nó sẽ giúp ích rất nhiều trong việc thực hiện các dự án web có cấu trúc và linh hoạt thông qua vue.js. Trong khi làm việc trên một dự án web bằng cách sử dụng Angular1, tôi đã đi loanh quanh và không thể chấp nhận tài liệu mới như ES6 và các thành phần bắt đầu bằng Angular2. Tôi bị thu hút bởi sự hấp dẫn của vue.js, vì vậy tôi đã tham gia khóa học của Pangyo từ những điều cơ bản và kết thúc ở đây. Một số người nói rằng bạn có thể bỏ qua bài giảng cơ bản vì tất cả nội dung đều được trình bày trong hướng dẫn đầy đủ mà không cần bài giảng cơ bản, nhưng Cá nhân tôi nghĩ rằng nên hoàn thành bài giảng cơ bản + bài giảng trung cấp để củng cố kiến ​​thức từ những điều cơ bản. Để bạn không bị quên những gì đã học trước đó, nó được lặp đi lặp lại nhiều lần và cung cấp các ví dụ nhằm cung cấp những thông tin hữu ích có thể áp dụng ngay vào thực tế. Nó dường như cũng chứa rất nhiều lời khuyên phát triển. Tôi sắp bắt đầu một dự án mới bằng vue.js và tôi rất hào hứng và mong chờ nó. Có rất nhiều thành phần quanh quẩn trong đầu bạn nhưng để thực hiện được chúng cần có thời gian và công sức phải không? hehe; Tôi hy vọng mọi người sẽ cố gắng hết mình~ ^^

            • captain
              지식공유자

              Cảm ơn vì đã học tập chăm chỉ, Jaeseung :) Kể từ tuần trước, các bạn đã chăm chú lắng nghe cả khóa trung cấp và khóa hướng dẫn đầy đủ, đặt rất nhiều câu hỏi và thậm chí để lại những đánh giá tích cực :) Tôi hy vọng bạn sử dụng những gì bạn đã học được trong dự án mới của mình và vui vẻ với nó. Cảm ơn bạn đã góp ý chân thành cho người khác. Hôm nay mình đã upload các bài giảng về mẫu thiết kế thành phần và hàm async, các bạn nghe vui vẻ nhé :) Cảm ơn Jaeseung!

          • bongsikhan님의 프로필 이미지
            bongsikhan

            수강평 5

            평균 평점 5.0

            5

            28% 수강 후 작성

            Quá nhiều hoặc quá ít quá nhiều khóa học Đối với những người phải đi bộ không ngừng qua vùng hoang dã vô nghĩa của web và ứng dụng, Vue.js là ốc đảo của tâm hồn. Với khuôn mặt đỏ bừng không còn mồ hôi, kiệt sức vì học văn kiện Khóa học này là nguồn phước lành làm cho một giọt nước mắt bạc chảy xuống. Và trái ngọt làm quên đi cái nóng của mặt trời. Một cách dễ dàng để thể hiện Vue.js trong thời đại lập trình hiện đại đang tăng tốc theo đuổi những thứ ngày càng dễ dàng và đơn giản. Một khóa học không quá nhiều cũng không quá ít, không quá nhiều cũng không quá ít. Cảm ơn bạn luôn.

            • captain
              지식공유자

              Bongsik...bạn đã viết một bài thơ... Cảm ơn Bongsik vì đã viết bài đánh giá khóa học tuyệt vời. Bạn càng phải tự hào hơn khi đã giành chiến thắng trong sự kiện đánh giá khóa học tháng đầu tiên... Chúng tôi sẽ tiếp tục tạo ra nội dung không quá nhiều cũng không quá ít :)

          지식공유자의 깜짝할인 중

          월 ₩244,733

          5개월 할부 시

          24%

          ₩77,000

          ₩1,223,665

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

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

          비슷한 강의

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