인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
개발 · 프로그래밍

/

프론트엔드

프로젝트로 배우는 Vue.js 3

Vue.js 3 사용 방법을 배우고 프로젝트에 적용을 하면서 익힐 수 있도록 도와드립니다.

(4.9) 수강평 95개

수강생 930명

Vue.jsVuex웹앱
Thumbnail

초급자를 위해 준비한
[프론트엔드] 강의입니다.

이런 걸 배울 수 있어요

  • Vue.js Composition API

  • 웹앱

  • Vue CLI로 프로젝트 생성 방법

  • Vue 3 새로운 기능들

  • Vue Router 사용 방법

  • Vuex 사용 방법

최신 Vue 3로 만나는,
쉽고 강력한 프론트엔드 개발 입문!

강의 소개

인기 프론트엔드 프레임워크, Vue.js의
최신 버전 Vue 3을 살펴보고,
내 손으로 직접 적용하며 실습해보세요!

인기 프론트엔드 프레임워크 Vue.js의 입문을 도와드리는 기초 강좌입니다. Vue.js 3에 새롭게 추가된 Composition API를 사용하여 프로젝트를 진행하는 데 기본이 되는 기능을 하나씩 배우고, 바로바로 프로젝트에 적용하며 실습합니다. 각 영상은 대부분 10분 미만의 짧은 영상으로 만들었습니다. 

예상 질문 Q & A

Q. Vue.js를 전혀 몰라도 들어도 될까요?
A. 네! Vue.js 기초 강좌이기 때문에 모르셔도 기초부터 배우실수 있습니다. 이 강좌가 끝내시면 Vue.js로 프로젝트를 혼자 하실 정도의 기본은 배우게 됩니다. 하지만 HTML, CSS, Javascript (ES6+) 기초는 아시는 분이 듣는걸 추천드립니다. 강의 중간 중간에 es6+ 관련된 설명도 들어있습니다. 😊

Q. 코지 코더 유튜브 채널에서 vue.js 2 기초 익히기를 들었는데 이 강좌와 많이 다른가요?
A. 유튜브에 올려놓은 Vue.js 2 기초 익히기는 기초 문법만 배우고 실제 프로젝트에 적용하기엔 약간 제한적입니다. 이 강좌에서는 Vue.js 기능을 배우고 그 기능을 프로젝트에 어떻게 적용하는지 설명해드립니다. 특히 이 강좌에서는 Vue.js 3 신기능 Composition Api를 이용해서 프로젝트를 진행합니다. 그리고 훨씬 더 디테일 한 설명이 되어 있고 Single Page Application에 대한 전반적인 이해를 도와드립니다. 😊  

Q. Composition Api가 무엇인가요?
A. Vue.js 2에서는 Options Api를 사용해서 개발을 했는데 규모가 큰 프로젝트를 진행할때 코드의 재활용을 하는 것이 쉽지가 않았습니다. 그래서 Vue.js 3에서는 Composition Api라는 새로운 기능이 추가되어 로직 재사용이 용이해지고 코드 유지 관리가 더 쉬워졌습니다.😊 

강의 자료 소개

각 영상이 끝날 때의 소스코드를 github에 브랜치로 만들어 올려두었습니다. 에러로 막혔을 때 github에서 소스 코드를 비교하실 수 있어요 😁 찾기 쉽도록 수업 영상 번호를 브랜치 이름으로 올려두었어요.

코지코더 깃허브 (바로가기)

지식공유자 소개

코지 코더

호주에서 웹개발자로 일하고 있으며 유튜브 ‘코지 코더’ 채널을 운영 중입니다.
유튜브 링크: https://www.youtube.com/kossiecoder

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • Vue.js 3 기초를 배우고 싶으신 분

  • Vue.js로 웹앱을 만들어 보고 싶으신 분

  • Composition Api를 사용해서 개발하고 싶으신 분

  • Vue.js를 처음 접하시는 분

선수 지식,
필요할까요?

  • HTML

  • CSS

  • Javascript

안녕하세요
코지 코더입니다.

1,263

명

수강생

126

개

수강평

95

개

답변

4.9

점

강의 평점

2

개

강의

커리큘럼

전체

88개 ∙ (9시간 30분)

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

수강평

전체

95개

4.9

