버튼 만들기(1)

 

(숫자를 보여준다.)1,2,3,4.... dynamic한 값이 들어가야 하기 때문에 {counter}적음 - 변수 명 counter

let counter = 0 - component안에 counter라는 변수를 만들어준다. 0부터 시작하겠다~!

 

클릭을 해도 Event가 없으니반응이 없다.

 

목표 = 버튼을 클릭하면 숫자가 (1씩) 증가한다. -  onClick Listener

onclick = HTML

onclick = JavaScript

 

string 타입에만 " "을 사용하지만 여기서는 { }(대괄호) 사용!

 

{increase} : increase라는 함수

const increase = ()...로 선언해준다.

 

JavaScript

HTML

 

JavaScript + HTML = 리액트 컴포넌트

(파일을 따로따로 만들지 않아도 됨!!)

 

 

버튼을 누르면 잘 작동하지만 아직 0이다.