본문 바로가기
728x90

리액트 기초2

10.14.22{코딩일기}벨로퍼트와 함께하는 모던리액트 1-25챕터리뷰 [ 새롭게 알게된 것 ] 1. 생명주기 메서드는 클래스형 컴포넌트에서만 사용가능함을 알게됨 useEffect랑 은근 비슷함. 물론 작동방식도 다르고 커버하지 않는 기능도 존재. 이미 작성된 코드를 보고 사용할 수 있는 정도만 학습하면 된다고 함 2. LifeCycle 메서드는 컴포넌트가 브라우저에 나타나고, 업데이트되고, 사라질때 호출되는 메서드들임 마운트될때 발생하는 생명주기는 constructor, render, getDerivedStateFromProps, componenDidMount가 있음 constructor는 컴포넌트 생성자로 가장 먼저 실행되는 메서드임 getDerivedStateFromProps는 props로 받아온것을 state에 넣어주고 싶을때 사용 애는 특별히 static을 필요로 .. 2022. 10. 14.
10.13.22{코딩일기}벨로퍼트와 함께하는 모던리액트 1-24챕터리뷰 [ 새롭게 알게된 것 ] 1. 클래스형 컴포넌트를 어쩔 수 없이 써야하는 경우는 3가지임 첫째. 클래스형 컴포넌트를 유지보수해야 할때 둘째. 옛날에 만들어진 리액트 라이브러리의 경우 Hooks이 지원 안될때(2가지 있다고함) 셋째. react-native관련 라우터 라이브러리 react-native-navigation를 사용해야 될때 2. 클래스형 컴포넌트 만드는 방법 기존에는 function Check({ name, phoneNumber, address}) { return (...) } check.defaultProps = { name : 'bluevulepe' } 였다면 클래스형 컴포넌트에는 render() 메서드가 반드시 필요함. props를 조회할때는 this.props를 조회하면 됨. class.. 2022. 10. 13.
728x90