eslint versionup되서 해매고 있었는데 감사합니다. 다른 내용들도 vue3 수강후 딱 필요한 부분이었습니다. vuejs사이트에서 변경사항들을 확인해도 머리속에서 정리되지 않는 느낌이었는데 이거 강의 듣고 다시 보니 아 이내용이구나 하고 쏙쏙 들어 옵니다. 감사합니다.

5.0

kdkim2000

100% 수강 후 작성

최신 변경사항을 확인할 수 있어 좋았습니다. 계속 강의가 업뎃되면 좋겠습니다.

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

최신 Vue 3.5 프로젝트의 개발환경 구성 및 초기 설정
VSCode 스니펫과 NVM을 활용한 효율적인 개발 워크플로우
ESLint, Prettier 설정으로 코드 일관성 유지하기
Vue 3.3~3.5의 주요 기능들(defineOptions(), defineModel(), Props 구조 분해 등) 익히기
Tailwind CSS를 Vue 프로젝트에 설치하는 방법

이 강의에서는 Vue 최신 버전 3.5의 스펙 업데이트 내용을 상세히 다루며, 최신 트렌드에 맞춘 프로젝트 설정 방법을 심도 있게 소개합니다. 특히, Vue.js 기본편과 실전편 강의를 진행하며 수강생분들이 궁금해했던 사항들을 반영하여 구성했습니다.

앞으로 주요 변경사항과 꼭 알아야 할 내용은 이 강의에 지속적으로 추가될 예정입니다. "Vue 3 완벽 마스터: 기본편, 실전편"에 많은 관심과 참여 부탁드립니다!

이런 분들께
추천드려요

학습 대상은
누구일까요?

Vue 기초 및 실전 강의를 이미 수강하고 최신 스펙을 배우고 싶은 분
Vue 3.5의 새로운 기능을 빠르게 이해하고 적용하고자 하는 개발자
프로젝트 설정 및 환경 구성을 최신 트렌드에 맞게 하고 싶은 분
효율적인 코딩을 위해 VSCode 스니펫과 NVM 활용법을 배우고 싶은 분
Tailwind CSS를 Vue 프로젝트에서 활용하고자 하는 프론트엔드 개발자

선수 지식,
필요할까요?

HTML&CSS
JavaScript
Vue 기초

안녕하세요
입니다.

27,823

명

수강생

1,750

개

수강평

788

개

답변

4.9

점

강의 평점

개

강의

안녕하세요.

코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,

인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여

설명하고자 할 때는 최대한 쉽게,

알려드리고자 할 때는 최대한 알차게 설명드립니다.

항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.

감사합니다.

📹짐코딩 유튜브 채널 운영 | 구독자 3만+

💻 짐코딩 클럽 | gymcoding.co

🔗 GitHub: https://github.com/gymcoding

🧑‍💻 인스타그램 @gymcoding

📨 이메일 bruce.lean17@gmail.com

커리큘럼

전체

15개 ∙ (1시간 48분)

섹션 1. 시작하기 전 꿀팁!

4개 ∙ (24분)

섹션 2. Vue 최신 프로젝트 구성

5개 ∙ (36분)

5. 개발환경 구성
08:14
6. Vue 3 프로젝트 구성
07:10
7. 프로젝트 구조 설명
03:05
8. ESLint, Prettier 설정 (.editorconfig, jsconfig.js)
09:22
9. Tailwind CSS 설치
08:36

섹션 3. Vue 최신 스펙 총정리

6개 ∙ (48분)

10. Vue 3.3: defineOptions(), toValue(), toRef()
14:06
11. Vue 3.4: defineModel()
09:20
12. Vue 3.4: defineModel() 심화
10:58
13. Vue 3.5: Props 구조 분해
10:05
14. Vue 3.5: Template Refs, ETC
03:46
15. 강의를 수강해 주셔서 감사드립니다!

강의 게시일:

마지막 업데이트일:

수강평

전체

29개

5.0

29개의 수강평

009aegisep
수강평 2
∙
평균 평점 5.0
5
100% 수강 후 작성
badbogos
수강평 18
∙
평균 평점 5.0
5
100% 수강 후 작성
귀에 쏙쏙 들어옵니다 많은 도움이 됩니다.
ding-co
수강평 8
∙
평균 평점 5.0
5
33% 수강 후 작성
- 짐코딩
  지식공유자
  감사합니다~! 🙂
leyahk79
수강평 1
∙
평균 평점 5.0
5
40% 수강 후 작성
- 짐코딩
  지식공유자
  감사합니다~! 👍
특별한 지렁이
수강평 25
∙
평균 평점 4.2
5
33% 수강 후 작성
- 짐코딩
  지식공유자
  감사합니다~! 👍

₩22,000

짐코딩님의 다른 강의

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

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

짐코딩

