리액트 요약
React 대원칙
- 화면에서 바뀌는 데이터를 상태(state)로 만들자
- 반복 사용되는 것을 컴포넌트로 만들자
- 비슷한데 다른 부분을 props로 만들자
- 화면은 미리 다 만들어두고 보였다 안보였다 한다
useEffect
마운트될 때마다 공통적으로 실행되는 함수, 그리고 그 이후의 실행에 대해서는 조건에 따라서 다르게 실행이 된다.
useEffect(() => {
console.log('마운트 될 때만 실행됩니다.')
}, [])
useEffect(() => {
console.log('특정 값이 업데이트 될 때만 실행됩니다.')
}, [특정 값])
useEffect(() => {
console.log('특정 값1, 2 둘 중 하나가 업데이트 될 때만 실행됩니다.')
}, [특정 값1, 특정 값2])
useEffect(() => {
console.log('마운트 될 때만 실행됩니다.')
})
clean up
useEffect(() => {
console.log("마운트 될 때만 실행됩니다.");
return () => {
console.log("언마운트 될 때 실행됩니다.");
};
}, []);
useEffect(() => {
console.log("todo가 바뀔 때만 실행됩니다.");
return () => {
console.log("todo가 바뀌기 직전에 실행됩니다.");
};
}, [todo]);