# React LifeCycle

React lifecycle
React에서는 컴포넌트(component)라는 개념을 사용하여 UI를 작성한다. 컴포넌트는 생명주기(lifecycle)를 가지며, 이를 이해하면 React 애플리케이션을 개발하는 데 매우 중요한 지식이 됩니다. 이번 글에서는 React 컴포넌트의 생명주기에 대해 알아

React Hooks: 기초부터 심화까지
React Hook은 React 16.8 버전에서 새롭게 도입된 기능으로, 클래스 컴포넌트에서만 사용 가능했던 state와 lifecycle 메소드를 함수형 컴포넌트에서도 사용할 수 있게 해준다. 이번 포스팅에서는 React Hook의 기초적인 사용 방법부터, 실제 예

RNTodolist_AsyncStorage에 저장되지 않는 오류 / useEffect 와 react lifecycle> 해결
카테고리 변경값, todo 데이터 변경값이 다 잘 저장이 되는데re-road 시 저장된 데이터가 불러와지지 않는 문제가 발생했다.알고보니 useEffect 가 ToDoCard 안에 선언돼있었기 때문이다.ToDoCard 는 화면에서 투두리스트 각각에 해당하는 컴포넌트이다

React LifeCycle과 React Hooks
이번 글에서는 React와 React Router의 Built-in Hooks에 대해서 파헤쳐 보겠습니다.이 과정에서 나만의 Custom Hook을 제작하는 방법과 이제는 굳이 암기할 필요가 없어진 React LifeCycle에 대해서도 알아보게 될 예정입니다.

React - LifeCycle
constructor는 App이 시작될 때 가장 먼저 호출되는 함수이다.앱이 실행되지마자 해줘야하는 작업들은 Constructor에 넣는다.ex. state를 만든다.state와 props를 동기화 시켜준다.UI를 그려준다.UI가 모두 render되었을 때를 알려준다.
React 공부 1(React Lifecycle)
Mounting은 태어나는것과 같다.javascript에서 class를 만들때 호출되는것(react아님)예전에 super(props) 써서 하던 그거 맞다.최초 마운트와 갱신 때 모두 render() 메서드를 실행하기 직전에 호출된다. 렌더링 할때마다 매번 실행되니
React LifeCycle API 생명주기
LifeCycle API 생명주기 출처-LifeCycle >## Mounting component가 브라우저에 나타날 때 constrctor : component가 만들어지는 과정에서 가장 먼저 실행되는 함수로 초기 state를 설정한다. getDerivedStat