● 오늘 공부한 것
- state props에 대해 배웠다.
- props는 불변한 값을 말한다.
- state는 변할 수 있는 값을 말한다.
- props는 단방향 으로 이동한다.
[3장 컴포넌트]
리액트에서 컴포넌트는 함수형 컴포넌트와, 클래스형 컴포넌트로 나눌 수 있다. 클래스형 컴포넌트에서는 state 기능, 라이프사이클 API 기능을 사용할 수 있습니다. 함수형에서는 state와 라이프
ddaeunbb.tistory.com
- state props에 대해 배웠다.
● 내가 놓치고 있던 것
- props는 객체로 전달된다.
<MyComponent name={'daeun'}>
<MyComponent name='daeun'>
const copy = {name : 'daeun'}
<MyComponent props={...copy}>
<MyComponenent props={name : 'daeun'}>
- useState를 const 로 지정하는 이유는 직접적인 수정을 불가능하게 하기 위해서 이다. 직접적으로 수정하게 된다면, 상태변경을 모르기 때문에 리렌더링이 일어나지 않게 된다. 따라서 state를 변경하기 위해서는 setter함수를 써서 수정해야한다. 그래야 리렌더링이 일어나는 것이다.
● 끝맺음
- 알고리즘 1개와
- 리액트 클래스형 컴포넌트에서 쓰이는 ref 에 대해서 배웠다
[5장 ref : DOM에 이름달기]
● ref는 어떤 상황에 사용해야할까? 직접적으로 DOM을 다뤄야할 때 사용해야한다. (즉 DOM을 참조해야할 때) 컴포넌트 인스턴스에 대한 참조를 해야할 때 컴포넌트 간의 참조를 공유해야할 때 사
ddaeunbb.tistory.com