useEffect2 리액트 훅 useEffect와 useRef useEffect와 useRef는 리액트에서 자주 사용되는 훅으로, 각각 컴포넌트의 생명 주기를 관리하고, DOM 요소나 변수의 참조를 유지하는 데 도움을 줍니다. 1. useEffectuseEffect는 리액트 함수형 컴포넌트에서 "사이드 이펙트(side effects)"를 처리할 수 있도록 도와주는 훅입니다. 사이드 이펙트란 API 호출, 데이터 가져오기, 수동으로 DOM을 조작하는 작업 등을 의미합니다.기본 문법:useEffect(() => { // 여기에 실행할 코드 작성 }, [dependencyArray]);useEffect의 매개변수 설명첫 번째 매개변수: 콜백 함수로, useEffect가 호출될 때 실행되는 함수입니다.두 번째 매개변수: 의존성 배열(dependencyArray).. 2024. 11. 12. React - 함수형 컴포넌트에서 라이프사이클 구현하는 법 React의 라이프사이클 메서드는 원래 클래스 컴포넌트에서만 지원되었지만, React Hook이 도입된 이후 함수형 컴포넌트에서도 라이프사이클 기능을 구현할 수 있게 되었습니다.함수형 컴포넌트에서 라이프사이클 구현 방식함수형 컴포넌트는 useEffect Hook을 사용해 다양한 라이프사이클을 구현할 수 있습니다. useEffect는 클래스 컴포넌트의 라이프사이클 메서드인 componentDidMount, componentDidUpdate, componentWillUnmount 등의 역할을 함수형 컴포넌트에서 수행할 수 있게 해줍니다.주요 라이프사이클 비교라이프사이클 메서드 | 클래스 컴포넌트 방식 | 함수형 컴포넌트 방식 (useEffect)컴포넌트 마운트 시componentDidMountuseEffec.. 2024. 11. 11. 이전 1 다음