[TIL]20220606 TIL 노마드코더 REACT-basic 5일차

14일차(2022-06-06)

1. 운동(0)
2. 노마드코더 REACT 진행

노마드코더 react.JS 강의

5장

• git repo 연결

• css 전역사용 (X)
• css 컴포넌트별 사용 (X)
• css modules: 특정 css를 class 형식으로 사용하는 것 (모듈형식)
  • CRA의 최고장점 중 하나라고 생각한다네요..

import styles from "./Button.module.css";

function Button({text}) {
  return <button className={styles.btn}>{text}</button>;
}

• 결론: CRA가 좋다.

6장

• 컴포넌트가 최초렌더링 될때만 실행되는 로직이 필요할 수 있다. (EX: CALL API)
• React.memo vs React.useEffect
  • https://ko.reactjs.org/docs/hooks-reference.html#useeffect
  • https://ko.reactjs.org/docs/hooks-reference.html#usememo

• 둘의 결정적인 차이는 useEffect는 해당 컴포넌트의 렌더링이 완료된 후에 실행되지만, useMemo는 렌더링 중에 실행되는 차이가 있다

• useEffect(적용할내용, 특정상황)
• 즉, 무언가가 변화할 때 특정 코드를 실행시킬 수 있다.