2021/11 2

리액트 훅 React Hooks Lazy이란?

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

React hooks 리액트 훅 useRef란?

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