2018.06.09 - 순수JS 와 VueJs

인프런 강좌 - 실습 UI 개발로 배워보는 순수JS 와 VueJs 개발

https://www.inflearn.com/course/%EC%88%9C%EC%88%98js-vuejs-%EA%B0%9C%EB%B0%9C-%EA%B0%95%EC%A2%8C/

props: ['data', 'tabs'] // 부모의 데이터를 받아옴

this.$emit('@change', data) // 부모에게 이벤트를 보냄

watch: name(newVal, oldVal){} // 이벤트 지켜봄. 데이터 변경시 앎.

computed: name(){return aa===1} // v-if="aa===1" --> v-if="name"

부모, 자식 컴포넌트 데이터 넘겨주고 하는거 아직도 익숙하지 않음.

실습 혼자 못깼음. 

공식문서에 computed 계산된 속성(?) 이라고만 나와있어서 도무지 뭔말인지 몰랐는데 이제 어떻게 쓰는건지 좀 알겠다.

강좌가 몇개 남지 않았어!

강좌 교육과정

준비
	강의 소개	미리보기	00:02:00
	개발환경 구성	미리보기	00:03:00
	요구사항 분석	미리보기	00:04:00
순수JS (MVC)
	MVC 패턴 설명	미리보기	00:02:00
	폴더 구조		00:11:00
- 검색폼
	검색폼 구현 1	미리보기	00:07:00
	검색폼 구현 2		00:03:00
	검색폼 구현 3		00:04:00
	검색폼 구현 4 (실습)		00:02:00
	검색폼 구현 4 (구현)		00:04:00
- 검색결과
	검색결과 구현 1	미리보기	00:10:00
	검색결과 구현 2		00:03:00
	검색결과 구현 3 (실습)		00:01:00
	검색결과 구현 3 (구현)		00:02:00
- 탭
	탭 구현 1	미리보기	00:02:00
	탭 구현 2		00:06:00
	탭 구현 3 (실습)		00:01:00
	탭 구현 3 (구현)		00:04:00
- 추천 검색어
	추천 검색어 구현 1	미리보기	00:09:00
	추천 검색어 구현 2		00:07:00
	추천 검색어 구현 3 (실습)		00:01:00
	추천 검색어 구현 3 (구현)		00:04:00
- 최근 검색어
	최근 검색어 구현 1, 2	미리보기	00:06:00
	최근 검색어 구현 3		00:03:00
	최근 검색어 구현 4 (실습)		00:01:00
	최근 검색어 구현 4 (구현)		00:06:00
	최근 검색어 구현 checkout		00:02:00
	최근 검색어 구현 5 (실습)		00:01:00
	최근 검생어 구현 5 (구현)		00:02:00
Vue.js (MVVM)
	MVVM 구조설명	미리보기	00:04:00
	vue.js 설치		00:06:00
- 검색폼
	검색폼	미리보기	00:08:00
	검색폼 (실습)		00:01:00
	검색폼 (구현)		00:03:00
- 검색결과
	검색결과	미리보기	00:08:00
	검색결과 (실습)		00:01:00
	검색결과 (구현)		00:01:00
- 탭
	탭	미리보기	00:05:00
	탭 (실습)		00:01:00
	탭 (구현)		00:03:00
- 추천 검색어
	추천 검색어 구현		00:07:00
- 최근 검색어
	최근 검색어	미리보기	00:06:00
	최근 검색어 (실습)		00:01:00
	최근 검색어 (구현)		00:03:00
- 개선된 점
	개선된 점	미리보기	00:02:00
컴포넌트
	Vue Component 소개	미리보기	00:03:00
	FormComponent 구현 1		00:07:00
	FormComponent 구현 2		00:10:00
	ResultComponent 구현		00:04:00
	List Component 구현 1		00:09:00
	List Component 구현 2		00:05:00
	Tab Component 1		00:02:00
	Tab Component 2		00:04:00
단일 파일 컴포넌트 구현
	단일 파일 컴포넌트 1		00:04:00
	단일 파일 컴포넌트 2		00:03:00
	단일 파일 컴포넌트 3		00:05:00
	단일 파일 컴포넌트 (실습)		00:01:00
	단일 파일 컴포넌트 (구현)		00:05:00
정리
	정리