[TIL] 2023-02-07

Deong_gu·2023년 2월 7일
0

TIL (TODAY I LEARN)

목록 보기
42/62
post-custom-banner
  • 여러 상황에서 리액트 훅 useState 사용해보기 (예제)
    • number 타입일 때
    • 리액트 <input> 컴포넌트에서 (+onChange 이벤트 처리 콜백함수, 라디오 버튼 구현, form, FormData)
    • 객체 타입일 때 (+타입스크립트에서 객체 반환하는 구문은 ({})의 형태로 사용해야함) - 복합 실행문은 소괄호로 감쌀 수 없다
    • 배열 타입일 때
  • useEffect, useLayoutEffect 훅, 커스텀 훅 사용해보기 (예제)

    • 클래스 컴포넌트 - 시계 만들어보기
      • 컴포넌트 마운트 - 가상 DOM 객체가 물리 DOM 객체로 바뀌는 시점 componentDidMount(), setState(), setInterval()
      • 컴포넌트의 언마운트 - 컴포넌트가 물리 DOM 객체로 있다가 소멸하는 것 componentWillUnmount(), clearInterval()
    • 커스텀 훅 with useEffect()
    • fetch API 사용해보기 - API 서버에서 얻은 데이터를 화면에 표시하기
profile
큰 것을 작게, 작은 것을 구체적이게, 개발자답게
post-custom-banner

0개의 댓글