탐색 → 계획 → 구현 → 커밋. 검증된 AI 개발 워크플로우를 클로드 코드로 마스터하세요. MCP, 서브에이전트, 프롬프트 엔지니어링까지 23개 미션으로 익히고, 3개 실전 프로젝트를 완성합니다.

입문

React, Next.js, cursor

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

짐코딩

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

짐코딩

Vue.js 3로 웹 개발을 할 수 있도록 공식문서를 기반으로 하여 Vue 3 스펙을 자세하고 깊이있게 다룹니다.

초급

Vue.js

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

짐코딩

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

짐코딩

Vue.js 3로 실전 프로젝트를 개발하며 Composition API의 사용법을 숙지합니다. 뿐만 아니라 본 강좌를 수강하면 "Vue Router v4"와 "Pinia", "Boostrap"에 대한 기술을 가져가실 수 있습니다.

초급

Vue.js

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

짐코딩

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

짐코딩

React를 처음 배우시나요? 이 강의로 하나로 리액트 기초를 다지고, 린캔버스 프로젝트를 통해 실무 경험을 쌓아보세요. 그러면 자신있게 프론트엔드 개발자로 취업할 수 있어요!

초급

React, react-query, react-router

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

짐코딩

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

짐코딩

최신 Next.js v15 App Router를 학습하며 노션 기반의 실용적인 개발자 블로그를 함께 구축하는 강의입니다. 추가로 커서 AI 활용법 등 다양한 인사이트도 얻을 수 있습니다.

초급

React, 블로그, Next.js

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

짐코딩

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

짐코딩

Vue 기반으로 성능이 뛰어난 웹을 빠르게 만들 수 있도록 도와주는 Nuxt 프레임워크 강의입니다. 현업에서 Vue를 사용하고 계신 분들이라면 꼭 보셔야하는 강의라고 자신있게 말씀드릴 수 있을 거 같아요~!

중급이상

Vue.js, Nuxt.js, pinia

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

짐코딩

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

Vue3 & Firebase(v10)를 활용하여 커뮤니티를 만드는 강의로 Vue3 실전 활용법, Firebase 기초부터 실전, 최신 웹 기술 활용법, 지식공유자 경험 공유 등 다양한 방면으로 개발자로써 한 단계 성장할 수 있도록 돕습니다!

중급이상

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

프론트엔드 날개달기: Vue, React 배우기 전에 꼭 알아야하는 지식

짐코딩

이 강의를 통해 Webpack, NPM 등 프론트엔드 개발자가 되기 전에 꼭 알아야할 지식을 탄탄히 다질 수 있습니다.

초급

Webpack

프론트엔드 날개달기: Vue, React 배우기 전에 꼭 알아야하는 지식

짐코딩

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

짐코딩

한 강의로 끝내는 TailwindCSS 입문부터 실전까지! 두 개의 프로젝트와 함께 레이아웃 구성부터 반응형 디자인! 다크모드! 까지 완벽하게 배워보세요.

초급

HTML/CSS, TailwindCSS, JavaScript

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

짐코딩

비동기 프로그래밍: Promise, async/await 끝장내기

짐코딩

이 강의는 자바스크립트 비동기 프로그래밍에서 Promise와 async/await의 개념과 작동 원리를 명확히 설명하며, 실무에서 비동기 처리를 능숙하게 다룰 수 있도록 돕습니다.

초급

promise, async-await, asynchronous-programming

비동기 프로그래밍: Promise, async/await 끝장내기

짐코딩

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편

짐코딩

HTML&CSS, 자바스크립트를 배웠다면 이를 활용하여 직접 포트폴리오 사이트를 만들고 배포해 보세요. 실제로 써 보는 것은 우리의 실력을 향상시키는 데 큰 도움이 될 것입니다.

입문

HTML/CSS, JavaScript, github-pages

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편

짐코딩

퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)

짐코딩

Vue.js로 웹 개발을 하며 퀘이사(Quasar)를 이용하고 싶은 분들을 위한 강의입니다. 사내에서 프론트 웹을 빠르게 구축해야 하는 분 또는 나만의 멋진 UI를 만들어야 하는 분이신가요? 이 강의를 통해서 쉽고, 빠르게 프론트 웹을 만들 수 있습니다.

초급

Quasar, Vue.js

퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)

짐코딩

입문자를 위한, HTML&CSS 웹 개발 입문

짐코딩

HTML과 CSS를 배워서 웹사이트 제작에 필요한 기본 지식을 배울 수 있습니다. 코딩을 처음 접할 때 두려움이 없도록 정말 알기 쉽게 설명한 강의입니다.

입문

HTML/CSS

입문자를 위한, HTML&CSS 웹 개발 입문

짐코딩

입문자를 위한, ES6+ 최신 자바스크립트 입문

짐코딩

