props 속성의 특징

강의명 : Vue.js 시작하기 - Age of Vue.js

수강 기한 : 무제한

진도율 : 0강/68강 (0%) | 시간 : 0분/325분

나가기

미수강

이전수업

다음수업

Vue.js 시작하기 - Age of Vue.js

수강 기한 : 무제한

진도율 : 0강/68강 (0%) | 시간 : 0분/325분

개발 환경 설정

프로그램 설치

2분

수업 소스 코드 안내

1분

VSCode에서 수업 코드 보는 방법

2분

VSCode 플러그인 설치 및 설정

5분

뷰 개발자 도구 소개 및 실행 방법

2분

Vue.js 소개

MVVM 모델에서의 Vue

2분

기존 웹 개발 방식(HTML, Javascript)

10분

Reactivity 구현

11분

Reactivity 코드 라이브러리화 하기

3분

Hello Vue.js와 뷰 개발자 도구

3분

인스턴스

인스턴스 소개

4분

인스턴스와 생성자 함수

3분

인스턴스 옵션 속성

2분

컴포넌트

컴포넌트 소개

1분

[실습 안내] 컴포넌트 등록 및 실습

5분

[실습 풀이] 전역 컴포넌트 등록

2분

지역 컴포넌트 등록

4분

전역 컴포넌트와 지역 컴포넌트의 차이점

2분

컴포넌트와 인스턴스와의 관계

4분

컴포넌트 통신 방법 - 기본

컴포넌트 통신

2분

컴포넌트 통신 규칙이 필요한 이유

3분

props 속성

6분

props 속성의 특징

2분

[실습 안내] props 속성 실습

2분

[실습 풀이] props 속성 실습 풀이

2분

event emit

4분

event emit으로 콘솔 출력하기

3분

[실습 안내] event emit 실습 안내

3분

[실습 풀이] event emit 실습 풀이

5분

뷰 인스턴스에서의 this

4분

컴포넌트 통신 방법 - 응용

같은 컴포넌트 레벨 간의 통신 방법

1분

같은 컴포넌트 레벨 간의 통신 방법 구현 1

8분

같은 컴포넌트 레벨 간의 통신 방법 구현 2

6분

라우터

뷰 라우터 소개와 설치

3분

뷰 라우터 인스턴스 연결 및 초기 상태 안내

3분

[실습 안내] routes 속성 설명 및 실습 안내

3분

라우터가 표시되는 영역 및 router-view 태그 설명

5분

링크를 이용한 페이지 이동 및 router-link 태그 설명

4분

라우터 정리 및 학습 방향 안내

5분

HTTP 통신 라이브러러 - axios

HTTP 라이브러리와 Ajax 그리고 Vue Resource

3분

axios 소개 및 오픈 소스를 사용하기 전에 알아야 할 것들

6분

axios 실습 및 this 설명

9분

웹 서비스에서의 클라이언트와 서버와의 HTTP 통신 구조

5분

크롬 개발자 도구 네트워크 패널 보는 방법

4분

템플릿 문법 - 기본

템플릿 문법 소개

1분

데이터 바인딩과 computed 속성

5분

[실습 안내] 뷰 디렉티브와 v-bind

4분

[실습 풀이] 클래스 바인딩, v-if, v-show

6분

모르는 문법이 나왔을 때 공식 문서를 보고 해결하는 방법

6분

methods 속성과 v-on 디렉티브를 이용한 키보드, 마우스 이벤트 처리 방법

7분

템플릿 문법 - 실전

watch 속성

4분

watch 속성 vs computed 속성

6분

computed 속성을 이용한 클래스 코드 작성 방법

7분

프로젝트 생성 도구 - Vue CLI

최신 Vue CLI 소개

3분

Vue CLI 도구 설치할 때 문제점 해결 방법

3분

CLI 2.x와 3.x의 차이점 / 프로젝트 생성 및 서버 실행

6분

CLI로 생성한 프로젝트 폴더 구조 확인 및 main.js 파일 설명

7분

싱글 파일 컴포넌트 소개 및 여태까지 배운 내용 적용하는 방법

3분

App.vue와 HelloWorld.vue 설명

7분

싱글 파일 컴포넌트

싱글 파일 컴포넌트에 배운 내용 적용하여 개발 시작하기

5분

싱글 파일 컴포넌트 체계에서 컴포넌트 등록하기

6분

싱글 파일 컴포넌트에서 props 속성 사용하는 방법

4분

싱글 파일 컴포넌트에서 event emit 구현하기

5분

Vue CLI로 생성한 프로젝트 내용 정리

2분

최종 프로젝트 - 사용자 입력 폼 만들기

프로젝트 생성 및 마크업 작업

6분

v-model 속성과 submit 이벤트 처리

6분

axios를 이용한 데이터 전송 및 form 구현

8분

마무리

수업 정리 및 향후 학습 방향 안내

10분

질문 게시판

올라온 질문이 없습니다!
수업 내용에 궁금한 점이있다면
질문을 작성해주세요!

질문

데이터바인딩이라는 문법에서는 Object.defineProperty 라는 api를 사용하는데 이 api가 props에 도 적용되어있다고 강의에서 말씀하셨습니다. 이 부분이 이해는 가는데 Vue라는 생성자 함수에서 Object.defineProperty가 Vue라는 생성자함수에서 어떤식으로 사용되고 있는지와 Vue 생성자함수가 어떻게 구현되어있는지에 대해서 알 필요가 있을까요? 너무 깊게 들어가는것이 아닌 그냥 쓰는 방법에 익숙해지는게 맞는지 궁금합니다.

dongwoo kim 1 2

다시 복습중인데요 코드는 똑같이 적었는데 왜 이런지 알수있나요?

똑같이 따라한 코드이구여. 밑의 사진 2개는 결과입니다. 제가 이상하다 싶어서 문자열 말고 숫자로 주고 똑같이 해봤거든요. 숫자타입은 props-pass라는 이름으로 받아요. 근데 문자열 타입의 경우 다릅니다. 제가 설정한 passStr은 props-passStr 에서정의할수없고 밑에 새로 생긴 $attrs-propstr 이라는 소문자로 된 처음보는곳에서 받아요. 뭐가 잘못된건가요..??

후루루룹 1 2

질답

멘토링

멘토링 신청
장기효(캡틴판교)