Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
개발 · 프로그래밍

/

프론트엔드

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

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

(4.9) 수강평 379개

수강생 4,799명

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

이런 걸 배울 수 있어요

  • 최신 뷰 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,012

수강생

4,651

수강평

3,812

답변

4.9

강의 평점

17

강의

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

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

커리큘럼

전체

96개 ∙ (10시간 23분)

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

    수강평

    전체

    379개

    4.9

    379개의 수강평

    • taxtocode4740님의 프로필 이미지
      taxtocode4740

      수강평 1

      평균 평점 3.0

      3

      100% 수강 후 작성

      There is too much overlap with previous courses, and it has been too long since the lectures were recorded. Of course, the content has not changed except for things like the settings, but considering the price, I think it needs some renewal. Rather than creating several courses, I think it would be better for the listeners to just combine the prices and make it into one lecture.

      • pappagallos5031님의 프로필 이미지
        pappagallos5031

        수강평 5

        평균 평점 5.0

        5

        46% 수강 후 작성

        Wow, the lecture is really... I'm halfway through it now! In my case, I'm a 4th year college student who is taking the course right away without listening to the intermediate and introductory courses! If I had listened to the intermediate course, I think I would have been able to understand it with a high level of understanding, but since the instructor explained it again, I was able to understand some parts without listening! However, it is certain that I would understand it better if I had listened to the intermediate course. Since it is a lecture that includes practical parts and the instructor's tips..., the instructor explained the concepts in detail, and I was surprised that he just told me right away when I was like, "Huh? Why is this like this?" It was so surprising that he could hear me. I really don't regret the money. After finishing this course and getting my part-time salary, I plan to listen to the instructor's webpack and PWA courses together!!! I will use the vue.js I learned from instructor Jang Ki-hyo in the upcoming hackathon and win!!! Thank you for the great lecture!

        • israpel891032님의 프로필 이미지
          israpel891032

          수강평 3

          평균 평점 4.0

          3

          100% 수강 후 작성

          It wasn't easy to finish, but it was informative. If there's anything a little disappointing, it's that in the way you speak, there are times when you don't mention nouns and just go over them quickly and vaguely, like this, 'this', 'that', 'this way', 'that way'. So I had to stop the lecture and go back to it several times. Thank you for your hard work.

          • bansoon님의 프로필 이미지
            bansoon

            수강평 4

            평균 평점 4.5

            5

            92% 수강 후 작성

            I think it will be a great help in carrying out a flexible and structured web project through vue.js. I was carrying out a web project using angular1, but I was wandering around, unable to accept the new things such as ES6 and components that started from angular2, and I was drawn to the charm of vue.js, so I took Pangyo's course from the basics one by one and came here. Some say that you can skip the basics course because the complete guide covers all the contents without the basics course, but I personally think that it is better to complete the basics course + intermediate course in order to build a solid foundation from the basics. It seems that there are many useful development tips that can be applied immediately in practice through examples, and it repeatedly reviews what you have learned so that you do not forget them. I am about to start a new project using vue.js, and I am very excited and looking forward to it. There are so many components floating around in my head, but it will take a long time to implement them, right? Hahaha; I hope you all study hard~^^

            • captain
              지식공유자

              Thank you for taking the class diligently, Jaeseung :) Since last week, you have been listening to both the intermediate and complete guide classes diligently, asking many questions, and even leaving a good review :) I hope you can use what you learned in your new project and have fun with it. Thank you for giving me your honest opinion for others. I have uploaded the component design pattern and async function lectures today, so please enjoy them :) Thank you, Jaeseung!

          • bongsikhan님의 프로필 이미지
            bongsikhan

            수강평 5

            평균 평점 5.0

            5

            28% 수강 후 작성

            A lecture that is neither too much nor too little For humans who have to endlessly walk through the meaningless wilderness of web and apps, Vue.js is an oasis of the soul. For the aforementioned face that is exhausted from learning from official documents and no longer sweating, This lecture is a source of blessing that makes a silver tear flow. And a sweet fruit that makes you forget the hot sun. In the modern programming era that pursues and accelerates easier and simpler things, a lecture that is neither too much nor too little that easily expresses Vue.js. Thank you always.

            • captain
              지식공유자

              Bongsik... You wrote a poem...... Thank you for writing a wonderful course review, Bongsik. You must be even more proud to have won the course review event for the first month since it started... We will continue to create content that is neither too much nor too little in the future :)

          지식공유자의 깜짝할인 중 (2일 남음)

          ₩45

          24%

          ₩77,000

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

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

          비슷한 강의

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