ReactJS

CRA(create-react-app)에서 웹팩 수정하는 방법

CORS 문제 해결

https://recoiljs.org/ko/docs/introduction/getting-started/Redux...아무리 작은 단위의 '것'이라도 그룹을 나누고 저장소만들고 액션을 만들고 불러오고...귀찮은것들이 참 많다. 그나마 redux tool kit

custom hook with useNavigation

reactJS의 HOC 사용법을 알아보자

https://overreacted.io/making-setinterval-declarative-with-react-hooks/

sciprt main 명령어에서 직전에 실행시키는 것을 pre직후에 실행시키는것을 postex)실행되는 내용은 상관없다 중요한것은 prestart실행 => start실행 => poststart실행이렇게 자동으로 실행된다 명령어가 꼭 start가 아니어도 상관없다즉 \*

ref: https://vitejs-kr.github.io/webpack기반 CRAvite...매번 번들링할때마다 9초 10초걸리는게 0.3초대로...걍 비교불가 이전에 git star rank 에서 외국에선 번들링 인지도가 vite가 1위를 달리고있길래 뭐지

부모components에서 ref선언.부모component의 dom elements를 자식 컴포넌트에서 제어하기.부모 컴포넌트자식 컴포넌트이거 redux에서도 되나?되긴 된다 근데 저장되는 사이즈가 너무 커서 사용하지 말라는 경고가 뜬다.암튼 그래서 비추함.이거 쓰려면

HOC로 해결하면된다.예를들면

함수 호출 이후 일정 시간이 지나기전에 다시 호출되지 않음을 보장하는것// 스크롤 액션에서 과도한 리랜더링을 피하고자할때 적합연속으로 호출된 함수들 중 마지막에 호출된 함수만 실행 함// 검색어 추천 기능시 문자가 한번 입력할때마다 쿼리가 날라가지 않도록 해주는 기능에

react-query에 uselazy query라는 동작은 없지만...apollo의 그것과 같은 동작을 원한다...

공식문서에서 설명하길 굳이 eject를 하지 않고 환경 설정을 덮어씌우거나 재구성 할 수 있다고 설명한다craco.config.js 파일에서 각종 설정을 구성하면 CRA의 기본 config를 덮어씌울 수 있다.ref: https://www.npmjs.com/p

레거시한 프로젝트를 진행하다보면 window에 박혀있는 함수나 변수라던지그냥 쌩 객체에다가 글로벌 변수로 만들어서 사용하는 경우가 있다.ex)이런경우는 리렌더링이 되질 않는다.참고로 의도적으로 리렌더링을 방지하는 변수를 사용하고싶다면 createRef, useRef를

현재 회사는 jqeury 와 react를 섞어 쓰고있는데 이과정에서 리렌더링 타이밍이 꼬이는 경우가 있다.pqgrid라는 외부 유료 모듈을 사용하는데 이것의 contents들과 react의 것들과 연동이 필요한 내용이 있었다.개념을 확장하자면 순수 html + java

노드나 정적 html이나 string형식으로 html파일을 집어넣어야 할때 등등 react 컴포넌트를 삽입하는 방법들.ref: https://ko.reactjs.org/docs/react-dom-server.html