Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vues
01. 강의 소개
1. 강의에서 다루는 내용
- 뷰 CLI를 이용한 프로젝트 구성 방법
- 컴포넌트 기반 설계 방법
- 컴포넌트 구조화 및 컴포넌트 통신 방법
- ★ ES6를 이용한 효율적이고 간결한 뷰 코딩 방법
- ★ Vuex를 이용한 상태 관리의 이해 및 적용 방법
- Vuex는 상태 관리 패턴이다. 이 패턴의 배경, 지향점 등에 대해 이야기 할 예정.
2. 구현할 애플리케이션 소개
- TODO List -> 할일 관리 애플리케이션
- ES5로 구현하고, ES6로 구현하며 두번의 리팩토링으로 애플리케이션 개선 예정
- Vuex 설명 및 적용 예정
3. 개발환경 소개
- Vue.js
- NPM
- Github
- Chrome 개발자도구
- VS Code
4. 강의 대상
- Vue.js 기본 개념을 학습한 입문자
- 누구나 다루는 Vue.js 3시간 기초 강의를 마친 입문자
- Do it! Vue.js 입문 서적을 읽어본 입문자
- 페이지 3개 이상의 복잡한 애플리케이션을 구현하려는 실무자
02. 개발 환경 설정 및 깃헙 리포지토리 클론
프로그램 설치
- Node.js
- Git
위 프로그램들 설치해야 하고, 저는 다 설치되어 있어서 따로 설치하진 않았고 아래 VS Code 플러그인만 설치했습니다.
VS Code 플러그인 설치
1) Vetur
2) TSLint
강의를 듣는 사람에 한해 github 비공개 레포지토리 권한 요청을 할 수 있음