개요


이 페이지는 React 프로젝트로 앱/웹을 구현하면서, 검색하여 참고한 사이트 및 정보를 정리해놓았습니다.

 

참고자료 목록


React 일반

  • useEffect와 useLayoutEffect의 차이점은 무엇인가?

https://medium.com/@jnso5072/react-useeffect-와-uselayouteffect-의-차이는-무엇일까-e1a13adf1cd5

 

[React] useEffect 와 useLayoutEffect 의 차이는 무엇일까?

React 가 웹 프레임워크 시장에서 대세가 되면서, 많은 사람들이 웹 어플리케이션을 제작하기 위해 React 를 사용하고 있습니다. 특히, 2018년 10월의 React Conf 에서 발표된 React Hooks 가 등장함에 따라

medium.com

  • Suspense와 React.lazy를 통한, 비동기로 코드를 import 시켜 성능을 향상시키는 방법

https://velog.io/@code-bebop/dynamic-import와-React.lazy

 

dynamic import와 React.lazy

React 환경에서의 동적 불러오기에 대해 알아보자.

velog.io

  • React 프로젝트의 일반적인 폴더구조

https://velog.io/@raverana96/react-리액트-프로젝트의-폴더구조

 

[react] 리액트 프로젝트의 폴더구조

javascript에 대한 기본적인 사용법을 익히고 '아 이제는 리액트를 찍먹해볼까?' 하고서 도전한 리액트. 다른 무엇보다 리액트라는 라이브러리(혹은 프레임워크)가 어떤, 뭐하는 것인지 정확히 이

velog.io

  • 텍스트 필터링 성능 향상을 위해 onChange에 debounce를 주는 useDebounce Hook 구현 코드 및 사용 방법

https://usehooks-ts.com/react-hook/use-debounce

 

useDebounce() react hook - usehooks-ts

This React hook helps to limit that the component is re-rendered too many times. Imagine that you want to execute a function on an event that executes…

usehooks-ts.com

 

 

Material UI (Mui) 관련 

  • Material UI(Mui) Treeview 최적화 시, Transition 비활성시키는 방법

https://mui.com/material-ui/transitions/#performance-amp-seo

 

React Transition component - Material UI

Transitions help to make a UI expressive and easy to use.

mui.com

 

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기