[TIL]20220617 REACT

🔥 21일차(2022-06-17)

1. 운동(O)
2. react 강의

노마드코더 react.JS 강의

몇주만인지… 정말바쁘다 ㅠㅠ.. 다시 들읍시다.

6장

• useEffect 복습
• 리액트를 사용하는 이유: 최소 단위의 렌더링을 위해
• useState(): 변수, 변수를 제어하는 함수로 구성되며 변하는 값을 제어, 해당 부분의 리렌더링을 위함
• props: 태그의 속성 값을 함수의 아규먼트 처럼 컴포넌트에 값을 전달
• useEffect(): 코드의 실행 시점을 관리할 수 있는 선택권을 얻는 방어막 같은 존재, 디펜던시가 없을 경우 최초 1회 실행, 있을 경우 해당 값이 변할 경우 실행한다. 이 때 디펜던시는 여러개 입력이 가능하다. (디펜던시란 리액트가 지켜보고 있는 특정 변수라고 보면될 것 같다)

🏴 부모 컴포넌트에서 리렌더링이 일어날 경우 모든 자식들이 리렌더링이 된다.(wa can use memo)

🏴 propType을 설치하고 props의 타입을 지정해 줄 수 있다. 이 때 isRequired로 필수값을 지정 가능

• cleanup function
  • 자주쓰지는 않는다.
• export default App의 개념이 헷갈린다.

위, 아래는 같은 코드이다.

  useEffect(function () {
    console.log("hi :)");
    return function () {
      console.log("bye :(");
    };
  }, []);

  useEffect(() => {
    console.log("hi :)");
    return () => console.log("bye :(");
  }, []);
  return <h1>Hello</h1>;
}

• 공식적인 이론은 종료~ ㅎㅎ

7장

• simple to-do list 제작