[TIL]20220602 TIL 노마드코더 REACT-basic 2일차

:smile: 10일차(2022-06-02)

  1. 운동 O
  2. 노마드코더 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은 다르다.

태그: ,

업데이트:

댓글남기기