React JS # 2 The Basic of React

[React JS][니코 코딩] THE BASICS OF REACT

2.0 Introduction 바닐라 JS 코드와 React JS 코드를 비교해볼 거다. React JS 는 UI를 interactive하게 만들어줌 화면에 버튼 하나와 텍스트 하나만 있을거다. 화면의 텍스트를 업데이트하고 싶다. 클릭할 때마다 화면의 텍스트를 업데이트해서 한번 두번 몇번이든 클릭 되었다고 나온다. 버튼을 만들고(HTML) 이 버튼을 HTML에서 찾아야 하니까 id나 class를 주어야 된다. Javascript에서 그 버튼을 찾아야 한다. 그래서 document.getElementById나 querySelector 등을 사용해야 한다. 그다음으로 button.addEventLister를 하고 function을 실행해야 할거다. React JS 팀은 이걸 안다. 버튼을 생성하는데 무엇이 ..