useState 2

[React] useState에서 사용하는 State는 정확히 무엇을 말하는걸까?

Hook을 공부하며 useState를 사용중 State에 대해 좀 더 자세히 알고 싶어 졌다. react에서 말하는 State는 무엇인지 알아보자 ! State ? - 리액트 Component의 상태 ( 이때 말하는 상태는 리액트 Component의 데이터와 가까운 말이다.) 즉, 리액트 Component의 변경가능한 데이터를 State라고 한다. - state는 렌더링이나 데이터 흐름에 사용되는 값만 포함해야한다. ( 그렇지 않으면 불필요한 재렌더링이 발생하여 성능저하가 발생한다. ) - state는 JavaScript 객체이다. - state는 직접 수정하지 않는다 ! (setState 함수를 통해 사용해야한다.) - state가 변경되어 재렌더링 하는 과정에서 Virtual DOM이 생성된다. 이때..

FE/REACT 2022.06.09

[React - Hook] React에서 변하는 데이터 처리하는방법 ( Hook이 뭐고 useState는 뭐야? )

버튼을 누를때마다 숫자가 증가하게 보이고 싶은데 ... 어떻게 해야하지 ...? Hook을 알기위해 알아야 할 내용 컴포넌트에는 두가지 종류가 있다. 1. Class Compoent 2. Fuction Compoent Class Compoent는 ? - 생성자에서 State를 정의한다 - setState() 함수를 통해 state를 업데이트 한다. - 컴포넌트의 생명주기 함수가 명확히 정의되어 있어 가져다 사용하면 된다. Q. state가 무엇인지 궁금하다면? https://mandelina-code.tistory.com/79 [React] useState에서 사용하는 State는 정확히 무엇을 말하는걸까? Hook을 공부하며 useState를 사용중 State에 대해 좀 더 자세히 알고 싶어 졌다. r..

FE/REACT 2022.06.09