95개의 수강평

  • 황지환 Hwang님의 프로필 이미지
    황지환 Hwang

    수강평 1

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    강사님께서 조근조근 설명 잘 해 주시네요. 최신버젼 Vue3로 무언가 시작하는데 큰 도움 받았습니다. 고맙습니다.

    • 코지 코더
      지식공유자

      황지환님 수강평 감사합니다 ^^

  • WellBakedToast님의 프로필 이미지
    WellBakedToast

    수강평 1

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    딱 좋은 강의였습니다! 중급편도 제작해주세요~

    • 쿠쿠케케님의 프로필 이미지
      쿠쿠케케

      수강평 1

      ∙

      평균 평점 5.0

      5

      100% 수강 후 작성

      좋아요👍👍

      • Duru님의 프로필 이미지
        Duru

        수강평 2

        ∙

        평균 평점 5.0

        5

        100% 수강 후 작성

        Vue.js 3의 기본적인 구조와 효율적으로 컴포넌트를 만들 수 있는 방법을 배울 수 있어서 정말 좋았습니다.

        • 이기정님의 프로필 이미지
          이기정

          수강평 2

          ∙

          평균 평점 5.0

          5

          100% 수강 후 작성

          좋습니다!

          코지 코더님의 다른 강의

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

          프로젝트로 배우는 React.js강의 썸네일

          프로젝트로 배우는 React.js

          코지 코더

          블로그 프로젝트를 통해 리액트 기초를 배울수 있습니다

          초급

          초급

          React, Redux, ES6

          비슷한 강의

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

          카카오,구글 SNS 로그인(springboot3, vue3)강의 썸네일

          카카오,구글 SNS 로그인(springboot3, vue3)

          bradkim

          springboot를 활용하여 카카오, 구글로그인을 구현합니다. jwt토큰 기반 로그인이 구현됩니다. vue3를 통해 간단한 화면을 구성합니다.

          초급

          초급

          OAuth, oauth2, JWT

          Vue 3 시작하기강의 썸네일

          Vue 3 시작하기

          장기효(캡틴판교)

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

          초급

          초급

          Vue.js, Vue 3, JavaScript

          Vue 3 중급 - Composition API강의 썸네일

          Vue 3 중급 - Composition API

          장기효(캡틴판교)

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

          중급이상

          중급이상

          Vue 3, Vue.js

          Vue3와 Supabase로 구인구직 사이트 만들기강의 썸네일

          Vue3와 Supabase로 구인구직 사이트 만들기

          Michael Kwon

          나만의 풀스택 애플리케이션 개발에서 프로그래시브 웹앱(PWA)까지!

          초급

          초급

          Vue.js, supabase, Vue 3

          Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작강의 썸네일

          Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

          임종태

          Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login를 쉽게 배울수 있어요~~

          초급

          초급

          Vue.js, PWA, Firebase

          키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리강의 썸네일

          키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리

          어메이징론

          웹 개발 입문자를 위한 나침반, 당신이 웹 프론트엔드에 대해 모르는 것을 발견하고 체계적으로 나아가기 위한 가이드 강의입니다.

          입문

          입문

          네트워크, Google Chrome, Chrome DevTools

          최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리강의 썸네일

          최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

          짐코딩

          "Vue 3 완벽 마스터" 후속 강의로 최신 Vue 3 버전의 프로젝트 설정과 최신 스펙을 익히는 강의입니다. Vue 기본편 또는 실전편을 수강하신 분들에게 무료로 제공되는 강의입니다.

          초급

          초급

          Vue.js, Vue 3, TailwindCSS

          Vue-Django-Bootstrap 뚝딱 블로그강의 썸네일

          Vue-Django-Bootstrap 뚝딱 블로그

          김석훈

          인기 3총사 (Vue + Django + Bootstrap) 를 활용하여, 쉬우면서도 멋진 나의 블로그를 만들 수 있습니다. 반응형은 기본, 스마트폰으로도 볼 수 있습니다.

          초급

          초급

          Vue.js, Django, Bootstrap

          순수 함수형 프론트엔드 언어 Elm 가이드강의 썸네일

          순수 함수형 프론트엔드 언어 Elm 가이드

          김대현

          순수 함수형 프로그래밍으로 프론트엔드 웹앱을 만드는 Elm 프로그래밍 언어 가이드 문서를 3시간만에 다 공부합니다.

          초급

          초급

          elm, 함수형 프로그래밍, SPA

          코알못도 누구나 쉽게 따라하는 웹, 앱 만들기 (기초부터 실전 활용까지)강의 썸네일

          코알못도 누구나 쉽게 따라하는 웹, 앱 만들기 (기초부터 실전 활용까지)

          조코딩

          누구나 배울 수 있는 쉬운 코딩을 만들겠습니다. 코딩이 무엇인지 이해하고 라이브러리, API 등 최대한 외부 자원을 활용하여 서비스 가능한 웹과 앱을 제작하는 것이 목표입니다.

          입문

          입문

          웹앱

          ₩33,000