useState2 노마드코더 React Hooks - 1 강의를 들으며 만들게 될 Hooks Hooks Description useTitle 리액트 document의 title을 몇 개의 hooks와 함께 바꾸는 것 useInput input 역할 usePageLeave 유저가 페이지를 벗어나는 시점을 발견하고 함수를 실행시킬 수 있는 훅 useClick 요소를 클릭하는 시점을 감지 useFadeIn 어떤 요소든 애니메이션을 요소 안으로 서서히 사라지게 만들어줌 useFullScreen 요소를 풀스크린으로 만들거나 일반 화면으로 돌아가게 함 useHover 어떤 요소가 hover 될 때를 감지 useNetwork 온라인 또는 오프라인 상태인지 감지 useNotification notification API를 사용할 때 유저에게 알림을 보내줌 useScroll .. 2023. 6. 11. React Hooks - useState, useEffect Hook? 함수 컴포넌트에서 리액트 state 와 생명주기 기능을 연동할 수 있게 해주는 함수를 의미 (class 없이 리액트를 사용할 수 있게 해주는 것) Hook 은 React 버전 16.8부터 리액트 요소로 새로 추가 되었다. Hook 을 사용하여 기존 class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 리액트의 기능을 사용할 수 있다. Hook 은 props, state, context, refs, lifecycle 과 같은 리액트 개념에 좀더 직관적인 api 를 제공해준다. 생명주기 메서드를 기반으로 쪼개는 것보다 훅을 통하여 서로 비슷한 것을 하는 작은 함수를 묶음으로 컴포넌트를 나누는 방식이 직관적으로 이해하기 용이하다. https://ko.reactjs.org/docs/hooks-o.. 2023. 4. 1. 이전 1 다음