[TIL]20220602 TIL 노마드코더 REACT-basic 2일차
10일차(2022-06-02)
- 운동 O
- 노마드코더 REACT 시작
노마드코더 react.JS 강의
3장 상태관리
- 일반 자바스크립트를 쓴 브라우저는 노드정보가 바뀔때마다 노드트리를 처음부터 다시 생성5단계에
- 리액트는 가상돔을 써서 우리 시야에 보이는 부분만 수정해서 보여주고 모든 업뎃이 끝나면 일괄로 합쳐서 실제 돔에 던져준다.
- 아무튼 최적화가 잘되어 빠르다는 뜻
- React.useState()
- const [counter, modifier] = React.useState(0);
- React.useState = [0, function]
- 배열을 변수에 할당하는 새로운 방법
-
function = modifier함수 = 리렌더링을 자동으로 해준다.
즉, state가 바뀌면 rerender가 발생한다. - 아래 코드가 왜 더좋은지는 뇌피셜뿐… 아무튼 외우자.
setCounter((currentValue) => currentValue+1);
JSX
- JSX와 HTML은 다르다.
댓글남기기