ALL FREEPASS | C# | ASP.NET | ASP.NET Core | MVC Framework | WPF | JAVA | I/O Thread | JSP | MVC JSP | Spring / SpringBoot
Python | Data Analysis | Android / Kotlin | Android Pro | Unity | C / C++ | Algorithm | Data Structure | Design Pattern | Console Game | ASP/PHP | Git / IDE
HTML5 / CSS3 | JavaScript | jQuery | JSON / Ajax / DOM | Node.js / React / Vue.js | Angular | Server | SQL | Linux | Oracle | Notion | FREE ( 무료 강좌 )

Streaming

예제로 마스터하는 Vue.js 25제

예제로 마스터하는 Vue.js 25제 강의는 제목 그대로 Vue.js 입문자가 반드시 알아야 하는 25개 예제를 준비하여 그것을 집중적으로 학습하여 Vue.js에 익숙하게 만드는 과정입니다.

최소한의 자바스크립트 문법을 공부한 후 이러한 JS 관련 라이브러리나 프레임워크를 경험해보지 못한 분들은 Vue.js를 통해서 입문해보시면 좋습니다.

기본적으로 최소한의 자바스크립트 문법 정도는 알고 있어야 하므로 자바스크립트 문법 관련해서 공부가 안되어있는 분들은 기초 정도 공부하고 보거나 병행하면서 공부하면 좋을 듯 싶습니다.

Table Of Content



1강.   강의개요 (26 : 25) [free]

2강.   Vue.js 기초상식(1) - 정의 (26 : 52)

3강.   Vue.js 기초상식(2) - 버전에 대하여 (07 : 20)

4강.   Vue.js 기초상식(3) - 프레임워크에 대하여1 (28 : 07)

5강.   Vue.js 기초상식(4) - 프레임워크에 대하여2 (25 : 06)

6강.   Vue.js 기초상식(5) - 프레임워크에 대하여3 (32 : 29)

7강.   Vue.js 기초 사용법(1) - 기초개념 (27 : 06)

8강.   Vue.js 기초 사용법(2) - 클릭 시 카운트 실시간으로 증가시키기1 (29 : 58)

9강.   Vue.js 기초 사용법(3) - 클릭 시 카운트 실시간으로 증가시키기2 (23 : 45)

10강.   Vue.js 기초 사용법(4) - 다양한 코드 작성법 (08 : 35)

11강.   011_Vue.js 기초 사용법(5) - 주요 핵심기능 암기 (23 : 48)

12강.   012_Vue.js 기초 사용법(6) - 헤드쪽에 스크립트 작성하려면 (06 : 34)

13강.   013_Vue.js data를 사용한 텍스트 출력(표시) (07 : 34)

14강.   014_버튼 클릭 시 번갈아가면서 카운터 증가 및 다운시키기 (23 : 33)

15강.   015_데이터 출력의 다양한 방식과 사용할 수 있는 종류 정리 (29 : 39)

16강.   016_Vue 디렉티브 - v-text vs v-html (18 : 32)

17강.   017_Vue.js 데이터 종류 및 타입 체크하기 (12 : 21)

18강.   018_머스태시에 자바스크립트 사용해보기 (15 : 28)

19강.   019_자바스크립트 배열과 객체 사용해보기 (21 : 59)

20강.   020_뷰 인스턴스에서 사용할 데이터 미리 준비해놓고 사용해보기 (14 : 48)

21강.   021_뷰 인스턴스 데이터 반복문으로 한꺼번에 출력하기 (15 : 15)

22강.   022_요소의 속성을 뷰 인스턴스의 데이터로 지정하기 - 이미지 링크 정렬 지정하기 (29 : 58)

23강.   023_케밥 카멜 파스칼 표기법 및 뷰 인스턴스 데이터로 CSS 스타일 지정하기 (20 : 45)

24강.   024_뷰 인스턴스 데이터로 CSS 스타일 지정하기 - 복수 클래스 지정1 (21 : 11)

25강.   025_뷰 인스턴스 데이터로 CSS 스타일 지정하기 - 복수 클래스 지정2 (18 : 04)

