React

선수지식 : 함수 컴포넌트는 렌더링 될때마다 전체가 재실행됨useMemo: 복잡한 함수 결괏값을 기억한다. (메모이제이션된 값을 반환)Hooks는 전체가 재실행되기 때문에 값이 잘 변하지 않는 실행이 오래걸리는 함수의 값을 기억두 번째 인자인 배열에 있는 값이 바뀔때만

오늘 차트를 작성하다가 데이터가 안들어올때, interval로 데이터를 찍어주고 싶었는데, 작동을 하지 않아서 서칭으로 해결했고, 기록을 남겨두려고 한다.useState를 사용했을 때 참조값일 경우 같은 참조값을 바라보면 값이 변했다는 인식을 못하고 리 렌더링을 하지

6버전은 아래의 블로그를 참조오늘 정리한 React Router는 5버전이다.(회사에서 5버전을 사용하기 때문)만약 6버전 사용하려면 이 블로그가 도움이 될 것이다.v6 대비 약 70% 정도의 번들 사이즈가 줄어들었다. 이는 버전만 업데이트 하더라도 번들 크기에 대한

오늘은 useRef hook을 정리해 보려고 한다.React 컴포넌트는 상태에 변화가 생길때 마다 리 렌더링(reRendering)이 된다.위와같이 컴포넌트를 만들어 보면, 1 더하기버튼을 누를때 마다, 콘솔창에 reRender 라고 찍힐 것이다.이는 컴포넌트 함수가

시간이 생겨서 개인프로젝트인 Todo를 삭제 버튼을 구현했다.리덕스를 사용한 프로젝트여서 특정 할 일을 삭제하려면 그 할일의 id 값을 action으로 보내야하는데, 그러면 파라미터로 id를 전달해야 했다.하지만 지금까지 파라미터로 전달할 일이 없었기에 검색을 해야했

useDidMount hook 생성하기React의 class형 컴포넌트에서는 componentDidMount라는 메서드가 존재한다.리액트 16.8버전 이후 hook이 도입되었지만 componentDidMount와 그나마 유사한 hook은 useEffect가 유일하다.내

늘어나는 input에 따라 같이 늘어나는 상태들

react-spring을 이용해서 parallax 쉽게 구현하기

Toggle Button을 구현하며 맞이한 "Warning: Failed prop type: You provided a checked prop to a form field without an onChange handler." 문제 해결 방법 기록

React HOC

memoization Hook 사용을 지향하는 React 문서에서 커스텀 Hook 안의 반환 함수는 왜 useCallback 사용을 적극 권장할까?

RTK와 Context API 같이 사용하기

useMemo와 useCallback의 관계에 대한 생각

React-Vite + Airbnb lint 설정중 에러 핸들링과 변경사항 기록