강사 소개
- 王林
- 당신은 배울 것이다:
Vue.js는 진보적인 상향식 개발 모델을 채택하고 주류 MVVM 디자인 프레임워크를 사용하는 매우 인기 있는 프런트 엔드 개발 프레임워크입니다. 본 과정은 Vue.js 개발의 핵심 개념과 공통 기술을 기반으로 하여 Vue.js 프레임워크의 핵심 지식을 최대한 짧은 시간에 이해하고 숙달할 수 있도록 하여 향후 학습을 위한 좋은 기반을 마련합니다.
Vuejs 강좌 소개에 대해 알아보세요
15분55초Vuejs의 지식과 기능을 이해합니다.
24분00초vuejs 설치 방법을 마스터하세요
11분07초HelloVuejs의 첫 경험을 마스터하세요
21분28초Vue 목록 표시 마스터하기
11분37초마스터 소형 케이스 카운터
16분19초Vue의 mvvm 이해하기
11분40초Vue의 옵션 이해
07분18초Vue의 라이프사이클 이해
17분43초Vue의 라이프사이클 기능이 무엇인지 이해하세요.
09분59초vue를 정의하는 템플릿 이해
10분16초보간 작업 콧수염 구문을 마스터하세요
08분08초보간 작업을 익히고 다른 지침을 사용하세요.
21분54초v바인드의 기본 사용법을 익히세요
13분33초v 바인딩 동적 바인딩 클래스 개체 구문을 마스터하세요.
13분09초v 바인딩 동적 바인딩 클래스 배열 구문 이해
07분38초v 바인딩과 v를 결합하는 과제를 완료하세요.
05분29초마스터 v 바인드 동적 바인딩 스타일 개체 구문
19분40초v 바인딩 동적 바인딩 스타일 배열 구문 이해
02분57초계산된 속성의 기본 사용법을 익히세요.
10분12초계산된 속성의 복잡한 작업을 마스터하세요
08분31초수업 복습에 대해 알아보기
14분37초계산된 속성 setter 및 getter 이해
16분01초계산된 속성과 메서드 간의 비교를 마스터하세요.
09분53초마스터 블록 수준 범위 let 및 var
37분53초세 가지 솔루션의 비교를 이해합니다. ES5에는 클로저가 없고, 클로저가 있으며, ES6에는 let이 있습니다.
14분00초const의 사용법과 주의사항을 숙지하세요
15분04초ES6 객체 리터럴의 향상된 쓰기 방법을 마스터하세요.
17분31초v on의 매개변수 전달 문제를 마스터하세요.
17분55초v on 수식어의 사용법을 숙지하세요
12분33초v if 및 v else if 및 v else 사용법을 숙지하세요.
12분00초로그인 전환 마스터링에 대한 소규모 사례 연구
07분02초로그인 전환의 입력 재사용 문제 이해
12분12초v show의 사용법과 v if와의 차이점을 숙지하세요.
07분54초배열과 객체를 순회하기 위한 마스터 v
11분11초바인딩된 키와 바인딩되지 않은 키에 대한 v의 차이점 이해
16분55초Axios 인터셉터 사용법 익히기
27분39초배열의 어떤 메소드가 반응형인지 이해
30분15초숙달 과제 검토 및 구현
10분41초장바구니 케이스 인터페이스 구성 마스터하기
13분17초장바구니 필터 사용법 익히기
05분32초장바구니 케이스를 마스터하고 구매 수량을 변경하세요
08분43초마스터 장바구니 케이스 제거 버튼 최종 가격
06분24초JavaScript 고차 함수 사용법 익히기
49분59초v 모델의 사용법과 원리를 숙지하세요
16분32초무선 유형과 결합된 v 모델의 사용을 마스터하세요.
08분50초체크박스 유형과 결합된 v 모델의 사용을 마스터하세요.
09분38초선택 유형과 결합된 v 모델의 사용을 마스터하세요.
07분19초입력의 마스터 값 바인딩
07분52초v 모델 수정자의 사용을 마스터하세요.
10분19초구성 요소화의 구현 및 사용 단계를 마스터하세요.
15분58초컴포넌트화의 기본 사용 프로세스를 마스터하세요.
11분31초글로벌 구성요소와 로컬 구성요소를 마스터하세요.
10분55초상위 구성 요소와 하위 구성 요소의 차이점을 이해합니다.
12분37초등록된 구성 요소의 구문 설탕 작성 방법을 마스터하세요.
10분38초컴포넌트 템플릿 추출 작성 방법을 마스터하세요.
07분37초구성요소 데이터가 함수여야 하는 이유 이해
28분57초부모와 자식 구성 요소 간의 통신을 마스터하고 부모에서 자식으로 소품을 전달합니다.
37분35초부모-자식 구성 요소 통신 소품 낙타 케이스 식별 마스터
10분28초상위 구성요소와 하위 구성요소 간의 통신을 마스터하고 하위 구성요소에서 상위 구성요소로 사용자 정의 이벤트를 전달합니다.
22분15초프로젝트 데모에 대해 알아보기
11분32초지식 복습 이해
16분56초상위 구성 요소와 하위 구성 요소 간의 통신을 마스터하고 양방향 바인딩 사례를 결합합니다.
32분06초양방향 바인딩 케이스와 도면 분석의 조합을 마스터하세요.
12분46초양방향 바인딩 케이스와 결합된 감시 구현 이해
04분56초하위 심판에 대한 상위 액세스 마스터하기
17분52초상위 상위 루트에 대한 하위 액세스 이해
10분56초슬롯 슬롯의 기본 사용법을 익히세요.
17분52초슬롯이라는 이름의 슬롯 사용법을 익히십시오.
07분12초컴파일 범위의 개념 이해
09분17초복잡한 프런트 엔드 코드로 인해 발생하는 문제 이해
16분00초프론트엔드 모듈화 프로토타입과 CommonJS 이해
22분20초ES 모듈성 가져오기 및 내보내기 마스터
32분24초webpack 도입 및 설치 이해
24분41초webpack의 기본 사용 프로세스를 마스터하세요.
18분53초마스터 웹팩 구성 js 구성 및 패키지 json 구성
28분14초webpack에서 CSS 파일을 사용하는 구성을 마스터하세요.
24분11초webpackless 파일 처리 마스터하기
20분47초웹팩 이미지 파일 처리 마스터하기
38분34초마스터 웹팩 ES6에서 ES5 바벨
14분11초Vue를 사용하여 웹팩 구성 프로세스를 마스터하세요.
22분14초Vue를 생성할 때 템플릿과 el의 관계를 마스터하세요.
09분15초웹팩 배너 플러그인 사용법 익히기
12분53초webpack HtmlWebpackPlugin 사용법 익히기
12분33초webpack UglifyjsWebpackPlugin 사용법 익히기
06분13초로컬 서버를 구축하기 위한 마스터 웹팩 개발 서버
17분13초웹팩 구성 파일 분리 마스터하기
16분50초vuecli scaffolding 도입 및 설치 이해
23분52초vuecli CLI2 초기화 프로젝트 프로세스를 마스터하세요
25분37초vuecli CLI2의 디렉토리 구조 분석 이해
40분14초지식 복습 이해
10분15초마스터 설치 CLI 오류 및 ESLint 사양
29분34초런타임 컴파일러와 런타임 전용의 차이점 이해
32분42초프로젝트 및 디렉토리 구조를 생성하는 VueCLI3 마스터
42분07초화살표 기능과 포인팅 사용법을 숙지하세요.
21분55초라우팅이 무엇인지, 라우팅 관계가 무엇인지 이해하세요.
17분53초프런트엔드 렌더링, 백엔드 렌더링, 프런트엔드 라우팅 및 백엔드 라우팅 이해
48분17초URL 해시와 HTML5의 역사를 마스터하세요
23분03초Vue Router의 설치 및 구성 방법을 마스터하세요.
11분11초마스터 경로 맵 구성 및 렌더링
12분48초라우팅의 기본값을 숙지하고 히스토리 모드로 수정하세요.
09분37초라우터 링크의 기타 추가 속성을 마스터하세요.
09분40초코드를 통한 마스터 점프 라우팅
06분43초Vue Router 동적 라우팅 사용을 마스터하세요.
26분39초Vue 라우터 패키징 파일 구문 분석을 마스터하세요.
20분13초Vue 라우터 경로의 지연 로딩 사용을 마스터하세요.
13분54초Vue 라우터 라우팅의 중첩된 사용을 마스터하세요
15분47초1을 전달하는 마스터 vue 라우터 매개변수
23분31초2를 전달하는 마스터 vue 라우터 매개변수
04분43초Vue Router 라우터 및 경로의 출처를 이해합니다.
25분37초마스터 뷰 라우터 글로벌 네비게이션 가드
16분45초Vue Router 네비게이션 가드의 보완 사항 이해
14분49초Master Vue 라우터 연결 유지 및 기타 문제
30분23초Vue 라우터 연결 유지 속성 소개를 마스터하세요.
07분10초탭바의 기본 구조 구성을 마스터하세요
25분15초마스터 탭바 TabBar 및 TabBarItem 구성 요소 캡슐화
24분38초탭바를 마스터하고 활성 이미지를 TabBarItem에 전달
11분14초탭바 TabBarItem과 라우팅을 결합한 효과를 마스터하세요
15분43초탭바 TabBarItem 색상의 동적 제어를 마스터하세요
15분11초지식 복습 이해
12분01초탭바 파일 경로의 참조 문제를 마스터하세요.
16분38초Promise Promise의 소개와 기본 사용법을 마스터하세요.
40분44초Promise의 세 가지 상태와 기타 Promise 처리 방법을 숙지하세요.
10분13초마스터 약속 약속 연쇄 호출
19분52초Promise Promise의 모든 방법을 마스터하세요.
13분09초Master vuex Vuex 개념 및 기능 분석
21분17초Master Vuex 단일 인터페이스에서 다중 인터페이스 상태 관리 전환으로 전환
30분34초Master vuex devtools 및 돌연변이
13분12초vuex 상태 단일 상태 트리에 대한 이해를 마스터하세요.
12분35초vuex getter 사용에 대한 자세한 설명을 마스터하세요.
21분27초vuex 돌연변이가 전달하는 매개변수를 마스터하세요
10분48초vuex mutations의 제출 스타일을 마스터하세요
06분02초Vuex 데이터의 반응성 원리를 마스터하세요
21분59초vuex 돌연변이의 유형 상수를 마스터하세요
08분36초vuex 액션 사용에 대한 자세한 설명을 마스터하세요.
24분25초vuex 모듈 사용에 대한 자세한 설명을 마스터하세요.
19분58초vuex store 폴더의 디렉토리 구성을 마스터하세요
10분55초네트워크 요청 모듈 선택 축 이해
12분55초Axios 프레임워크의 기본 사용법을 익히세요.
22분23초동시 요청을 보내는 Master Axis
14분00초Axios의 구성 정보를 마스터하세요
09분16초Axios의 예제와 모듈 캡슐화를 마스터하세요.
40분14초Axios 인터셉터 사용법 익히기
27분39초마스터 프로젝트 개발 프로젝트 생성 및 GitHub 호스팅
22분23초프로젝트 개발에서 CSS 파일의 도입을 마스터하세요
11분14초마스터 프로젝트 개발 vue 구성 및 editorconfig
10분55초마스터 프로젝트 개발, 탭바 소개 및 프로젝트 모듈 분할
15분32초프로젝트 개발, 작은 아이콘 수정, 경로 문제 이해
05분10초마스터 홈페이지 개발, 캡슐화 및 홈페이지 네비게이션 바 활용
18분20초홈페이지 개발 마스터 및 홈페이지에 대한 다중 데이터 요청
27분50초홈 페이지 개발 및 캐러셀 이미지 표시를 마스터하세요.
19분46초마스터 홈페이지 개발 및 추천 정보 표시
11분19초지식 복습 이해
10분01초홈페이지 개발에서 FeatureView 캡슐화 마스터하기
14분03초홈페이지 개발에서 TabControl 캡슐화를 마스터하세요.
24분04초홈페이지 개발 및 제품 저장의 데이터 구조 설계를 마스터하세요.
14분51초홈 페이지 개발 마스터 및 홈 페이지 데이터 요청 및 저장
24분43초마스터 홈페이지 개발 및 홈페이지 상품정보 표시
27분08초TabControl 클릭으로 홈페이지 개발 마스터 및 제품 전환
09분34초Better Scroll의 설치 및 사용을 마스터하세요
Better Scroll의 기본 사용법 분석을 마스터하세요
Vue 프로젝트에서 Better Scroll을 사용하는 과정을 마스터하세요
홈페이지 개발에서 BScroll의 캡슐화 및 사용을 마스터하세요.
홈페이지 개발에서 BackTop 구성요소의 캡슐화 및 사용을 마스터하세요.
22분54초홈페이지 개발 시 BackTop 표시 및 숨기기 마스터하기
24분18초홈페이지 개발을 마스터하고 풀업을 완료하여 더 많은 것을 로드하세요.
어제의 콘텐츠 리뷰를 마스터하세요
36분52초마스터 홈페이지 개발 및 스크롤 영역의 버그 분석 및 해결
새로 고침 기능에서 찾을 수 없는 버그 처리를 마스터하세요.
자주 새로고침되는 손떨림 방지 기능 처리를 마스터하세요.
30분42초더 많은 완성을 위한 마스터 풀업 로딩
TabControl 천장효과 마스터하기 완료
34분58초나갈 때 상태와 위치를 기록하는 마스터 홈
세부정보 페이지로 이동하여 iid를 휴대하는 기능을 마스터하세요.
세부정보 페이지 탐색 모음의 캡슐화를 마스터하세요.
09분47초세부정보 페이지, 데이터 요청 및 캐러셀 표시를 마스터하세요.
세부정보 페이지의 기본 제품 정보 표시를 마스터하세요.
세부정보 페이지에서 매장 정보 분석 및 표시를 마스터하세요.
세부정보 페이지를 마스터하고 스크롤 효과를 추가하세요.
상세 페이지 마스터하기 제품 상세 데이터 표시
세부정보 페이지의 제품 매개변수 정보 표시를 마스터하세요.
콘텐츠 리뷰 알아보기
상세페이지 마스터하기 홈페이지에서 상세페이지로 이동
세부정보 페이지를 마스터하고 홈 페이지 위치를 유지하세요.
세부정보 페이지 탐색 표시줄 구현을 마스터하세요.
Better Scroll의 scrollto 기능 버그 이해
iid 세부정보 페이지 데이터를 기반으로 세부정보 페이지를 마스터하세요.
14분59초세부정보 페이지 상단에 있는 캐러셀 표시를 마스터하세요.
상세 페이지에 표시되는 상품의 기본 정보 표시를 마스터하세요.
34분34초세부 정보 페이지, 스크롤 문제 처리 및 TabBar 숨기기를 마스터하세요.
상세 페이지 마스터하기 상세 페이지에 매장 정보 표시
상세 페이지 마스터하기 상세 페이지에 제품 사진 정보 표시
Vue.js는 진보적인 상향식 개발 모델을 채택하고 주류 MVVM 디자인 프레임워크를 사용하는 매우 인기 있는 프런트 엔드 개발 프레임워크입니다. 본 과정은 Vue.js 개발의 핵심 개념과 공통 기술을 기반으로 하여 Vue.js 프레임워크의 핵심 지식을 최대한 짧은 시간에 이해하고 숙달할 수 있도록 하여 향후 학습을 위한 좋은 기반을 마련합니다.
