profile
개발하는 겨리
post-thumbnail

Vue.js 시작하기 - Components Communication

뷰 컴포넌트는 각각 고유한 데이터 유효범위 가지기 때문에 컴포넌트 간에 데이터를 주고 받기 위해서는 규칙을 따라야함.컴포넌트 간에 데이터를 전달할 수 있는 컴포넌트 통신 방법상위 컴포넌트에서 하위 컴포넌트로 내려보내는 데이터 속성props 속성을 사용하기 위해서는 하위

2021년 5월 7일
·
0개의 댓글
post-thumbnail

Vue.js 시작하기 - Components

화면의 영역을 구분하여 개발할 수 있는 뷰의 기능.컴포넌트 기반으로 화면을 개발하게 되면 코드의 재사용성이 올라가고 빠르게 화면을 제작할 수 있다.❗ 위에서 등록한 컴포넌트를 화면에서 표시하려면 아래와 같이 컴포넌트 태그(이름)을 추가해야한다.div 태그에 뷰 인스턴스

2021년 5월 7일
·
0개의 댓글
post-thumbnail

Vue.js 시작하기 - Template

뷰로 화면을 조작하는 방법으로 템플릿 문법은 크게 데이터 바인딩과 디렉티브로 나뉜다.뷰 인스턴스에서 정의한 속성들을 화면에 표시하는 방법가장 기본적은 데이터 바인딩 방식은 콧수염 괄호(Mustache Tag) 이다.✔ div 태그에 Mustache Tag를 이용해 뷰

2021년 5월 7일
·
0개의 댓글
post-thumbnail

Vue.js 시작하기 - Instance

뷰로 개발할 때 필수로 생성해야 하는 코드.모든 Vue 앱은 Vue 함수로 새 Vue 인스턴스를 만드는 것부터 시작한다.관례적으로 Vue 인스턴스를 참조하기 위해 변수 vm(ViewModel의 약자)를 사용한다.el : 대상이 되는 html element 혹은 css

2021년 5월 7일
·
0개의 댓글
post-thumbnail

Vue.js 시작하기 - Reactivity

: 반응성. 값이 변했을 때 이를 감지하고 곧바로 반응하는 것을 의미한다.Object.defineProperty(대상객체, 객체의 특정 속성, { //정의할 내용... }) : 객체의 특정 속성의 동작을 재정의하는 API\-> 이 API를 활용하면 대상객체에 접근할

2021년 5월 4일
·
0개의 댓글