[React다루는기술] 12. react-virtualized
in React on React 다루는 기술
react-virtualized는 React를 사용하여 대량의 데이터를 효율적으로 렌더링하기 위한 라이브러리로, 리스트나 그리드와 같은 컴포넌트에서 성능을 최적화할 때 유용합니다.
안드로이드의 “RecyclerView” 기능과 동일한 역할이라고 볼 수 있다.
[React다루는기술] 11. React TODO List
in React on React 다루는 기술
리액트를 다루는 기술(개정판)을 참고한 리액트 TODO App 예제 코드이다. 설렁설렁 하기 좋다.
[React다루는기술] 10. React Hook
in React on React 다루는 기술
React Hook은 함수 컴포넌트에서 상태(state) 및 생명주기 기능을 사용할 수 있게 해주는 기능입니다. 훅은 함수 컴포넌트에서 상태 관리나 부수 효과(side effect) 등을 더 쉽게 다룰 수 있도록 도와줍니다. 리액트 훅은 함수형 컴포넌트에서만 사용할 수 있습니다.
[React다루는기술] 09. React Life cycle
in React on React 다루는 기술
리액트 컴포넌트의 라이프사이클은 컴포넌트가 생성되고 제거되기까지의 여러 단계에 걸친 메서드들을 나타냅니다. 리액트 라이프사이클은 세 가지 주요 단계로 나눌 수 있습니다:
[React다루는기술] 08. map 함수 리액트 사용 예제
in React on React 다루는 기술
map 함수는 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과로 새로운 배열을 생성합니다. 이 함수는 배열을 순회하면서 각 요소를 변환하거나 추출하는 데 유용하게 사용됩니다. JavaScript에서 map 함수는 함수형 프로그래밍의 일부로서 배열의 요소를 변형하고 새로운 배열을 생성하는 기능을 제공합니다.
[React다루는기술] 07. Ref
in React on React 다루는 기술
리액트 컴포넌트 내에서도 id를 사용은 가능하나 컴포넌트를 여러번 재활용시에 id는 유니크 해야되는데 DOM내에 여러개가 생겨 문제가 생긴다. 그래서 리액트에서는 컴포넌트 내에서만 동작하는 ref 기능을 사용한다.
[React다루는기술] 06. 이벤트 핸들링(Event Handling)
in React on React 다루는 기술
클래스 컴포넌트로 이벤트 핸들링하는 포스팅이다. click 이벤트와 change 이벤트 예제만 있으며 기본적인 이벤트들은 html, js 사용되는 이벤트들과 모양새가 비슷하다.
[Practical-Java] 5. Stream
in Java on Java Practical
자바8부터 스트림이 도입되었으며, 이후 버전에서 기능이 확장되고 개선되었다. java.util.stream 패키지에 존재하며 스트림 객체는 원천 데이터가 변하지 않고 가공 된 데이터가 새로 생기는 개념의 불변성 특징이 있으며 그로인해 사이드 이팩트가 없으면서 병렬처리가 가능해진다.
