stonesy

📖props-drilling 데이터가 상위 컴포넌트에서 하위 컴포넌트로 전달되는 과정에서 중간 컴포넌트들을 거치면서 발생하는 문제로, 중간 컴포넌트가 많아지면 코드가 복잡해질 수 있다. props-drilling 문제를 해결하기 위해 다음과 같은 라이브러리들을 사용할 수 있다. ✏️React Context API react에서도 React Context API라는 자체적인 전역 상태관리 API를 제공해준다. 단, React Context API를 사용하면 리액트 앱 최상단에 Provider가 배치된다. Provider는 context를 구독하는 컴포넌트들에게 context의 변화를 알리는 역할을 한다. context를 구독하는 컴포넌트들을 Provider의 value prop이 바뀔 때마다 다시 렌더링된..

📖라이프사이클React 컴포넌트는 라이프사이클을 가진다. 라이프사이클은 컴포넌트가 생성되고 소멸되기까지의 일련의 과정을 말한다. 라이프사이클 안에서는 각 시점에 자동으로 호출되는 함수가 있는데 이를 라이프사이클 메서드라고 한다. 🔎Mount >  Update, Re-render > Unmount✏️MountDOM이 생성되고 웹 브라우저 상(화면)에 나타남. Mount 시에는 다음의 메서드들이 차례대로 호출된다.constructor: 컴포넌트를 새로 만들때마다 호출되는 클래스 생성자 메서드getDerivedStateFromProps: props에 있는 값을 state에 넣을 때 사용하는 메서드render: UI를 렌더링 하는 메서드componentDidMount: 컴포넌트가 웹 브라우저 상에 나타난 후..