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

hadoop에 mapper,reducer를 생각하면 된다.java stream의 map,reduce도 있다. 입력요소를 x,출력요소를 y라 할때 x,y집합의 일대일대응 함수관계가 map y요소가 하나일때를 reduce로 보면 된다. map은 글자 그래도 요소마다 각각 적용할 수 있다. reduce는 결과가 요소집합에 대해 하나다. summary를 상상하자. 끝. 이거 보고 광고 한번 안 누른 이는 삼대가 재수가 없을지어다!ㅋㅋ 다음과 같은 기본 배열 데이터가 있다. var data = [ { id: 0, title: '해운대LCT - 가운데 라인 로얄층으로 위아래 우연히 공인중개사가 소개함', price: 30.5 }, { id: 1, title: '대장동 헐값 분양아파트 - 퇴직금도 못받고 아빠가 미안..

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