Web Component를 통해서 Vanillajs 기반 웹서비스를 만드는 방법을 배웠다. 2021.08.16 - [Web] - 기존 web site를 components 로 다시 만들기 (No State management) 이제 Statement를 통해서 Component를 관리 하는 방법을 알아보고자 한다. 본 내용은 위의 링크 내용의 연장이다. 관련 내용을 더 이야기 하기 전에 MVVM이란 무었인지 꼭 이해하길 바란다. 2021.08.20 - [Web] - MVC, MVP, MVVM 패턴의 이해 가장 유명한 Statement 관리 library는 redux이다. redux를 통해 어떤식으로 Statement가 관리 되는지 알아보자. https://redux.js.org/tutorials/funda..
앞서 만든 Web Component로 부터 이벤트에 따른 변화를 알아야 한다면 어떻게 해야 할까? 가련 버튼을 클릭한 이벤트의 횟수를 외부에서 알아야 한다면? 두가지 방법이 있다. get 을 이용해서 public value를 알아 내는 방법 get timesClicked(){ return this.timesClicked; } 또 하나는 Event를 통해서 업데이트 된 Data를 알아내는 방법이다. 여기서 두번째 방법에 대해서 알아보고자 한다. Event Button component 설계 html tag에서 onchange라고 하는 event를 등록하면 event를 수신받을 수 있도록 만들어 준다. Event Button component 개발 export default class EventButton ..