React.js

useCallback, useMemo, React.memo 차이점

useEffect useEffect는 렌더링시 발생하는 side effect를 다루기 위한 목적 Mount, Update, Unmount 될때 사용 한다. useEffect는 인자로 Callback 함수를 받는다, 형태 렌더링 될때 마다 실행 화면에 첫 레더링

Memoization - 메모이제이션 동일한 값을 리턴하는 함수를 반복적으로 호출해야 된다면 맨 처음 값을 계산할때 해당값을 메모리에 저장해서 필요할때마다 또 다시 계산하지않고 메모리에서 꺼내서 재사용 하는 기법 (자주 필요한 값을 맨 처음 계산할때 캐싱을 해둬서 그

useReducer useState 처럼 state를 생성하고 관리할수잇게 해주는 도구이다. 여러개의 하위값을 포함하는 복잡한 state를 다뤄야할때 사용하면 코드를 깔끔하게 사용가능하고 유지보수가 편해진다. 구성 Reducer Dispatch Action으로

⚙️ ListPage 구조 및 결과 ✅ useAxios 커스텀 훅 useAxios custom hooks 부터 살펴보자면 인자로 api의 baseUrl, api의 Path Parameter를 type이라 정의하여 받아온다. data는 response data 값을

📝 아토믹 디자인 패턴을 활용한 Table Compound Components 지난 페이지네이션포스트 에서 타입스크립트로 아토믹 디자인 패턴을 활용하여 Compound Components 로 리팩토링 예정 글을 올렸는데 타입스크립트 학습과 오랜 삽질로 우선 아토믹

3월부터 본격적으로 시작하게된 next.js 프로젝트가 종료되었다.리액트의 경험도, 타입스크립트의 경험도 없었지만 3월에 next.js 프로젝트에 들어가게되어2월동안 급하게 리액트 강의와 타입스크립트 강의 및 디자인 패턴에 관한 공부를하였다,프로젝트를 진행하면서 바쁜거

[Webpack] React Setting 1.   Terminal 에서 npm init 하기 `npm init` 명령을 실행하면 사용자에게 프로젝트 정보를 입력하라는 프롬프트가 표시됩니다. `npm init 이란 Node.js 패키지