강의

멘토링

로드맵

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

/

프론트엔드

Vue.js 시작하기 - Age of Vue.js

Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요.

(4.9) 수강평 1,451개

수강생 9,119명

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

이런 걸 배울 수 있어요

  • 프런트엔드 개발

  • 화면 UI 개발

  • Javascript

  • 웹 개발

  • Vue.js 개발

  • Vue.js

Vue.js 시작하기,
Age of Vue.js 🌌

1,000명이 넘는 분들의 성원에 힘입어 새롭게 탄생한 Vue.js 입문 강의입니다. 1,000명이 넘는 분들의 성원에 힘입어
새롭게 탄생한 Vue.js 입문 강의입니다.

누구나 다루기 쉬운 Vue.js 입문리뉴얼 강의입니다. 입문자의 관점으로 더욱더 눈높이를 낮춰 프론트엔드 개발할 때 알고 있으면 좋은 지식들을 상세하게 설명하였습니다. Vue.js로 재밌게 웹 개발을 시작하실 수 있도록 알차게 내용을 구성하였으니, 관심 있으신 분들은 강의 소개 영상을 꼭 확인해보세요! 😁


프론트엔드 개발에 관심있는
누구나 배울 수 있습니다 🏃‍♀️

프론트엔드 개발자로 전향하고픈 퍼블리셔

프론트엔드 개발자로
전향하고픈
퍼블리셔

프론트엔드 개발을 해보고 싶은 디자이너

프론트엔드 개발을
해보고 싶은
디자이너

프론트엔드 개발자 취업을 준비하는 대학생

프론트엔드 개발자
취업을 준비하는
대학생

jQuery에서 벗어나 프레임워크를 쓰고픈 백엔드 개발자

jQuery에서 벗어나
프레임워크를 쓰고픈
백엔드 개발자

📢 선수 지식을 꼭 확인해주세요!

  • Vue.js 프레임워크를 배우기 위해서는 HTML, CSS, JS 기초를 꼭 알고 있어야 합니다.

실습으로 재미있게
학습해봐요 ✨

Event Emit?

웹에서 이벤트가 발생하고, 컴포넌트 간에 데이터를 주고받는 과정을 직접 구현해봅니다. 설명을 듣고 실습을 해본 다음, 어떤 구조로 동작이 이루어졌는지 풀이까지 차근차근 익힐 수 있어요.

사용자 입력 폼 만들기최종 프로젝트 

간단한 로그인 폼을 구현해 봅니다. 사용자가 입력한 ID와 패스워드 데이터는 어떤 구조로 서버에 전송될까요? Vue를 통해 이벤트를 다루고 컴포넌트를 구성하는 방법의 기본을 탄탄하게 다져보세요.


강의 교안을 제공합니다 📖

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

"Cracking Vue.js" 사이트 바로가기 (클릭)


책과 함께 공부해봐요 📗

Do it! Vue.js 입문

Vue.js의 기본 동작 원리부터 꼼꼼하게 설명하고,
실제 서비스를 개발할 때 필요한 컴포넌트 기반 설계 방법과
프로젝트 구조화 노하우까지 알차게 담았습니다.
강의를 들으면서, Vue.js 입문 책도 함께 공부해보세요!

 


예상 질문 Q&A

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

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

  • 자바스크립트 기초 문법 (클릭)
  • 자바스크립트 기본기 다지기 (클릭)
  • 자바스크립트 - 생활코딩 (클릭)

Q. Vue.js 최신 버전이 나왔는데 이 강의를 들어도 될까요?

물론입니다! 강의에서 다루는 개념과 내용 모두 Vue 3에서 동일하게 활용됩니다. 인스턴스 옵션 속성 1개 정도만 다를 뿐 큰 차이가 없기 때문에 Vue 2로 학습하셔도 문제가 없습니다.

현재 실무에서는 대부분 Vue 2를 사용하고 있고 Vue 3에서 제공하는 주요 특징 모두 Vue 2에서도 사용할 수 있습니다. 이후에 Vue 3 생태계가 성숙해지면 추가로 강의를 제작할 예정이니 참고해주세요!

Vue 2와 Vue 3 차이점 소개 영상. 2021년 프론트엔드 개발자 그룹 컨퍼런스

Q. 강의에서 학습한 내용을 바로 실무에 적용할 수 있나요?

네, 인스턴스부터 컴포넌트까지 기본적인 개념들을 바로 서비스에 적용해 볼 수 있습니다. 이후 학습 로드맵을 따라서 학습해 보시면 점진적으로 배운 내용을 적용하실 수 있을 거예요 😄


연관 로드맵 🚎

Vue.js와 TypeScript로 정복하는 프론트엔드 개발
캡틴판교님의 뷰 + 타입스크립트로 한 번에
배우는 강의들로 구성된 로드맵입니다.
이 강의 포함


지식공유자 소개 👨‍🏫

장기효 (캡틴판교)

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

“강의 수익으로 Vue.js 오픈소스 +
생활코딩을 후원합니다 😁”

강의 할인을 제공합니다!

시리즈 "Vue.js로 완성하는 프론트엔드
개발자 로드맵" 25% 할인 (클릭)