26강.   026_온라인 시험문제에서 보기항목에 정답 표시하기 예제 (32 : 22)

27강.   027_텍스트 폼 태그와 뷰 인스턴스 데이터 양방향 연결하기 (25 : 25)

28강.   028_여러 줄 Textarea 폼 태그와 뷰 인스턴스 데이터 양방향 연결하기 (21 : 50)

29강.   029_다중 체크박스 폼 태그와 뷰 인스턴스 데이터 양방향 연결하기 (12 : 09)

30강.   030_동의하기 체크박스에 체크했을 때만 전송하기 버튼 활성화시키기 (26 : 32)

31강.   031_v-on 이벤트 연결과 추천하기 버튼 한 번만 클릭하게 하려면 (21 : 4)

32강.   032_뷰 인스턴스의 메서드 실행시킬 때 파라미터 값을 전달하여 실행하기 (10 : 27)

33강.   033_Vue.js 이벤트들 정리 (15 : 56)

34강.   034_키보드 입력과 뷰 메서드 연결하기 - 엔터키 눌렀을 때 알림 띄우기 (15 : 6)

35강.   035_키보드 입력과 뷰 메서드 연결하기 - 탭키 눌렀을 때 실행시키기 (16 : 34)

36강.   036_키 입력 시 문자열 수정하기 예제 (29 : 39)

37강.   037_뷰 조건문 사용하기(1) (16 : 23)

38강.   038_뷰 조건문 사용하기(2) (9 : 34)

39강.   039_Vue.js computed 속성이란 무엇인가 (29 : 53)

40강.   040_Vue.js computed 속성이란 무엇인가 - 실습 (24 : 24)

41강.   041_데이터의 변화를 감시하라 - watch (29 : 53)

42강.   042_데이터의 변화를 감시하라 - watch를 이용한 데이터 감시 - 개념 (30 : 03)

43강.   043_데이터의 변화를 감시하라 - watch를 이용한 데이터 감시 - 실습 (31 : 33)

44강.   044_뷰 인스턴스 여러 개 사용하기 (24 : 26)

45강.   045_컴포넌트란 무엇인가 (30 : 40)

46강.   046_전역 컴포넌트 만들어서 등록하기 - 실습 (29 : 59)

47강.   047_컴포넌트 안에 또 다른 컴포넌트 만들어 넣어서 사용하기 (8 : 12)

48강.   048_지역 컴포넌트 만들고 사용하기 (27 : 27)

49강.   049_컴포넌트에 데이터 값 전달하기 - props (31 : 07)

50강.   050_컴포넌트에 데이터 값 전달하기 - props 사용 시 주의사항 (12 : 53)

51강.   051_자식 컴포넌트에서 부모 컴포넌트로 값 전달하기1 (26 : 07)

52강.   052_자식 컴포넌트에서 부모 컴포넌트로 값 전달하기2 (33 : 58)

53강.   053_자식 컴포넌트에서 부모 컴포넌트로 값 전달하기3 - 매커니즘 이해 (26 :29)

54강.   054_자식 컴포넌트에서 부모 컴포넌트로 값 전달하기4 - 실습 마무리 (24 : 19)

55강.   055_props 타입체크 및 필수여부 지정 사용하기 (19 : 54)

56강.   056_(1)사용자 입력을 props로 실시간 값 바꾸기 (2)인라인으로 단축 메서드 작성하기 (29 : 36)

57강.   057_반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기1 (11 : 01)

58강.   058_반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기2 (25 : 34)

59강.   059_반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기3 (27 : 33)

60강.   060_반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기4 (31 : 04)

61강.   061_반복되는 섹션을 뷰 컴포넌트로 만들어 웹페이지에 적용하기5 (20 : 55)

62강.   062_컴포넌트 템플릿 디자인 position 속성 주의 (28 : 14)

63강.   063_컴포넌트 템플릿 레이아웃 수정1 (27 : 32)

64강.   064_컴포넌트 템플릿 레이아웃 수정2 (14 : 23)

  

첨부파일 다운로드 ( PT001TB4345_vue25.zip )