목록리액트 (2)
ㄷㅣㅆㅣ's Amusement
React는 [부모 컴포넌트 -> 자식 컴포넌트] 방향으로만 데이터를 전달하는 것을 지향한다. 이렇게 하면 컴포넌트들이 매우 단순해질 수 있기 때문이다.자식 컴포넌트로 데이터를 전달하기위해 사용하는 props와 state에 알아보자. props properties를 줄여서 표기한 것.컴포넌트에 전달되는 데이터. - props를 전달받은 컴포넌트에서 props를 직접 수정하지 않도록 한다. - 값을 변경하고 싶다면 state를 사용한다.PropTypes props의 유효성 검증isRequired를 사용하여 필수속성을 나타낼 수 있다.API 설명의 도구로 활용할 수 있음.ex) 123456789var Painter = React.createClass({ propTypes: { inkColor: React.P..
React의 라이프 사이클 메소드는 컴포넌트 안드로이드나 iOS와 같이 사용 단계에 맞는 후킹 기법을 제공한다. 초기화 getDefaultProps인스턴스를 생성하는 시점에 딱 한 번 호출.복제되는 것이 아니며, 하나의 값을 모든 인스턴스가 공유한다.getInitialState인스턴스를 생성할 때마다 호출.이 시점부터 this.props에 접근 가능.componentWillMount최초 렌더링 직전에 호출.렌더링 하기 전 컴포넌트 상태에 영향을 줄 수 있는 마지막 단계render컴포넌트를 나타내는 가상 DOM을 만든다.React는 이 메소드에서 가상 표현 객체를 실제 DOM과 비교하여 변경할 부분이 있는지 확인한다.필수 작성 메소드이며 다음과 같은 작성 규칙을 따른다.접근은 this.props, this..