React 실행 예시, tip
React 컴포넌트는 : React 애플리케이션의 구성 요소로 클래스형 컴포넌트와 함수형 컴포넌트로 나뉨
클래스형 컴포넌트 예시 : 숫자 증가
※동적인 값을 넣고 싶을 때 중괄호 {} 사용
import : 클래스형 컴포넌트는 React.Compoment를 상속받아서 구현
return() : 내부에 출력하고자 하는 형식 작성
constructor : 값을 저장할 변수 state를 선언할 생성자. state 선언하기 전에 부모 클래스의 생성자를 호출(super(props))
handleClick() : 버튼 클릭 시 1씩 증가하게 할 함수를 선언
클래스 작성 이후 app.js 에서 해당 클래스 import
함수형 컴포넌트 예시 : 숫자 증가
클래스형 컴포넌트보다 좀 더 간결한 방식
변수 선언 : const[변수명, 변수를 관리할때 쓸 이름] = 변수를 관리하는 자체 hook인 useState, (초기값) 형태로 구성
handleClick 에서 setCount 를 이용해 count 값 증가.
Count 에 변수명 대입 이후 버튼 클릭할 때 마다 handleClick 함수 실행
-------------------------------------------------------------------------------------------------------------------
** tip **
클래스형 컴포넌트 실행 단축키 : rcc
함수형 컴포넌트 실행 단축키 : rsc
해당 확장 기능을 설치하면 사용 가능
React 에서는 return 안에 원본값을 바꾸는 행위 ( ex) Count : {count+1} ) 불가!
