Vue 공식문서나 책봐도 뭔소린지 모르겠다면, 리액트도 나랑 안맞는 것 같다면 이걸로 입문하십시오. 

인스타그램과 유사한 Single page application을 만들어보며 배워보는 프로젝트형 Vue.js 강의입니다.

Vue CLI를 이용한 프로젝트 만들기부터 컴파일, 그리고 PWA 발행 방법까지 실제 프로덕션에 쓰이는 Vue의 대부분의 기술을 배워가실 수 있습니다. 

Vue는 React와 동일한 기능을 제공하는 라이브러리입니다. 문법만 살짝 다릅니다. 

네이버, 카카오톡에서 새로운 서비스만들 때 리액트 말고 Vue를 가끔 쓰는데 그 이유를 아십니까.

1. 문법이 쉽고 2. 코딩패턴이 정해져있어서 초보도 쉽고 협업도 쉽고 3. 가볍고 빠릅니다  

리액트는 자바스크립트 잘해야 모든게 가능한데 

Vue는 자바스크립트가 어설퍼도 Vue 문법 10개 정도만 새로 외워주시면 쪼렙 개발자도 누구나 멋진 웹앱을 쉽게 만들 수 있습니다.

남들 다 하는 todoapp 이딴거 말고 어디가서 자랑하기 좋은 인스타그램을 만들어봅시다. 

만들어볼 샘플 사이트 일부 맛보기 https://yogoho210.github.io/

필요한 사전지식 :

- HTML/CSS 기초

- JavaScript 기초 (var, function, if, for, Array와 Object 자료형)

- JavaScript가 처음이라면 JavaScript 기초 강의 선행 추천드립니다. 

커리큘럼 :

[Vue.js 3버전 기초와 부동산 사이트 만들어보기]

- Vue CLI 프로젝트 기본 설치와 환경셋팅
- Bootstrap-vue를 이용한 UI 개발과 반응형 레이아웃 
- v-bind, v-for, v-if
- HTML 컴포넌트화 하기 
- Props 사용하기
- Vue-router 설치와 라우터 개념
- 라이프사이클 함수 사용하는 법 
- methods, computed 에 기능개발하기
- 라우터를 이용한 페이지 나누기
- URL파라미터를 추가한 라우터 만들기
- named routes, navigation guard 
- Github Pages를 이용한 간단한 발행 

[인스타그램 웹앱버전 만들기]

- Vue UI로 프로젝트 만들어보기
- step에 따른 페이지 구분패턴 
- 알아서 해볼 많은 숙제들 
- FileReader, ObjectURL을 이용한 프론트엔드 환경에서의 이미지 업로드
- 글작성과 발행기능
- 커스텀 이벤트 만들어 사용하기 
- 상위요소로 데이터 버스태워 전달하기 
- Vuex 로 쉽게 데이터 관리해보기
- Props를 갖다버리고 Slot을 이용하자
- Axios를 이용한 Ajax요청 배워보기
- Progressive Web App 발행과 셋팅
- Vue 3 Composition API 사용법