조건부 렌더링
리액트의 state를 사용하다보면 동일한 state의 변경을 여러 컴포넌트에 적용해야 하는 경우가 종종 생긴다. 이럴 때 어떻게 하면 좋을까?
오늘은 리액트 훅 중 하나인 useRef 훅을 살펴보자.
이 글은 공식문서와 벨로퍼트님의 글을 기반으로 작성되었습니다. 오늘은 리액트 훅 중 하나인 useEffect 에 대해서 알아보자. useEffect useEffect는 함수를 인자로 받고 useEffect의 인자로 들어간 함수는 컴포넌트 렌더링이 끝난 후 한 번 실행된다. 그리고 특정 값이 변경되었을 때 다시 실행되게 할 수도 있다. 위의 useEf...
LazyLoad란? 페이지를 읽어들이는 시점에 중요하지 않은 리소스 로딩을 나중에 하는 기법. 나중에 필요할 때(스크롤을 내려 콘텐츠를 확인한다던가, 사용자에게 직접 마우스 클릭과 같은 입력을 요구한다던가)로드가 되게 한다. 왜 쓰는가? 예를 들어, 스크롤을 한참 내려야 할만큼 많은 이미지를 불러와야하는 페이지가 있다고 가정했을 때 그 많은 이미지를 ...
이 글은 공식 문서를 참조하여 번역하는 느낌으로 작성되었습니다.