강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
개발 · 프로그래밍

/

프론트엔드

Vue 3 중급 - Composition API

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

(5.0) 수강평 57개

수강생 761명

뷰
vue.js
중급
JS중급
Vue 3Vue.js

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

이런 걸 배울 수 있어요

  • Vue.js

  • Vue 3

  • Vue Composition API

  • 컴포넌트 설계

제대로 배우는 Vue.js의 코어
Vue Composition API

332010-1.png

Vue 2와 Vue 3에서 모두 사용할 수 있는 Vue Composition API의 기초부터 실전까지 깊이 학습할 수 있는 강의입니다. Vue.js만큼이나 자주 쓰이는 React의 핵심 개념인 훅(Hooks)을 함께 이해하며 비교하는 과정으로 더욱 쉽게 Vue Composition API를 알아봅니다.

강의 특징 알아보기

Composition API의 모든 것

Composition API가 어떻게 등장하게 되었는지부터 장점, 단점, 구현할 때 고려해야 할 점들을 배웁니다.

할 일 관리 앱으로 실습까지 자신있게

할 일 관리 앱(To-Do App)을 만들면서 자연스럽게 Composition API를 학습하고 체화할 수 있도록 커리큘럼을 구성했습니다.

실무 레벨 업을 생각한 구성

실무에서 프론트엔드 개발자들이 가장 많이 고민하는 컴포넌트 설계 및 컴포넌트 추상화에 대해서 배울 수 있습니다.

핵심만 콕콕, 효율적인 학습

강의가 길다고 좋은 게 아니죠 :) 압축된 시간 안에 최고의 효율로 실무 Vue 지식을 익힐 수 있도록 구성하였습니다.

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

Vue Composition에 대한 더 자세한 내용을 배우고 복습할 수 있도록 온라인 텍스트북을 제공합니다.

텍스트북 바로가기 >>

332010-0.png

이 강의를 만든 사람 👨‍🏫

장기효 (캡틴판교)

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

jang-460x498.png
332010-4.png

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • Vue.js Composition API 코드로 개발해야 하는 입문자

  • 캡틴판교의 Vue.js 시작하기 수강생

  • 캡틴판교의 Vue.js 중급 강의 수강생

  • Vue.js를 배워야 하는 React 개발자

선수 지식,
필요할까요?

  • Vue.js 기본 개념

  • Vue.js 기본 문법

  • "Vue.js 시작하기 - Age of Vue.js" 강의

  • "Vue 3 시작하기" 강의

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

안녕하세요
입니다.

48,748

명

수강생

4,754

개

수강평

3,815

개

답변

4.9

점

강의 평점

19

개

강의

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

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

커리큘럼

전체

25개 ∙ (2시간 52분)

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

수강평

전체

57개

5.0

