20211225 리액트 훅과 친해진 마흔아홉번째 주

리액트를 원없이 공부할 수 있었다.

React 수업

  • class component의 Life Cycle methods
  • ref를 통해 DOM 노드 참조하고 mount 후에 작업해주기
  • Portal과 접근성 있는 모달 다이얼로그, 로딩 스피너
    • 키보드 트래핑
    • focusable vs. tabbable
  • Style 방법론
    • styled components
    • CSS module 방식으로 CSS 클래스 이름 충돌 방지하기
  • Proptypes 체크와 타입스크립트의 사용
  • Hook의 등장배경과 특징
    • useState와 lazy initialization
    • useEffect와 dependency array, cleanup function
    • useRef로 노드 참조 및 리렌더링를 유발하지 않으면서도 변경가능한 값 관리
    • useMemo, useCallback으로 값을 기억하기
    • React.memo로 컴포넌트 기억하기
    • custom hook 만들기

느낀 점

  • 리액트를 쭉쭉 배워나가는 게 꽤나 재밌다. 그러나 배울게 아직도 산더미다.
  • 연말이라 공부가 안 될 뻔 했는데 다행히 수업이 많아서 좋았다.
  • 갑작스러운 일정 변경 때문에 또 대혼란이 찾아왔지만, 페이스를 잃지 않고 공부해야겠다.