참고 자료 : https://joshua1988.github.io/web-development/vuejs/v-model-usage/ 🚀 V-model이란? 🔽 속성 공식 문서에 안내된 v-model 속성의 사용법은 아래와 같아요. new Vue({ data: { inputText: '' } }) 이렇게 이용자의 입력을 받는 UI 요소들에 v-model이라는 속성을 사용하면 입력 같이 자동으로 뷰 Data 속성에 연결되게 되는 것이에요. 🔽 v-model 동작 방식 v-model 속성은 v-bind와 v-on의 기능의 조합으로 동작하게 되요. 매번 개발자가 하나하나 v-bind와 v-on 속성을 다 지정해 주지 않아도 좀 더 편하게 개발할 수 잇게 고안된 문법인 것이에요. 앞에서 살펴본 코드를 아래와 같이..

📌 컴포넌트 이벤트 만들기 return ( // Component를 만들 때는 반드시 하나의 최상위 Tag만 (딱 하나) 써야 한다. {this.props.title} {this.props.sub} ); 컴포넌트를 만들고, 사용자 정의 이벤트를 실행하고 싶을 때, 위와 같이 onChanePage라는 이벤트를 만들어서 특정 함수가 호출되게 할 수 있는 것이에요. App.js에서 위와 같이 onChanePage Event에 함수를 만들고, {/*State화 한 뒤 코드*/} Subject.js에 위와 같이 a Tag를 눌렀을 때, 함수가 실행되는데, e.prevenDefulat()로 먼저 Reload를 방지해주고, App.js에 있는 onChagePage Event를 함수 형식으로 호출해 주는 것이에요. 이..