코드코코

라이프사이클 메서드 - 모든 리액트 컴포넌트에는 라이프사이클이 존재 - 페이지에 레더링되기 전인 준비 과정에서 시작하여 페이지에서 사라질 때 끝남. - 클래스형 컴포넌트에서만 사용가능 - 함수형 컴포넌트에서는 Hooks기능을 사용하여 비슷한 작업을 처리. 라이프 사이클 흐름 마운트(mount) : DOM이 생성되고 웹 브라우저상에 나타나는 것. 1. constructor : 컴포넌트를 새로 만들 때마다 호출되는 클래스 생성자 메서드 2. getDerivedStateFromProps : props에 있는 값을 state에 넣을 때 사용하는 메서드 3. render : UI를 렌더링하는 메서드 4. componentDidMount: 컴포넌트가 웹 브라우저상에 나타나 후 호출하는 메서드 업데이트(update)..

useState : 가변적인 상태를 지닐 수 있게 해줌 const [state,setState] = useState(0); - 함수가 호출되면 배열을 반환 - [ 상태 값, 상태를 설정하는 함수 ] useEffect : 리액트 컴포넌트가 리렌더링될 때 마다 특정 작업을 수행하도록 설정 할 수 있음 (마운트,언마운트, 업데이트시) 마운트 시에 하는 작업들 - props 로 받은 값을 컴포넌트의 로컬 상태로 설정 - 외부 API 요청(REST API 등) - 라이브러리 사용 (D3 , Video.js 등...) - setYnterval 을 통한 반복작업 혹은 setTimeout 을 통한 작업예약 언마운트 시에 하는 작업들 - setIntervla, setTimeout 을 사용하여 등록한 작업들 clear 하..