DBILITY

npm install https://github.com/JodusNodus/react-qr-reader#pull/192/head npm registry의 버전은 v16..이상 나는 v17.. 위와 같이 설치했다. 아래 github을 참고함 https://github.com/JodusNodus/react-qr-reader/pull/192 Support React 17 by Tobiaqs · Pull Request #192 · JodusNodus/react-qr-reader React 17 has been released. I've tested this library on React 17 and I'm not noticing any issues. Not asking for this to be merged r..

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를 선언..

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..