Next.js 시작하기
장기효(캡틴판교)
React를 시작할 때 꼭 알아야 하는 Next.js 프레임워크. 입문자 관점의 쉬운 설명과 실무자가 만족하는 심도 깊은 동작 원리 이해까지. Next.js를 한방에 해결합니다.
초급
Next.js, React, JavaScript
BEST
Vue.js Intermediate Course - Learn Vue.js, ES6, and Vuex by creating a web app
Vue.js Intermediate Course - This is a Vue.js usage course that helps anyone create a 'great', 'easy', and 'excellent' web application. Based on a basic understanding of Vue.js, you will learn practical, code-centered knowledge by creating a Todo app.
Reviews from Early Learners
What you will learn!
web development
Javascript
Vue.js
View the latest CLI tool features
Learn how to design component-based web apps
How to Design Components
ES6 (const & let, arrow functions, enhanced object literals, modules, etc.)
Vuex (state, getters, mutations, actions, modules, etc.)
Know the basics of HTML, CSS, JS and Vue.js
Learn Vue.js to easily develop web apps! 💁♂️
Building the foundation of Vue.js
Grow into a mid-level developer ✨
This course is divided into three major parts:
- To-do App implemented with Vue.js
- ES6 for clean Vue.js code
- Vuex for implementing complex applications
This is a recommended course for those who are just starting to get interested in Vue.js or web development. I know about components, instances, etc., but I will help those who feel frustrated when trying to actually create an app to create an application. I will teach those who need to see the view code in ES6 an easy and quick way to learn ES6.
For those who want to manage components efficiently as their applications grow, we introduce a simple and easy way to learn Vuex. The overall lecture method is structured as a code-centered learning course.
After learning component-based design and structuring methods by creating a To-do app with basic view concepts, you will improve your application code by learning ES6 concepts and applying them to your application code. This is a practical lecture where you will learn the main technical elements of Vuex and apply what you have learned directly to your code while refactoring the To-do app.
Interested in front-end development
Anyone can learn 🏃♀️
Vue.js right away
Developers who want to use it in practice
Front-end development
The designer I want to be
As a front-end developer
Publisher who wants to change
📢 Be sure to check your player knowledge!
- You need to know the basics of HTML, CSS, JS, and Vue.js to learn efficiently.
Preview of what you'll learn 📘
In this intermediate Vue.js course, you will learn the component-based project structure and component design methods required for developing actual services, and look at the main features of ES6 that make it easy to write Vue.js code. You will also learn in depth about Vuex, a state management library that is inevitably used in practice.
- View Latest CLI Tool Features
- How to design component-based web apps
- How to design components
- ES6 (const & let, arrow functions, enhanced object literals, modules, etc.)
- Vuex (state, getters, mutations, actions, modules, etc.)
Introducing the features of the lecture 📋
- In the first half, you will get a feel for Vue.js screen development by designing and implementing applications without any separate theoretical explanation.
- Afterwards, we will look at the problems in the application we created and improve the application structure through code refactoring.
- The middle part is a lecture in the form of theory explanation -> practice with prepared examples -> application to refactoring so that you can easily and quickly understand the concepts of ES6 and Vuex.
Associated Roadmap 🚎
Conquering Front-end Development with Vue.js and TypeScript
Captain Pangyo's view + TypeScript all at once
This is a roadmap of the lectures you will learn. Including this lecture
Introducing the knowledge sharer 👨🏫
Jang Gi-hyo (Captain Pangyo)
- Current front-end developer
- Author of "Do it! Introduction to Vue.js" and "TypeScript: Easy to Start"
- Vue.js lectures by Naver, eBay Korea, Samsung, LG, SK Group, etc.
- Fast Campus Vue.js Conquest Camp Lecture
- Translator of the official Google Web Technologies website
- Tech Blog , Github
“Vue.js open source + with lecture revenue
Support Life Coding 😁”
Recommended for
these people
Who is this course right for?
Suitable for anyone with basic knowledge of Vue.js and an interest in front-end development.
Developers who want to save time learning Vue.js and use it in practice right away
Those who are new to front-end development
Designer who wants to try front-end development
Publisher who wants to switch to frontend development
College students who want to work as front-end developers
48,013
Learners
4,651
Reviews
3,812
Answers
4.9
Rating
17
Courses
인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙
📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳
Curriculum
All
63 lectures ∙ (6hr 50min)
Published:
Last updated:
Reviews
All
611 reviews
4.9
611 reviews
묘다Reviews 5
∙
Average Rating 4.2
4
98% enrolled블로그부터 이 강의까지 정말 많은도움이 됐습니다 ㅎㅎ 하지만 초보 입장에서 아쉬웠던 부분이 있습니다 일단 강의 마지막업데이트가 좀 오래전에된거같습니다. 마지막 업데이트일자가 19년2월인데 지금시점에서보면 거의 2년이네요 ㅜㅜ 그래서 그런지, 강의중간에 안내가되고있긴하지만 vue 프로젝트 시작명령어부터, 기본 파일구조등등 강의와 다른부분이 가끔 나와서 초보자입장에서 혼란스러울때가있습니다. 그리고 NG라고해야될까요? 인프런대표님한테 카톡오는 알람이 화면에 뜨는거랑ㅋㅋㅋ, 말이꼬이는부분, 파일생성했다가 아 필요없겠구나 하면서 다시 삭제하는부분등등은 컷편집이라도 해주시면 집중에 더 좋을거같습니다
- 지능정보화연구실
Reviews 3
∙
Average Rating 4.7
5
100% enrolledtodo앱 만들기를 vue로 구현해보면서 기존 js, jquery로 하는 방식과 어떤점이 다른지 확인할 수 있는 시간이었고 단계별로 코드가 어떻게 간소화 되는지 설명을 잘해주셔서 좋았습니다. 다만 구현된 todo앱이 초보자들이 보기 쉬운 코드로 만드신 것 같아 조금 아쉬워서 기능이랑 데이터를 저장하는 방식을 좀 바꿔서 구현해보았습니다. 배열하나로 todo 목록을 다 관리할 수 있게 로컬스토리지에 저장하였구요. 키값은 중복되면 안된다고 생각되어 중복검사를 해서 카운트를 올려주었습니다. 별도 추가된 기능은 필터링, 카운트, 메뉴바, 테마변경 등을 추가하였습니다. 추가된 기능은 공식사이트에 있는 예제를 참고하였습니다. https://vuejs.org/v2/examples/todomvc.html
- 이승환
Reviews 6
∙
Average Rating 4.7
- sion007005
Reviews 9
∙
Average Rating 5.0
Limited time deal ends in 2 days
$41,250.00
25%
$42.90
captain's other courses
Check out other courses by the instructor!
Similar courses
Explore other courses in the same field!
![제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]강의 썸네일](https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j?f=avif&w=420)
![풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]강의 썸네일](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420)
![[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스강의 썸네일](https://cdn.inflearn.com/public/files/courses/332860/cover/01jnwb77yxra1hp8cm9hed0wnd?f=avif&w=420)
