1. componentWillMount - 랜더링이 되기 전에 실행 - 컴포넌트가 DOM이 만들어지기 전에 실행 - v16.3 이후부터는 deprecated되었으며 UNSAFE_componentWillMount로 사용가능 2.componentDidMount - 랜더링이 된 후에 실행 - 이 안에서 다른 자바스크립트 프레임워크 연동 및 setTimeout, setInterval 및 AJAX 사용 - D3, masonry처럼 DOM을 사용해야 하는 외부 라이브러리 연동 - 해당 컴포넌트에서 필요로하는 데이터를 요청 하기 위해 axios, fetch 등을 통하여 ajax요청이나 DOM의 속성을 읽거나 직접 변경하는 작업 3.componentWillReceiveProps(nextProps) - this.prop..
1. props function Welcome(props) { return Hello {props.name}; } props : props를 받는다props.name : 받은 props의 name(키값)의 value값을 넣음 const element = ; name="Sara" : 개념적으로 볼때 props : {name : "Sara"}props 오브젝트가 생성되어 전달 된다고 생각하면 된다. 2. defaultProps class Welcome extends React.Component { render() { return Hello {this.props.name}; } } Welcome.defaultProps = { name: "world", }; defaliutProps 메소드를 사용하여 넘겨받은 ..