수입이 없는 중·고등학생,
대학생을 위한 학생 50% 할인 (클릭)

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 프런트엔드 입문 개발자

  • 퍼블리셔

  • 백엔드 개발자

  • 디자이너

  • 대학생

선수 지식,
필요할까요?

  • HTML

  • CSS

  • Javascript

안녕하세요
입니다.

48,062

수강생

4,662

수강평

3,812

답변

4.9

강의 평점

17

강의

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

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

커리큘럼

전체

68개 ∙ (5시간 25분)

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

수강평

전체

1,451개

4.9

1,451개의 수강평

  • heoheon님의 프로필 이미지
    heoheon

    수강평 3

    평균 평점 5.0

    5

    99% 수강 후 작성

    The company implemented the front-end with Vue.js. It was difficult to do without any knowledge of Vue.js. In order to use it for work quickly, I purchased the Vue.js Complete Guide and applied it right away while listening to the lecture. However, since I did not have basic knowledge, there were many cases where I used it without knowing why I had to use it. Basic knowledge is essential. When I heard that a new lecture was released, I purchased it right away and finished the course in one day. The lecture was good to listen to because it paid attention to the clear voice and the details that were considerate of the user (icon enlargement, subtitles, learning materials, etc.). I am looking forward to the next lecture.

    • captain
      지식공유자

      Hello, Heo Heon, Thank you for leaving a good review of the lecture :) I am personally more grateful that you listened to the perfect guide and even the basic course. Above all, I am even more grateful that you pointed out the features of the lecture that I prepared diligently and said it was good :) I hope you look forward to my content in the future. I will repay you with better content as much as you left a good review. Thank you!! :)

  • unolee0834님의 프로필 이미지
    unolee0834

    수강평 2

    평균 평점 5.0

    5

    100% 수강 후 작성

    Just as I was about to study something new, a new lecture was registered and I started it right away. The content is good... ^^ Above all, the voice is clear, and the screen is enlarged at important moments, so the composition is meticulously thought out. When it comes to Vue lectures, Captain Pangyo Jang Gi-hyo is the best. ^^ ~~ I want to learn the intermediate level too. ^^

    • captain
      지식공유자

      Hello Uno, Thank you for quickly applying for the new course, completing it quickly, and leaving a nice compliment :) We are holding a comment event to celebrate the opening of the new course, and I would like to give Uno the opportunity first! Thank you again and I hope you will continue to support us in the future :)

  • thriller8901137797님의 프로필 이미지
    thriller8901137797

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    I am a web developer who is entering my second year. In fact, since our company mainly uses public corporations as its customers, we mainly use javascript, jquery, html, css, spring, and mainly use EditPlus as an editor. Since I mainly use the above technologies at work, I felt like I was falling behind the trend, so I took this course to start my personal project with Vue.js, and it was really helpful. 1. It was good to learn how to use vscode. Since I mainly use EditPlus for work, I got so used to it that I couldn't change it, but after using vscode through this course, I found it really convenient. My company now mainly uses vscode. 2. Since each lecture is short, I liked that I could focus little by little. As an office worker, I tend to get a little loose when the lecture time is long, but this course is divided into several short sessions, so I can focus well and I feel a sense of accomplishment(?). It's still hard to apply it to personal projects, but I'll have to build up my skills by reading the webpack lecture and the official vue.js documentation. Thank you for the great lecture. I'd like to try the intermediate level when I get the chance.

    • captain
      지식공유자

      Hello, Meow-ee-neun-aeong, Thank you for your detailed course review. As a content creator, I am even more proud that the short course helped you feel a sense of accomplishment :) Since you wrote the course review so well, I will add an intermediate course! :) I hope it will be of great help to you in your personal toy project. If you write your Inflearn account email in the course inquiry corner, I will add it!

  • umirolab1714님의 프로필 이미지
    umirolab1714

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    I listened to it well because it felt like I was able to organize the concepts even though I didn't know anything. Thank you!!

    • captain
      지식공유자

      I'm glad it was helpful. Thank you for leaving a good review :)

  • hu2y0588님의 프로필 이미지
    hu2y0588

    수강평 4

    평균 평점 5.0

    5

    100% 수강 후 작성

    Thank you for the great lecture!, I was able to follow along with enjoyment, I only read the book you recommended and this is my first time listening to the lecture, but you help me understand the basics well through repeated learning~ There were so many lectures that I didn't know when I would listen to them all, but I listened to them so intently that I was disappointed because they disappeared so quickly. I also liked the part where you provided links for reference in the lectures, and this is a lecture I recommend to those who want to solidify their basics! I'll listen to the rest quickly and go listen to the intermediate level too!

    • captain
      지식공유자

      Hello Sanghoon, thank you for leaving a good lecture review :) I also worried that it would be a bit long since it was over 5 hours after recording this lecture, but I feel good because you said that the time went by quickly. I hope Sanghoon can enjoy the remaining follow-up lectures. Since you seem to have already paid for the intermediate course, I would like to add a perfect guide course. Please leave your email on the lecture question board :) Thank you!

배움이 더 쉬워지는 9월 깜짝 연장 중 (1일 남음)

₩26

22%

₩44,000

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

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

비슷한 강의

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