Vue.js 중급 강좌 - '누구나', '쉽게', '훌륭한' 웹 어플리케이션을 만들 수 있도록 도와주는 Vue.js 활용 강좌 입니다. Vue.js 에 대한 기본적인 이해를 바탕으로 Todo 앱을 만들어 보며 코드 중심의 실용적인 지식을 배우게 됩니다.
웹 개발
Javascript
Vue.js
뷰 최신 CLI 도구 특징을 알 수 있어요
컴포넌트 기반 웹 앱 설계 방법을 배울 수 있습니다
컴포넌트 설계 방법
ES6 (const & let, 화살표 함수, 향상된 객체 리터럴, 모듈 등)
Vuex (state, getters, mutations, actions, modules 등)
HTML, CSS, JS와 Vue.js 기초를 알고
쉽게 웹 앱을 개발할 수 있는 Vue.js를 배워요! 💁♂️
이 강좌는 다음과 같이 크게 3가지 파트로 나뉩니다.
이제 막 Vue.js나 웹 개발에 흥미가 생긴 분들에게 추천하는 강의입니다. 컴포넌트, 인스턴스 등은 알지만 실제로 앱을 만들려고 하니 답답한 분들에게 애플리케이션을 만들어나갈 수 있도록 도와드립니다. ES6으로 된 뷰 코드를 봐야하는 분들께 쉽고 빠르게 ES6을 배우는 방법을 알려드려요.
애플리케이션이 커져서 컴포넌트를 효율적으로 관리하고 싶은 분들께 Vuex를 쉽고 간단하게 배우는 법을 소개합니다. 전체적인 강의 방식은 코드 중심의 학습형 강좌로 구성되어 있습니다.
뷰 기초 개념으로 To-do 앱을 제작하며 컴포넌트 기반 설계 방법과 구조화 방법을 익힌 후, ES6의 개념을 학습하여 애플리케이션 코드에 적용함으로써 애플리케이션 코드를 개선해나갑니다. Vuex의 주요 기술 요소들을 학습하고 Todo 앱을 다시 리팩토링하면서 배운 내용들을 직접 코드에 적용해보는 실전형 강의입니다.
Vue.js를 바로
실무에 쓰고싶은 개발자
프론트엔드 개발을
하고싶은 디자이너
프론트엔드 개발자로
전향하고싶은 퍼블리셔
📢 선수 지식을 꼭 확인해주세요!
Vue.js 중급 강좌 로 실제 서비스를 개발할 때 필요한 컴포넌트 기반 프로젝트 구조화 방법과 컴포넌트 설계 방법을 배우고, Vue.js 코드를 간편하게 짤 수 있는 ES6의 주요 특징들에 대해서 살펴봅니다. 실무에서 필연적으로 사용하게 되는 상태 관리 라이브러리 Vuex 또한 심도 있게 학습합니다.
Vue.js와 TypeScript로 정복하는 프론트엔드 개발
캡틴판교님의 뷰 + 타입스크립트로 한 번에
배우는 강의들로 구성된 로드맵입니다.이 강의 포함
“강의 수익으로 Vue.js 오픈소스 +
생활코딩을 후원합니다 😁”
학습 대상은
누구일까요?
Vue.js 기초 지식이 있고, 프론트엔드 개발에 관심있는 모든 분께 적합합니다.
Vue.js 학습 시간을 아껴 바로 실무에 쓰고 싶은 개발자
프론트엔드 개발에 입문하신 분
프론트엔드 개발을 해보고 싶은 디자이너
프론트엔드 개발자로 전향하고픈 퍼블리셔
프론트엔드 개발자로 취업을 희망하는 대학생
47,873
명
수강생
4,619
개
수강평
3,812
개
답변
4.9
점
강의 평점
17
개
강의
인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙
📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳
전체
63개 ∙ (6시간 50분)
전체
610개
4.9
610개의 수강평
수강평 5
∙
평균 평점 4.2
4
From the blog to this lecture, it was really helpful ㅎㅎ But there are some parts that I regret as a beginner First of all, it seems like the last lecture update was a while ago. The last update date was February 2019, but it's been almost 2 years now ㅜㅜ Maybe that's why, although there is guidance in the middle of the lecture, there are sometimes parts that are different from the lecture, such as the Vue project start command, the basic file structure, etc., so it's confusing as a beginner. And should I say NG? The part where the KakaoTalk alarm from the Infleun representative appears on the screen, ㅋㅋㅋ, the part where the words are tangled, the part where you create a file and then delete it thinking you don't need it, etc. If you cut and edit it, it would be better for concentration.
수강평 3
∙
평균 평점 5.0
5
for (let i=0; i<999; i++) { console.log('Thank you, I really like the lecture') };
do { console.log('Thank you ^^') } while (true)
수강평 3
∙
평균 평점 4.7
5
It was a time to see how it differs from the existing js and jquery methods while implementing the todo app with vue, and it was good that it explained well how the code was simplified step by step. However, I was a little disappointed that the implemented todo app seemed to be made with code that was easy for beginners to read, so I changed the function and the way data was saved and implemented it. I saved it in local storage so that I could manage the todo list with one array. I thought that the key value should not be duplicated, so I increased the count by checking for duplicates. Separately added functions include filtering, count, menu bar, and theme change. The added functions were referenced from the example on the official website. https://vuejs.org/v2/examples/todomvc.html
수강평 6
∙
평균 평점 4.7
수강평 9
∙
평균 평점 5.0
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!
![[Code Camp] Start with Pre-CampHình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/329913/cover/eee923cc-911b-4c2d-a445-9fddee8e5992/thumbnail-precamp.png?f=avif&w=420)
![[Code Camp] Highly concentrated backend course created at boot campHình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/329996/cover/2be99a0c-5d5a-4e15-b85b-53c09879058a/thumbnail-backnew.png?f=avif&w=420)
