강의

멘토링

커뮤니티

BEST
개발 · 프로그래밍

/

프론트엔드

Vue 3 시작하기

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

(4.9) 수강평 139개

수강생 1,400명

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

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

  • Vue.js

  • 프론트엔드 개발

  • 웹 개발

 Vue.js 핵심 원리 + 최신 Vue 3 특징, 
강의 하나로 알기 쉽게 전해드립니다! 

Vue.js의 차세대 표준으로 자리잡을 
최신 Vue 3 시작하기

8,250명 이상이 선택한 "Vue.js 시작하기 - Age of Vue.js"후속 Vue 3 최신 강의로 돌아왔습니다! 😄 이번 "Vue 3 시작하기" 강의는 프런트엔드 개발 프레임워크 Vue.js를 처음 시작하는 분, 그리고 아직 Vue.js가 익숙하지 않은 분들을 대상으로 Vue.js 입문 관점에서 제작된 강의입니다.

지금, 왜 Vue 3일까요?

편리한 컴포넌트 코드(Component Code) 재사용

강력한 타입스크립트(TypeScript) 지원

템플릿 표현식(expression) 관련 추가 문법 제공

기타 새로운 문법 지원

(Composition API, Reacitivty 주입 API...)

최신 Vue 3로 프로젝트를 시작하시는 분들이신가요? Vue.js의 동작 원리를 정확히 이해하고 싶으신가요? 이번 강의를 통해 기존 Vue 2와 Vue 3의 차이를 라이브러리 내부 구현 관점 및 문법적인 특징을 중심으로 차근차근 학습해 보세요!


이런 분들께 
추천합니다.

Vue 3로 프론트엔드 개발을 시작하는 FE 입문자

Vue 2에서 Vue 3으로 버전 업을 해야 하는 개발자

Vue.js 3 프로젝트를 처음 시작하는 프론트엔드 개발자

Vue.js의 단순 개념 대신 동작 원리부터 정확히 이해하고 싶은 분

그래서, Vue.js의 기본을 튼튼하게 다질 수 있습니다!

  • ✅ Vue.js의 주요 개념과 문법이 무엇인지 알게 됩니다.
  • ✅ Vue.js의 내부 동작 원리를 직접 구현해 보면서 Vue.js의 철학을 이해합니다.
  • ✅ HTTP, 네트워크, 서버 등 실무 개발자가 알아야 하는 지식에 대해 감을 잡게 됩니다.

Vue.js 학습자를 위한 강의 교안 제공 📖

Vue 2와 Vue 3로 웹 서비스를 개발하는 데 필요한 지식을 모은 온라인 텍스트북을 제공합니다.

"Cracking Vue.js" 바로가기 >>


이 강의를 만든 사람 👨‍🏫

장기효 (캡틴판교)

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

함께 보면 좋은 강의

Q&A 💬

Q. 프론트엔드 개발에 익숙하지 않은데 들어도 될까요?

이 강의는 기본적인 HTML, CSS, 자바스크립트 지식이 있는 분들이 듣기 좋습니다. 특히 자바스크립트의 변수, 함수, 제어문, 객체 등에 대해서 모르시는 분들은 먼저 자바스크립트 기초 지식을 학습한 후 수강하시는 것을 추천드립니다.

Q. 기존 Vue.js 시작하기 강의와는 어떻게 다른가요?

기존 Vue.js 시작하기 강의는 현재 실무에서 가장 많이 사용되고 있는 Vue.js 2 버전을 기준으로 제작된 강의입니다. 이번 Vue 3 시작하기 강의는 Vue 3로 프로젝트를 시작하시는 분들과 Vue 2 시작하기 강의로는 수업을 따라하기 힘든 분들을 위해 입문자 관점에서 제작된 강의입니다 :)

Q. 기존 Vue.js 시작하기 강의를 들었는데 이번 강의를 또 들어야 할까요?

이미 실무에서 Vue.js로 여러 번 서비스를 만들어보고 컴포넌트 설계, 리액티비티의 원리, 복잡한 상태 관리를 해보신 분이라면 추천하지 않습니다. 왜냐하면 그 분들은 Vue 3 공식 문서를 조금만 읽어도 금방 차이점을 이해하실 수 있을 테니까요 :) 이런 분들께는 Vue 3 중급 - Composition API 강의를 추천드립니다.

반면 Vue.js가 아직 익숙하지 않고 Vue 3 프로젝트를 시작해야 하는 분들이라면 이 강의도 꼭 들어보시는 걸 추천합니다. Vue 2와 Vue 3의 차이점을 라이브러리 내부 구현 관점과 문법적인 특징 등 전반적으로 Vue 3를 개발할 때 기존 버전과 비교해서 어떤게 달라졌는지 강의 중간중간 설명해드립니다 :)

Q. 이 강의를 듣고나면 다음 강의는 무엇을 들어야 할까요?