주변에서 코딩을 처음 시작하시는 분들을 많이 봤어요. 경력자 분들은 자바스크립트가 쉽다고 하지만 처음 접하시는 분들은 어렵게 느낄 수 밖에 없습니다. 그래서 이번 강의는 코딩에 입문하시는 왕초보 분들을 위해 쉽고! 알찬! 내용을 준비했습니다. 💪🙂

초급

JavaScript, ES6

입문자를 위한, ES6+ 최신 자바스크립트 입문

짐코딩

Vuetify Admin Template 만들기 - 실전편 (Based Vue2)

짐코딩

Vue&Vuetify로 실무에서 개발하시는 분들을 위한 유용한 팁! 😃

초급

Vue.js, Vuetify

Vuetify Admin Template 만들기 - 실전편 (Based Vue2)

짐코딩

Vuetify Admin Template 만들기 - 기본편 (Based Vue2)

짐코딩

Vuetify 기초를 학습하고, 멋진 Material Design Admin 웹 사이트를 만들 수 있습니다 😃

초급

Vue.js, Vuetify

Vuetify Admin Template 만들기 - 기본편 (Based Vue2)

짐코딩

비슷한 강의

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

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

짐코딩

중급이상

Vue.js, Nuxt.js, pinia

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

짐코딩

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

짐코딩

한 강의로 끝내는 TailwindCSS 입문부터 실전까지! 두 개의 프로젝트와 함께 레이아웃 구성부터 반응형 디자인! 다크모드! 까지 완벽하게 배워보세요.

초급

HTML/CSS, TailwindCSS, JavaScript

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

짐코딩

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

짐코딩

초급

React, react-query, react-router

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

짐코딩

Firebase 시리즈 #1: 소셜 로그인·휴대폰·위치 인증 완벽 가이드

닭강정

🔥 HTML + Tailwind CSS + 순수 JavaScript만으로 완성하는 Firebase 사용자 인증! 소셜 로그인·휴대폰·위치 인증까지, 복잡한 백엔드 없이 쉽고 빠르게 계정 시스템 구축합니다.

초급

HTML/CSS, JavaScript, Firebase

Firebase 시리즈 #1: 소셜 로그인·휴대폰·위치 인증 완벽 가이드

닭강정

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

bradkim

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

초급

OAuth, oauth2, JWT

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

bradkim

웹소켓/STOMP 채팅서비스(spring, vue, redis)

bradkim

웹소켓/stomp, springboot를활용하여 채팅서비스를 개발합니다. 비교적 쉬운 프레임워크인 vue.js를 통해 간단한 화면도 함께 구성합니다. redis pub/sub을 통해 다중서버 확장성 설계까지 구성합니다.

초급

websocket, pubsub, Spring Boot

웹소켓/STOMP 채팅서비스(spring, vue, redis)

bradkim

Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼

닭강정

🔥 한자 학습을 위한 맞춤형 플랫폼 구축! Google Gemini AI와 Firestore를 활용해 나만의 한자 단어장, 획순 애니메이션, 필기 인식까지 직접 구현해보세요!

초급

gemini, HTML/CSS, TailwindCSS

Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼

닭강정

바닐라 자바스크립트 & Tailwind CSS

Michael Kwon

AI 활용과 컴포넌트 중심 UI 제작으로 배우는 실무형 웹 UI 개발, 디자이너+개발자 필수 코스!

초급

JavaScript, vanilla-javascript, frontend

바닐라 자바스크립트 & Tailwind CSS

Michael Kwon

Vue.js - Django 연동 웹 프로그래밍

김석훈

Vue.js 와 Django 프레임워크를 사용하여, 웹 프로그래밍을 할 수 있다.

초급

Vue.js, Django

Vue.js - Django 연동 웹 프로그래밍

김석훈

Tailwind CSS 실전 포트폴리오 퍼블리싱

코딩웍스(Coding Works)

[Tailwind CSS 실전 포트폴리오 퍼블리싱]은 Tailwind CSS를 활용해 26가지 이상의 다양한 실전 예제 제작하는 과정입니다. 실전 예제를 빠르게 다양하게 제작하면 그 속에서 필수적인 이론을 설명합니다. 해당 강의는 개발자와 퍼블리셔가 만드는 Tailwind CSS 스타일링을 중심으로 제작되었습니다.

초급

TailwindCSS, HTML/CSS

Tailwind CSS 실전 포트폴리오 퍼블리싱

코딩웍스(Coding Works)

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

호돌맨

단순히 애플리케이션 하나를 만드는데 끝나지 않습니다. Spring Boot를 활용한 백엔드부터 Vue.js 모던 프론트엔드 스택을 연동한 서비스 완성 A-Z를 보여드립니다.

중급이상

Spring Boot, JPA, AWS

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

호돌맨

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

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

5.0

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