독일개발자초록이

리액트 훅 React Hooks Lazy이란? 안녕하세요. 오늘은 리액트 훅에서 사용되는 lazy에 관해서 알아보려고 합니다. 프로젝트가 거대해지고 무거워지는 과 동시에 발생하는 문제 중 하나는 로딩 문제일 것입니다. 느려져봐야 0. 몇 초 혹은 몇 초? 일 텐데 그게 큰 상관일까 싶지만, 사실 이는 큰 문제입니다. 많은 개발자들이 0.1초라도 줄이기 위해 최적화 작업에 공을 들이고 있습니다. 그렇기에 우리도 이러한 기능을 알아두면 참 좋을 것입니다. Lazy와 Suspense. 사용방법. 마치며. 1. Lazy 와 Suspense. Lazy를 사용하기 위해서 꼭 알아야 할 것이 있습니다. 이는 바로 Suspense인데요. 이것 없이 Lazy를 사용할 수 없습니다. Suspense는 JSX로 사용되며, ..

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