57개의 수강평

  • sorrrri님의 프로필 이미지
    sorrrri

    수강평 1

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    先生ハリガリ作りの授業がとてもよく聞きました！ 最近フロントエンドに移ってきて独学してみたら幕を閉じましたが授業をじっくりと追いかけながらとても大きな助けになって感謝を残します！

    • kangbk4182

      ハリガル

  • junehyung님의 프로필 이미지
    junehyung

    수강평 13

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    コンポジションapiが何だと言ったとき、いざ答えが難しかったのですが、講義を通じて概念をつかんでいきました。 役に立った :)

    • captain
      지식공유자

      あと街灯さん、こんなに早い頑強＆アンプ;よろしくお願いします:)ありがとう！

  • tytyes9148님의 프로필 이미지
    tytyes9148

    수강평 6

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    講義はよく聞きました。 説明をよくしてくれたおかげでComposition-apiを理解できました。 特に、最も気に入った部分は、講義の最後にVue composition-apiを活用して抽象化する方法について説明してくれましたが、この部分は私がスクリプトを適切に分離して作成するのに多くの役に立ちました。 ただし、さまざまな種類の Vue コンポーネントを composition-api で改善する部分がもう少しあってほしい個人的な物足りなさがあります。

    • uigte924179님의 프로필 이미지
      uigte924179

      수강평 10

      ∙

      평균 평점 4.9

      5

      100% 수강 후 작성

      最高の講義だと思います

      • inspiteof3665님의 프로필 이미지
        inspiteof3665

        수강평 4

        ∙

        평균 평점 4.0

        5

        100% 수강 후 작성

        なんとなくすっきりとした講義です。様々な資料を通じて深化学習ができてよかったです。

        ₩55,000

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

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

        Vue 3 の開始강의 썸네일

        Vue 3 の開始

        captain

        Vue.jsの最新バージョンVue 3を始める方のための講座です。Vue.jsの動作原理から実務開発をする際に知っておくべき基本概念を学びましょう。

        초급

        초급

        Vue.js, Vue 3, JavaScript

        Vue 3 の開始강의 썸네일

        Vue 3 の開始

        captain

        Vue.js の始め方 - Age of Vue.js강의 썸네일

        Vue.js の始め方 - Age of Vue.js

        captain

        Vue.jsでWebを簡単に開発できるように、基本的な概念と重要な機能について学び、実装します。 講座を聞いたら、Vue.jsでフロントエンドの開発をするのが面白いです。

        초급

        초급

        JavaScript, Vue.js

        Vue.js の始め方 - Age of Vue.js강의 썸네일

        Vue.js の始め方 - Age of Vue.js

        captain

        Nuxt.js の開始강의 썸네일

        Nuxt.js の開始

        captain

        私が作成したVue.jsサイトをより多くの人に公開したい場合は？キャプテン板橋のVue.jsシリーズを全部聴いて今はサーバーサイドレンダリングもやってみたい方が聴きやすい講座です。 Nuxt.jsはじめに講義！

        중급이상

        중급이상

        Nuxt.js, Vue.js, ssr

        Nuxt.js の開始강의 썸네일

        Nuxt.js の開始

        captain

        フロントエンド開発者のためのWebpack강의 썸네일

        フロントエンド開発者のためのWebpack

        captain

        1000人が選んだWebpack講座！新しく出たWebpackバージョンに合わせてリニューアルされた講座です。実習中心でより簡単にWebpackを学んでください :)

        초급

        초급

        Webpack

        フロントエンド開発者のためのWebpack강의 썸네일

        フロントエンド開発者のためのWebpack

        captain

        Vue.js 完全ガイド - 実践とリファクタリングで学ぶ実践的な概念강의 썸네일

        Vue.js 完全ガイド - 実践とリファクタリングで学ぶ実践的な概念

        captain

        Do it! Vue.js 입문 -> Vue.js 초급 강좌 -> Vue.js 중급 강좌の系譜を継ぐVue.js実践講座です。 Vue.jsを実務で完璧に活用できるようにサポートします。

        중급이상

        중급이상

        JavaScript, Vue.js

        Vue.js 完全ガイド - 実践とリファクタリングで学ぶ実践的な概念강의 썸네일

        Vue.js 完全ガイド - 実践とリファクタリングで学ぶ実践的な概念

        captain

        Next.js の開始강의 썸네일

        Next.js の開始

        captain

        React を始める際に必ず知っておくべき Next.js フレームワーク。初心者向けに簡単に説明し、実務者が満足するほど詳細な動作原理を理解します。Next.js を一気に解決します。

        초급

        초급

        Next.js, React, JavaScript

        Next.js の開始강의 썸네일

        Next.js の開始

        captain

        TypeScript 入門 - 基礎から実践まで강의 썸네일

        TypeScript 入門 - 基礎から実践まで

        captain

        TypeScript を始める方のための講義です。最新の JavaScript 文法を知らない方でも簡単に学べるようにカリキュラムを構成しました。初心者視点で、難しく感じられる TypeScript を楽しく学んでみましょう 😄

        초급

        초급

        TypeScript, ES6, JavaScript

        TypeScript 入門 - 基礎から実践まで강의 썸네일

        TypeScript 入門 - 基礎から実践まで

        captain

        実践的なフロントエンド テストを開始する강의 썸네일

        実践的なフロントエンド テストを開始する

        captain

        能力のあるフロントエンド開発実務者になりたいなら、ぜひ聞かなければならないテスト講義。テスト入門から本番まで一発で終わる👊

        초급

        초급

        Software Test, Cypress, e2e

        実践的なフロントエンド テストを開始する강의 썸네일

        実践的なフロントエンド テストを開始する

        captain

        AIと一緒に学ぶNext.js강의 썸네일

        AIと一緒に学ぶNext.js

        captain

        複雑なNext.jsの複数の概念を短時間で核心だけ学ぶことができます。Next.jsを初めて学ぶ方のための実務必須知識だけお教えします。フレームワーク講義だけで8年目を迎えるキャプテンパンギョのNext.js新規講義。「AI時代のフロントエンド開発者」のコーディングと学習方法を学ぶことができます！😊

        입문

        입문

        JavaScript, React, Next.js

        AIと一緒に学ぶNext.js강의 썸네일

        AIと一緒に学ぶNext.js

        captain

        React を作成しながら学ぶ: コンポーネントの設計とリファクタリング강의 썸네일

        React を作成しながら学ぶ: コンポーネントの設計とリファクタリング

        captain

        実務で最も多く使用されている React フレームワークを、簡単に、素早く、楽しく学んでみましょう。タスク管理アプリを作成しながら、React の動作原理、コンポーネントの設計、リファクタリングの方法を学びます。

        초급

        초급

        React, JavaScript, Refactoring

        React を作成しながら学ぶ: コンポーネントの設計とリファクタリング강의 썸네일

        React を作成しながら学ぶ: コンポーネントの設計とリファクタリング

        captain

        Amazing JavaScript - 入門강의 썸네일

        Amazing JavaScript - 入門

        captain

        フロントエンド開発に必要なJavaScriptの基本知識。実務者として必ず知っておくべき必須知識を分かりやすく、素早く説明します。2024年の現代フロントエンド開発トレンドを反映した基本講義。

        입문

        입문

        JavaScript, ES6

        Amazing JavaScript - 入門강의 썸네일

        Amazing JavaScript - 入門

        captain

        ReactとVueで学ぶTypeScript必須概念（feat. ChatGPT）강의 썸네일

        ReactとVueで学ぶTypeScript必須概念（feat. ChatGPT）

        captain

        実務で多用されるReactとVueのコードを書きながら、TypeScriptの必須概念を習得する講座です。ReactとVueに型を適用する方法、ChatGPTの使用法まですべて網羅した、実務者と入門者どちらにも役立つ講座！

        초급

        초급

        React, TypeScript, Vue.js

        ReactとVueで学ぶTypeScript必須概念（feat. ChatGPT）강의 썸네일

        ReactとVueで学ぶTypeScript必須概念（feat. ChatGPT）

        captain

        Vue.js + TypeScript 完全ガイド강의 썸네일

        Vue.js + TypeScript 完全ガイド

        captain

        Vue.js で TypeScript を始める方のための最高の講座。2 つの実践プロジェクトで楽しく学べる Vue.js + TypeScript 完全攻略。学びながらすぐに実務に適用してみましょう! 😄

        중급이상

        중급이상

        Vue.js, TypeScript

        Vue.js + TypeScript 完全ガイド강의 썸네일

        Vue.js + TypeScript 完全ガイド

        captain

        TypeScript を実践プロジェクトで学ぶ강의 썸네일

        TypeScript を実践プロジェクトで学ぶ

        captain

        "TypeScript 入門 - 基礎から実践まで"の実践活用編です。入門編を受講していない方は、入門編から受講してください 😄

        중급이상

        중급이상

        TypeScript, ES6

        TypeScript を実践プロジェクトで学ぶ강의 썸네일

        TypeScript を実践プロジェクトで学ぶ

        captain

        Vue.js を徹底的に理解する - 実務に必要なすべて강의 썸네일

        Vue.js を徹底的に理解する - 実務に必要なすべて

        captain

        Vue.js を実際に使用している方に必要なすべてのものをまとめました。実際のバックエンド API を実装する CRUD アプリケーションの学習ノートです。生産性の高いプロジェクト環境の構築とバックエンド開発者との連携方法に関するメッセージを必ず確認してください :)

        중급이상

        중급이상

        JavaScript, Vue.js, Vuex

        Vue.js を徹底的に理解する - 実務に必要なすべて강의 썸네일

        Vue.js を徹底的に理解する - 実務に必要なすべて

        captain

        PWA の開始 - Web 技術でアプリを作成する강의 썸네일

        PWA の開始 - Web 技術でアプリを作成する

        captain

        Web 技術を使用して、オフライン環境で動作するアプリを作成できます。プログレッシブ Web アプリの時代背景と主な特徴を学び、主要な技術を使用して実際のプログレッシブ Web アプリを作成してみましょう。

        초급

        초급

        Vue.js, Web Application, PWA

        PWA の開始 - Web 技術でアプリを作成する강의 썸네일

        PWA の開始 - Web 技術でアプリを作成する

        captain

        Vue.js 中級講座 - ウェブアプリ制作で学ぶ Vue.js、ES6、Vuex강의 썸네일

        Vue.js 中級講座 - ウェブアプリ制作で学ぶ Vue.js、ES6、Vuex

        captain

        Vue.js 中級講座 - 「誰でも」「簡単に」「素晴らしい」Webアプリケーションを作成できるVue.js活用講座です。Vue.jsの基本的な理解をベースにTodoアプリを作成しながら、コード中心の実用的な知識を学びます。

        중급이상

        중급이상

        JavaScript, Vue.js, ES6

        Vue.js 中級講座 - ウェブアプリ制作で学ぶ Vue.js、ES6、Vuex강의 썸네일

        Vue.js 中級講座 - ウェブアプリ制作で学ぶ Vue.js、ES6、Vuex

        captain

        비슷한 강의

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

        Vue 3 の開始강의 썸네일

        Vue 3 の開始

        captain

        Vue.jsの最新バージョンVue 3を始める方のための講座です。Vue.jsの動作原理から実務開発をする際に知っておくべき基本概念を学びましょう。

        초급

        초급

        Vue.js, Vue 3, JavaScript

        Vue 3 の開始강의 썸네일

        Vue 3 の開始

        captain

        Vue.js の始め方 - Age of Vue.js강의 썸네일

        Vue.js の始め方 - Age of Vue.js

        captain

        Vue.jsでWebを簡単に開発できるように、基本的な概念と重要な機能について学び、実装します。 講座を聞いたら、Vue.jsでフロントエンドの開発をするのが面白いです。

        초급

        초급

        JavaScript, Vue.js

        Vue.js の始め方 - Age of Vue.js강의 썸네일

        Vue.js の始め方 - Age of Vue.js

        captain

        Vue3とSupabaseで求人求人サイトを作る강의 썸네일

        Vue3とSupabaseで求人求人サイトを作る

        Michael Kwon

        独自のフルスタックアプリケーション開発からプログレッシブWebアプリ（PWA）まで！

        초급

        초급

        Vue.js, PWA, supabase

        Vue3とSupabaseで求人求人サイトを作る강의 썸네일

        Vue3とSupabaseで求人求人サイトを作る

        Michael Kwon

        Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成강의 썸네일

        Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

        gis

        Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login を 簡単に学べます~~

        초급

        초급

        Vue.js, PWA, Firebase

        Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成강의 썸네일

        Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

        gis

        カカオ、Google SNSログイン（springboot3, vue3）강의 썸네일

        カカオ、Google SNSログイン（springboot3, vue3）

        bradkim

        SpringBootを活用して、カカオ、Googleログインを実装します。JWTトークンベースのログインが実装されます。Vue3を通じて簡単な画面を構成します。

        초급

        초급

        OAuth, oauth2, JWT

        カカオ、Google SNSログイン（springboot3, vue3）강의 썸네일

        カカオ、Google SNSログイン（springboot3, vue3）

        bradkim

        最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理강의 썸네일

        最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

        gymcoding

        "Vue 3 完全マスター" 後続の講義で最新の Vue 3 バージョンのプロジェクト設定と最新のスペックを習得する講義です。

        초급

        초급

        Vue.js, Vue 3, TailwindCSS

        最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理강의 썸네일

        最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

        gymcoding

        Vue-Django-Bootstrap 뚝딱ブログ강의 썸네일

        Vue-Django-Bootstrap 뚝딱ブログ

        bestdjango

        人気3総士（Vue + Django + Bootstrap）を活用して、簡単かつ素敵な自分のブログを作ることができます。 レスポンシブは基本、スマートフォンでも見ることができます。

        초급

        초급

        Vue.js, Django, Bootstrap

        Vue-Django-Bootstrap 뚝딱ブログ강의 썸네일

        Vue-Django-Bootstrap 뚝딱ブログ

        bestdjango

        Vue.js - DjangoインターロックWebプログラミング강의 썸네일

        Vue.js - DjangoインターロックWebプログラミング

        bestdjango

        Vue.jsとDjangoフレームワークを使用してWebプログラミングを行うことができます。

        초급

        초급

        Vue.js, Django

        Vue.js - DjangoインターロックWebプログラミング강의 썸네일

        Vue.js - DjangoインターロックWebプログラミング

        bestdjango

        ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)강의 썸네일

        ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)

        hodolman888675

        単にアプリケーションを 1 つ作成するだけではありません。Spring Boot を活用したバックエンドから Vue.js モダン フロントエンド スタックを連携したサービスの完成まで、A から Z までご紹介します。

        중급이상

        중급이상

        Spring Boot, JPA, AWS

        ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)강의 썸네일

        ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)

        hodolman888675

        연관 로드맵

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

        Vue 3 완벽 마스터 로드맵 로드맵 썸네일

        Vue 3 완벽 마스터 로드맵

        장기효(캡틴판교)