DBILITY

import하지 않아도 되던 것이 왜 일까? import React from "react"; react-scripts version을 확인 ^5.0.0에서 ^3.0.1? 이걸로 바뀌어 있어서 인가? 5.0.0으로 변경하니 된다. 뭔가를 하다가 npm audit fix --force를 실행하니 그랬나 보다. npm 학습이 필요하다. 이거 보고 광고 한번 안 누른 이는 삼대가 재수가 없을지어다!ㅋㅋ

react state는 props를 통해 parent에서 child로 전파되는데, 컴포넌트(component)계층의 깊이가 깊어질수록 복잡성이 증가하게 된다. props를 통한 state의 흐름과는 다르게 전역 state와 handler를 Context를 통해 공유가 가능하다. ( 16.3 ) 단점은 중첩된 컴포넌트 계층구조에서 사용할 경우 컴포넌트 재사용이 어려워지니 필요한 경우만 사용하자. 어느 외국인 블로그를 대충 읽어보니 디자인테마나 사용자정보(인증 후 ), 언어/로케일정보등에 쓰는게 일반적이라나? Spring framework의 aop로 다뤄야하는 부분이라고 생각하면 편하겠다. 전체 앱의 공통관점이 필요할때. 이만큼만 알아두고 필요할 때 매뉴얼을 참고하자. App.js 예 import React..

axios data fetch시에 loader를 표시해 보고자 찾아 봤다. 세상엔 좋은 사람들이 많다.ㅎㅎ https://github.com/davidhu2000/react-spinners GitHub - davidhu2000/react-spinners: A collection of loading spinner components for react A collection of loading spinner components for react - GitHub - davidhu2000/react-spinners: A collection of loading spinner components for react github.com Example을 보고 따라서 만들어 봤다. App()내어서 사용할 state를 선언..

https://github.com/ankeetmaini/react-infinite-scroll-component#readme GitHub - ankeetmaini/react-infinite-scroll-component: An awesome Infinite Scroll component in react. An awesome Infinite Scroll component in react. Contribute to ankeetmaini/react-infinite-scroll-component development by creating an account on GitHub. github.com 특별히 복잡한 것은 없다. 스크롤시 반복데이터가 추가되는 대상 Element를 감싸고 설정하면 끝. 세상 참 좋아졌다..

css에 능통하지 않더라도 react-transition-group이라는 컴포넌트가 있다. 세상 참 좋다. PS C:\Dev64\workspace\react001> npm install react-transition-group@^4.4.2 PS C:\Dev64\workspace\react001> npm list react001@0.1.0 C:\Dev64\workspace\react001 +-- @testing-library/jest-dom@5.16.1 +-- @testing-library/react@12.1.2 +-- @testing-library/user-event@13.5.0 +-- axios@0.24.0 +-- bootstrap@4.6.1 +-- react-bootstrap@1.6.4 +-- rea..