React

Suspense는 리액트 내장 컴포넌트로서 코드 스플리팅된 컴포넌트를 로딩하도록 발동시킬 수 있고, 로딩이 끝나지 않았을 때 보여줄 UI를 설정할 수 있다.Suspense에서 fallback props를 통해 로딩 중에 보여 줄 JSX를 지정Loadable Compon

프로젝트 생성 eslint, prettier 설치 (airbnb-eslint, trivago-prettier 플러그인) .eslintrc.js 설정 .eslintignore 설정 .prettierrc.js 설정 husky 설치 husky 설정 lint-st

계속 헷갈리는 staleTime과 cacheTime을 정리하는 포스팅데이터가 신선한 상태( fresh )로 남아있는 시간을 뜻함 ( fresh → stale 되는 시간(ms))default 값은 0이며, ms단위로 시간을 지정할 수 있음fresh한 데이터일 때는 쿼리

클로저를 활용하여 리액트훅 useState를 구현하는 포스팅useState를 동작을 추상하기CASE 1 : state에 저장된 값이 없을 경우 initialValue 저장CASE 2 : state에 저장된 값이 있을 경우 savedValueuseState 함수 내부에

상태는 컴포넌트 간에 격리된다. 리액트는 UI트리에서의 위치에 따라 어떤 상태가 어떤 컴포넌트에 속하는지 추적한다. 상태를 보존할 시기와 리렌더링 사이에 재설정할 시기에 제어할 수 있다.브라우저는 UI를 모델링하기 위해 많은 트리 구조를 사용한다. DOM은 HTML 요