Jieunny의 블로그

💡 리덕스란? ➰ 상태 관리를 효율적으로 하게 도와주는 오픈소스 JavaScript 라이브러리 ➰ Store라는 곳에 상태를 저장하는 전역 상태 관리 라이브러리 ❓ 리덕스를 사용하는 이유 ➰ 리액트의 데이터 흐름은 단방향이기 때문에 부모에서 자식으로 전달해주는 식으로 상태를 관리한다. ➰ 부모와 자식 컴포넌트의 깊이가 짧다면 문제가 되지 않지만, 길다면 props drilling이 발생한다. ➰ Props Drilling - props를 하위 컴포넌트로 전달하기 위해 여러 컴포넌트를 거쳐야 하는데, 그 데이터가 필요하지 않은 컴포넌트에까지 props를 전달하게 되는 현상 ✏️ 리덕스를 사용하기 위해 알아야 할 개념 1. Action ➰ 상태값이 어떻게 변화할 지 행동을 적어놓은 객체 ➰ 액션 객체는 ty..

💡 리액트의 라이프 사이클 ➰ 리액트 컴포넌트에는 생명 주기가 있는데 이를 라이프 사이클이라고 표현한다. ➰ 컴포넌트는 생성(Mounting) -> 업데이트(Updating) -> 제거(Unmounting) 의 생명 주기를 갖는다. ➰ 리액트 클래스 컴포넌트는 라이프 사이클 메서드를 사용하고, 함수형 컴포넌트는 리액트 훅인 useEffect를 사용한다. 💡 클래스 컴포넌트의 라이프 사이클 메서드 1. 마운트 ➰ 컴포넌트가 생성되는 시점을 의미한다. ➰ constructor -> getDerivedStateFromProps -> render -> componentDidMount 순서로 메서드가 호출된다. constructor() 컴포넌트 생성자 메서드로 컴포넌트가 만들어지면 가장 먼저 실행되는 메서드 ge..