DBILITY

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

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를 감싸고 설정하면 끝. 세상 참 좋아졌다..

Setting에서 다음 그림 1,2와 같이 처리한다.

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