React

리액트를 처음 배우기 시작하면, 코드가 언제 실행이 되는 건지, 렌더링은 왜 여러 번 일어나는 건지 이해하기가 어렵게 느껴지기도 합니다. 그래서 리액트 컴포넌트의 생성되고, 업데이트되고, 사라지기까지의 흐름을 정리해 보겠습니다.컴포넌트 생명주기(이미지 출처 - 멋쟁이사

컴포넌트 생명주기 이벤트를 등록하기 위한 훅클래스 기반 컴포넌트에서는 componentDidMount(),componentDidUpdate(),componentWillUnmount() 메소드를 오버라이드 해서 구현해야 함함수 컴포넌트에서는 useEffect에서 구현 가

컴포넌트가 다시 렌더링되더라도 기존 상태값을 유지하는 변수를 생성함수 내부에 정의하는 지역 변수는 컴포넌트가 다시 렌더링되면(함수 재호출) 값이 초기화 됨useState는 값이 변경되면 컴포넌트가 다시 렌더링되지만 useRef는 값이 변경되어도 컴포넌트가 다시 렌더링되