React 강의 5일차

export 문

JavaScript 모듈에서함수, 객체, 원시 값을 내보낼 때 사용한다
모듈에서 하나의 값만 export한다면 default 키워드를 사용할 수 있다.
default 키워드를 사용하는 경우 하나의 값을 export 한다

propTypes - 자료형을 체크해줌

Button.propTypes = {
  text: propTypes.string.isRequired,
};

와 같이 isRequried가 붙으면 필수적으로 있어야한다는 뜻

css-module

css-module을 이용하면 클래스명이 충돌하는 단점을 극복할 수 있습니다.
ㄴ 클래스명이 같아도 랜덤으로 이름이 다르게 생성되기때문
css-module은 간결한 클래스명을 이용해서 컴포넌트 단위로 스타일을 적용할 때 좋습니다.

{이름}.module.css // 파일명

useEffect

렌더링이 되는 것은 변한 부분의 코드가 다시 한번 재실행된다는 것인데
그 코드 내부에서 한번만 실행되게 하고 싶을 때 사용하면 됩니당

const iRunOnlyOnce = () => {
    console.log("it's run only once");
  };
  useEffect(iRunOnlyOnce, []);

• useEffect() 함수는 React component가 렌더링 될 때마다
  특정 작업(Sied effect)을 실행할 수 있도록 하는 리액트 Hook입니다.
  여기서 Side effect는 component가 렌더링 된 이후에 비동기로 처리되어야 하는 부수적인 효과들을 뜻합니다.
  === 구글에 쳐보니 이렇게 나오더라~

'
'
'
가면 갈수록 뒤죽박죽...