React (7)

사용자 정의 Hook 연습하기

• useKey / useKeyPress
  웹에서 단축키를 구현할 때 주로 사용
• useClickAway
  특정 영역 외의 부분을 클릭하면 이벤트를 발생시킴 (modal, popup 등에서 주로 사용)
• useResize
  타겟 엘리먼트의 크기가 변화하면 이벤트를 발생시킴
• useLocalStorage, useSessionStorage
  로컬 스토리지와 세션 스토리지의 사용
• useForm
• useTimeout

---

React (8)

사용자 정의 Hook 연습하기

• useDebounce
  Debounce ... 특정한 시간 내에 같은 이벤트가 호출되었을 경우, 가장 마지막 이벤트만 호출하도록 하는 방법
• useAsync
  비동기 로직을 제어하기 위해 사용
• useHotkey
  복잡한 단축키를 지원하기 위해 사용

---

컴포넌트 연습하기

• Modal
  popup ... 별도 정보를 페이지 이동 없이 보여주기 위해 사용
  react portal
• Toast
  알림을 띄울 때 사용
  

---

회고

리액트로 만들 수 있는 커스텀 hook / 컴포넌트 들을 대부분 훑어 본 것 같다.
개념은 아직 많이 이렵지만 프로젝트를 진행하면서 필요한 부분마다 구현해보고 막히는 부분이 있다면 다시 돌아와 참고하면서 직접 사용해봐야겠다..