Vue.js 학습 로드맵을 따라서 수강하시는 것을 추천합니다. 이번 강의에서도 알 수 있듯이 기존 Vue 2의 내용이 거의 그대로 Vue 3에서 활용됩니다. 따라서, 기존 학습 로드맵의 내용을 충실히 따라간다면 더 Vue.js 숙련도를 높인 프런트엔드 개발자가 되실 수 있을 겁니다 :)

Vue 3 후속 강의도 현재 준비 중에 있습니다. 새로운 코드 작성 방식과 생태계를 어떻게 활용할 수 있을지 후속 강의에서 배우실 수 있을 거예요. 빠르면 11월 늦어도 연말까지 제작될 예정입니다 :)
후속 강의가 출시되었습니다. Vue 3 중급 - Composition API 강의 보러 가기

“강의 수익으로 Vue.js 오픈소스 생태계를 후원합니다 😁”

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • Vue.js로 프론트엔드 개발을 시작하는 사람

  • 프론트엔드 입문자

  • Vue 3 실무 프로젝트를 해야하는 개발자

선수 지식,
필요할까요?

  • 자바스크립트

  • HTML

안녕하세요
입니다.

48,958

수강생

4,795

수강평

3,815

답변

4.9

강의 평점

19

강의

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

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

커리큘럼

전체

37개 ∙ (3시간 38분)

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

수강평

전체

139개

4.9

139개의 수강평

  • daltion님의 프로필 이미지
    daltion

    수강평 13

    평균 평점 4.7

    4

    57% 수강 후 작성

    説明と例は残念です。

    • wjstkfk10049749님의 프로필 이미지
      wjstkfk10049749

      수강평 2

      평균 평점 5.0

      5

      84% 수강 후 작성

      会社で急いでvue2をvue3にアップグレードしなければならない状況が迫り、どうしたら一つ悩んでいた刹那にこの講義が開かれました、、!本物の私に一茎のような光でした!ありがとう 一度講義を聞きながらVue 3の核心概念と機能をよく説明していただき、すぐに理解できました!そしてすぐに会社の実際のプロジェクトに適用することができましたㅠㅠ本当にもう一度ありがとう。 実は最近では概念よりは実習中心とする講義が多くて、なぜあんなにコードを編むべきかは難しい時が多いのですが、板教様は概念を先に教えて実習こう進めてくださるのに、この方式が私にとてもよく合って簡単に理解できました!コンポジションapi講義も早くアップロードしてくれてありがとうございます!

      • cheshire22님의 프로필 이미지
        cheshire22

        수강평 2

        평균 평점 5.0

        5

        100% 수강 후 작성

        reactは試してみましたが、vueは最初に試してみるビュー入門者です。 vue3だけを教えてくれるのではなく、vue2と比べて説明してくれたので、もっと理解が良くなりました。短い映像の呼吸でもっと集中が良くなり、中核的な内容をコック拾って説明してくださって頭にもっとよく入ってきましたㅎㅎビュー初めて使ってみる方ならぜひ!見なければならない講義だと思います:-) 次の講義もとても楽しみです!

        • eterion15377님의 프로필 이미지
          eterion15377

          수강평 3

          평균 평점 5.0

          5

          100% 수강 후 작성

          vue2を学園で撮ってみて、ちゃんとvue3を学ぼうと講義を受講しました。 最初は公式文書を通じて学びようとしました。英語を話せないのか、それとも開発の知識が不足しているのかを理解するのはとても難しかったです。ところがこの講義が難しい概念を簡単な例で説明してくれて基本をしっかりと握ることができました。 特に、単独で勉強するときは、jsの概念が不足してvueがreactivityのためにプロキシオブジェクトを使用することは困難でした。講義で簡単な例で核心を説明してくれて理解できました。 aがb機能を果たします。ではなく、aがb機能を行うためにどのような内部プロセスを経ると説明する講義です。 私のようにvueをよく知らない方やまだ公式文書を理解するのが難しい方におすすめです。すぐに講義が出てきたらいいです!

          • cjkwith님의 프로필 이미지
            cjkwith

            수강평 6

            평균 평점 5.0

            5

            100% 수강 후 작성

            講義はよく聞きました。 良い点: 全体的に講義が短く短くなっていて退屈せず良かったです。それでもひとつひとつ入念に説明がされていて理解しやすいです。 Vue2とVue3の比較説明の部分がわかりました。 お願い:今後も引き続きオープンソースバージョンがアップグレードされるので、また新しいものが出てきます。 今回の講義のように短くても安い価格に核心的な部分について講義していただきありがとうございます。一人で勉強したくないです。 次のcomposition鋼の期待されます。 ありがとうございます。

            • captain
              지식공유자

              良かった点 詳しく書いてくれてありがとう :) 教えていただいた価格競争力と核心内容を念頭に置いて次の講義もよく準備してみます。コンポジション講義ですぐにお会いしましょう:)

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

          ₩4,236

          22%

          ₩44,000

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

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

          비슷한 강의

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

          연관 로드맵

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