[TIL] React Youtube 내용 정리

이나현·2021년 7월 19일
0

React

목록 보기
1/10

react
데이터는 1. 변수에 넣거나 2. state에 넣음

state는 1. 변수 대신 쓰는 데이터 저장공간 2. useState()를 이용해 만들어야 함. 3. 문자, 숫자, array, object 다 저장 가능

state에 데이터 저장해놓는 이유: 웹이 app처럼 동작하게 만들고 싶어서
=> state는 변경되면 HTML이 자동으로 재렌더링이 된다.
=> 자주 변경되는 중요한 데이터는 모두 state로 만듦

state 변경
[state명, state변경]
=> state 변경함수를 건드려서 변경하게 하기

<Array, Object state 데이터 수정 방법> // 너무 어려우면 그냥 외우기
1) 일단 변경함수 사용
2) 변경함수(대체할 데이터)
3) state는 직접 건들지 말고 deep copy를 해서 그걸 건드려라

어떤걸 component로 만드는 게 좋을까?
1) 반복출현하는 html 덩어리들
2) 자주 변경되는 html ui들
3) 다른 페이지 만들 때도 컴포넌트로 만듦

component의 단점
1) state 쓸 때 복잡해짐(상위 component에서 만든 state 쓰려면 props 문법 이용해야 함

profile
technology blog

0개의 댓글