일안하고블로그

React 생명주기(LifeCycle) 리액트에서 정말 중요하지만 정리가 필요한 것이 리액트 생명주기입니다. 매번 할때 마다 구글링을 하고 정리가안되어 헤깔렸던 리액트 생명주기를 한번에 정리해 보겠습니다. 컴포넌트 초기생성컴포넌트 업데이트컴포넌트 제거 컴포넌트 생성과정 See the Pen [React LifeCycle] 컴포넌트초기생성 by 최대한 (@sheldhe) on CodePen. 위의 예시에서 Result 버튼을 누르시고 console을 확인하시면 테스트 결과를 확인 할 수 있습니다. 컴포넌트 생성과정 constructor -> componentWillMount -> render -> componentDidMount 컴포넌트의 실행과정을 살펴 보겠습니다. constructor : 컴포넌트 생성..

Redux 작업 파일 다운로드는 여기를 클릭해주세요.FaceBook 팀이 만든 Javascript 라이브러리입니다. React만 사용해도 어플리케이션을 개발 할 수 있으나, 어플리케이션의 규모가 커지고 복잡해지면서, state관리가 복잡해 졌습니다. Redux는 복잡한 state관리를 단순하게 처리할 수 있게 도와줍니다. Redux의 3원칙- 지금 꼭 이해할 필요는 없어요. 1. 모든 상태는 하나의 Store로 구성2. 상태는 읽기전용이다.3. 변화 함수는 순수 함수로 작성해야한다. 1. Flux 와 차이점인데, 쉽게 한개의 Store라는 것을 관리한다고 보면 됩니다. 2. 상태(State)를 변경하려면 action이라는 객체를 전달하는 방법 뿐입니다. action 개념은 하단에서 예시를 보면서 이해하면..