react
-
[React] Composition & Inheritance 설명react 2024. 9. 10. 23:45
Composition(합성) vs Inheritance(상속)React에서는 코드 재사용을 위한 방법으로 Composition(합성)과 Inheritance(상속)가 사용된다1. Composition - 합성React에서 Component는 어떤 element가 자식 element로써 올지 알 수 없다. 이를 children prop을 사용해서 알 수 있다.function ProfileCard(props) { return ( 안녕하세요 저는 리액트를 공부하고 있습니다 );}function Card(props) { const { title, backgroundColor, children } = props; return..
-
[React] Hook (useState, useEffect, useMemo, useCallback, useRef) 에 대해react 2024. 9. 5. 13:39
1. Hook 이란?Hook은 React 16.8버전에 새로 추가된 최신 기능으로, 클래스형 컴포넌트의 단점을 극복하고자 나온 함수형 컴포넌트에 대한 기능이다. Hook은 함수형 컴포넌트에서도 클래스형 컴포넌트의 기능을 사용할 수 있게 해준다.1.1 Hook의 종류?Hook의 종류로는 useState, useEffect, useMemo, useCallback, useRef등이 있다. 2. useState란? useState는 함수형 컴포넌트에서 state의 기능을 사용할 수 있게 해준다.ex) const [count, setCount] = useState(0);useState는 두개의 값을 반환한다. [현재 state, state를 변경하기 위한 함수] 3. useEffect란?useEffect는 어떠..