React에서 state hook을 사용하는 방법에 대하여 알아봅니다.# React state hook 알아보기react 16.8 이 후 부터 사용 가능한 react hook은 class형 컴포넌트가 아닌 경우에도 state를 사용한 상태 관리를 쉽게 사용할 수 있게 도와주는 강력한 기능입니다. 만약 클래스가 아닌 함수형 컴포넌트의 경우 stateless한 컴포넌트이지만 훅을 사용하여 state를 생성하고 사용 가능합니다. 간단한 사용 방법은 아래와 같습니다.const [myValue, setValue] = useState(초기값);더 자세한 내용은 아래에서 알아봅니다.! state hook 사용하는 방법어떻게 state hook을 사용하는지 알아봅니다. 사용 방법은 아주 간단하며 useState()를 사용
Last Modified : 2020-12-21 16:17:19
react 앱의 함수형 컴포넌트에서 useEffect()를 사용하는 방법에 대하여 알아봅니다.# 함수형 컴포넌트 useEffect hook리액트 컴포넌트 타입 중 함수형 컴포넌트는 클래스 컴포넌트와 달리 componentDidMount 등의 라이프사이클 함수가 존재하지 않습니다. 그 대신 다양한 useState, useEffect와 같이 다양한 이벤트 훅이 존재하는데 이 중 componentDidMount, componentDidUpdate와 비슷하게 동작하는 useEffect 훅에 대하여 알아봅니다. "useEffect 훅은 클래스 컴퍼넌트의 생명주기 함수인 componentDidMount, componentDidUpdate와 비슷하게 동작함"먼저 useEffect()의 간단한 사용 문법은 아래와 같습니다
Last Modified : 2020-11-30 21:26:53