CS/React 2

[Redux] 리덕스로 상태 관리하기

리덕스는 자바스크립트를 위한 상태 관리 프레임워크 컴포넌트와 상태 관리 코드 분리 서버 렌더링 시 데이터 전달이 간편하다 알림창과 같이 전역 컴포넌트의 상탯값을 관리할 때 좋다 페이지가 전환되어도 데이터는 살아 있어야 할 때 좋다 6.1 리덕스 사용 시 따라야 할 세 가지 원칙 하나의 객체에 프로그램의 전체 상탯값을 저장한다 상탯값을 불변 객체로 관리한다 상탯값은 오직 액션 객체에 의해서만 변경되어야 한다. 오직 순수 함수에 의해서만 상탯값을 변경해야 한다 // [홍길동]님 안녕하세요, [지금은 11시 30분]입니다. sayHello('홍길동') sayHello('홍길동', '11:30') 6.2 리덕스의 주요 개념 이해하기 리덕스에서 상탯값이 변경되는 과정 6.2.1 액션 액션은 type 속성값을 가진..

CS/React 2021.10.29

[React] 클래스형 컴포넌트의 생명 주기 메서드

1. 클래스형 컴포넌트의 생명 주기 메서드 모든 컴포넌트는 1) 초기화 단계 2) 업데이트 단계 3) 소멸 단계를 거친다. 초기화 단계 : 최초 컴포넌트 객체가 생성될 때 업데이트 단계 : 컴포넌트의 속성값 또는 상태값이 변경될 때 1.1 Constructor 메서드 class MyCompoent extends React.Component { constructor(props) { super(props) this.state = { currentMovie: props.age < 10 ? '뽀로로' : '어벤저스', } } } 초기 속성값으로부터 상태값을 만드는 경우 super함수를 호출하지 않으면 컴포넌트가 제대로 동작하지 않는다. 상태값을 직접 할당하는 것은 constructor 메서드에서만 허용된다. c..

CS/React 2021.10.21