Languages/React
2021. 12. 12.
[React] 1. React 기본
1. Application with Js React를 본격적으로 공부하기에 앞서 Js와 비교를 통해 React의 강력함을 느껴보자. 먼저 아주 간단한 Js 어플리케이션을 만든다. 버튼을 클릭하면 몇번 클릭했는지 세는 어플이다. 코드는 다음과 같다. Total clicks : 0 Click me 버튼을 클릭하면 몇번 클릭했는지 세어주는 어플이다. UI도 매우 간단하다. 이 어플을 만들기 위해 했던 과정을 "굳이" 일렬로 표시해보자. html에 문자열과 버튼을 생성한다. js에서 클릭 횟수를 세기 위해 counter 변수를 생성한다. button객체를 getElementById를 통해 가져온다. 버튼 클릭 이벤트를 받는다. 클릭 이벤트마다 수행하기 위한 함수를 만든다. span을 querySelector를 ..
![[React] 1. React 기본](http://i1.daumcdn.net/thumb/C450x300/?fname=https://blog.kakaocdn.net/dn/lK3vs/btrnE82Co0O/qIGkewXdI9UIURg0XWm3Gk/img.png)