실전 리액트 프로그래밍

컴포넌트에서 생성된 값 중에는 렌더링과 무관한 값도 있는데, 이 값을 저장할 때 useRef 훅을 사용한다. ex) setTimeout이 반환한 값을 저장해두고 clearTimeout을 호출 시 사용useRef를 사용하여 이전 상태 값 저장하기 useState 훅도 이

useEffect 의존성 배열 관리 방법 의존성 배열은 useEffect 훅에 입력하는 두 번째 매개변수이다. 의존성 배열의 내용이 변경되었을 경우 부수 효과 함수가 실행된다. 의존성 배열은 잘못 관리하면 쉽게 버그로 이어지기 때문에 입력하지 않는게 좋지만 필요에 있

리액트는 데이터(속성 값 + 상태 값)과 컴포넌트 함수로 화면을 그린다. 속성 값이나 상태 값이 변경되면 리액트가 자동으로 컴포넌트 함수를 이용해서 화면을 다시 그린다. 이것이 리액트의 역할이다. 리액트에서 최초 렌더링 이후에는 데이터 변경 시 렌더링을 하는데 다음 단

리덕스는 자바스크립트를 위한 상태 관리 프레임워크다. 컴포넌트 코드로부터 상태 관리 코드를 분리 할 수 있다.서버 렌더링 시 데이터 전달이 간편하다. 로컬 스토리지에 데이터를 저장하고 불러오는 코드를 쉽게 작성할 수 있다.같은 상태 값을 다수의 컴포넌트에서 필요로 할

npm install react-reduxProvider 컴포넌트Provider 컴포넌트 하위에 있는 컴포넌트는 리덕스의 상태 값이 변경되면 자동으로 컴포넌트 함수가 호출되도록 할 수 있다. store 객체를 Provider의 속성 값으로 전달. Provider 컴포넌