state

오늘은 리액트를 왜 쓰게 되었는지와 리액트 배워야하는 이유를 알게 되었다.
또 함수형과 클래스형의 차이점도 알게 되었다.

리액트를 배워야 하는 이유

1. 가장 많은 사용자를 가지고 있다.
   npmtrends.com 사이트에 들어가면 자바스크립트로 만들어지 도구들의 다운로드 경향을 알수 있다.
   그 중에서 리액트가 가장 많은 사용자 수를 가지고 있다.

2. 리액트를 쓰게 된 이유
   리액트를 쓰게 된 이유는 리액트 하나만 자세히 알게되면 웹 사이트와 웹 앱, 또 크로스플랫폼이라는 어플을 만들 수 있다.
   즉 리액트 하나로 안드로이드, ios 어플을 만들 수 있다.
   그래서 리액트 사용자가 많아졌다.

리액트 컴포넌트

리액트는 컴포넌트라는 개념을 가지고 있다.
컴포넌트는 UI 또는 기능을 부품화해서 재사용 하는 것을 말한다.
컴포넌트는 복사/붙여넣기와 같은 개념으로 이해할 수 있는데 전혀 다르다.
복사 붙여넣기로 ui를 만들면 하나하나 수정을 해야 한다.
하지만 컴포넌트는 원본 데이터만 수정하면 전체가 바뀐다.

state

state는 리액트에서 쓰는 변수이다.
state: 컴포넌트에서 사용하는 변수(state)
setState: 컴포넌트에서 사용하는 변수(state)를 바꿔주는 기능
useState: 컴포넌트에서 사용하는 변수(state)를 만들어주는 기능

const [state, setState] = useState(초기값)
state는 위에 형식으로 사용한다.

state를 사용하는 이유는 자바스크립트로 html을 조작할때 document.getElementById(”아이디”).innerText 이런식으로 코드가 길어지는데 state를 사용하면 코드를 줄일 수 있다.