Node
Next.js
리액트 요약

리액트 요약

React 대원칙

  1. 화면에서 바뀌는 데이터를 상태(state)로 만들자
  2. 반복 사용되는 것을 컴포넌트로 만들자
  3. 비슷한데 다른 부분을 props로 만들자
  4. 화면은 미리 다 만들어두고 보였다 안보였다 한다

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]);