리액트를 들어가서 이 흐름은 기본적을 알고 있어야한다.
렌더링 : 컴포넌트가 현재 props와 state의 상태에 기초해 UI를 어떻게 구성할지, 컴포넌트에게 작업을 요청하는 것을 의미합니다.(화면에 바로바로 개시되는 거 자체가 렌더링 이라고 한다)
✅ 렌더링이 되는 조건 : state가 바뀌면 된다(state의 변화)
⭐⭐리액트는 화면을 렌더링 할지 state변화에 따라서 결정한다고 했다. 이말은 즉 단순 변수를 무시한다는 말이다. 무슨 말인지 예제로 알아보자.
const[input, setInput] = useState(initial value)
--> state의 변화함수
let input = 0;
--> 단순 변수(단순하게 변수만 쓴다는 거)는 무시한다.