본 자료는 생활코딩 이고잉 코치님의 자료를 사용하여 정리하였습니다.

여러개의 className 주기

className={"title " + counterStyle.titleColor}
			# 띄어쓰기 필수

JSON Server 실행

npx json-server --port 9999 --watch db.json

useEffect 사용하기

useEffect(function, 의존값)
# 한 번만 실행하고 싶으면 두 번째 파라미터에 []를 넣는다.

• 어떤 상태 값의 변화를 감지하고, 액션을 취한다.
• 의존값
  • 의존값이 없는 경우
    • 컴포넌트가 리렌더링 될 때마다 이펙트 함수를 실행
  • 의존값이 빈 배열인 경우
    • 컴포넌트가 맨 처음 렌더링되고 끝
  • 의존값 [의존값, 의존값2]
    • 컴포넌트 처음 & 의존값이 변경될 때마다 이펙트 함수를 실행