반응형 useEffect2 React Hook 개념 및 활용 React Hook은 v16.8부터 React 요소로 새로 추가된 기능으로 함수형 컴포넌트에서도 클래스형 컴포넌트의 기능을 사용할 수 있게 하는 여러가지 기술을 Hook 이라고 부른다. 예를들어, 기존 함수형 컴포넌트에서 할 수 없었던 상태값 관리(useState), 생명주기 함수(useEffect) 등을 사용할 수 있게 되었다. 클래스형 컴포넌트의 단점 - 컴포넌트의 상태 로직 재사용의 어려움 - 복잡한 컴포넌트의 이해하기 어려움 - 코드의 재사용성과 구성의 어려움 - 클래스의 문법의 어려움 위와 같은 클래형 컴포넌트의 단점과 함수형 컴포넌트의 간결함과 편리함 때문에 함수형 컴포넌트가 많이 활용되고 있다. 그리고 이 함수형 컴포넌트를 좀 더 효율적으로 잘 활용할 수 있도록 지원해주는 기능이 Hook이라.. 2023. 9. 23. react 함수형 컴포넌트 생명주기(LifeCycle) 이해 react 함수형 컴포넌트는 이전에 포스팅 했던 클래스형 컴포넌트와 다른 생명주기(라이프사이클) 메소드를 사용한다. 클래스형 컴포넌트 생명주기 메소드에 대한 내용은 다음 링크를 참조하고, 이번에는 함수형 컴포넌트 생명주기에 대해 정리해 본다. https://happy-jjang-a.tistory.com/251 아래는 함수형 컴포넌트와 클래스 컴포넌트 생명주기 메소드를 비교한 내용이다. 함수형 컴포넌트에서는 메소드가 여러개로 분리되어 있지 않고 react Hook 메소드 중 하나인 useEffect가 주요 메소드라고 할 수 있다. 생명주기(라이프사이클) 클래스형 컴포넌트 함수형 컴포넌트 Mount/Update render() return() Mount componentDidMount() useEffect(.. 2023. 9. 10. 이전 1 다음 반응형
