독일개발자초록이

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

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

리액트 훅 useEffect를 JSX와 함께 사용해보자. 안녕하세요 이번 시간에는 예전 useEffect를 설명하며 빠트렸던 부분에 대해 설명하려 합니다. 리액트로 개발을 하다 보면 필연적으로 사용하게 되는 것이 useEffect입니다. useEffect는 렌더링이 끝난 뒤 한번 실행되게 되며, 파라미터에 따라 무제한으로 변화에 따라 실행시키거나 파라미터로 지정된 state가 변화 시 실행되거나 혹은 정말 렌더링 후 딱 한 번만 실행시키는 등 다양한 방법이 존재합니다. 이는 아래의 링크에서 확인하실 수 있습니다. https://ko-de-dev-green.tistory.com/18?category=865864 React hooks 리액트 훅 useEffect란? React hooks 리액트 훅 useEf..