리액트 배우기 2

React hooks 리액트 훅 useRef란?

React hooks 리액트 훅 useRef란? 오늘은 리액트의 중요한 훅 중 하나인 useRef를 배워보려 합니다. useRef라는 훅은 다른 useState 혹은 useEffect보다는 사용 빈도가 낮은 것 같습니다. 저 역시 리액트를 이용하면서 useRef를 사용해본 적이 정말 손에 꼽을 정도로 적은 것 같습니다. 하지만 당연히 알고 사용하는 것과 모르고 사용하지 못하는 것은 정말 다를 것입니다. 오늘은 가볍게 useRef에 관해서 알아보겠습니다. useRef 사용 방법. 마무리. 1. useRef 사용 방법. 아래의 코드를 설명해드리겠습니다. Click me 버튼을 누르면 isRef는 현재의 boolean값의 반대 값을 가지게 됩니다. 즉 기본 값이 false 이면 true, true 이면 fal..

useReducer 란? React hooks useReducer란?

useReducer 란? React hooks useReducer 란? 저번 포스팅으로 useContext에 관해 알아보았습니다. 이번 시간에는 useReducer를 알아보고 useContext와 함께 사용되는 예시를 알아보겠습니다. 사실 useContext를 사용 시 useReducer 없이도 충분히 문제없이 사용 가능합니다. 하지만 useReducer를 통해서 좀더 깔끔하고 이해하기 쉽게 알아보겠습니다. useReducer란? useContext와 사용 방법 마치며 1. useReducer란? 우리는 상태를 업데이트할때 useState라는 훅을 이용합니다. useReducer 또한 상태를 관리할 때 사용하는 훅이며 특히나 useContext와 같이 사용되는 경우가 많습니다. 기본적으로 useReduc..