공부/React3 Redux 상태관리의 주요 개념들과 연결 관계를 설명해주세요. 다른 상태관리 도구와 비교 설명 해주세요. 노션에 정리중 2023. 4. 6. state와 props State → 구성 요소가 데이터를 관리하고 사용자 상호 작용 또는 기타 이벤트에 응답할 수 있도록하는 리액트 내장 기능. 구성 요소에 특정한 데이터를 저장하는 개체이며 일반적으로 사용자 상호작용 또는 네트워크 응답에 대한 응답으로 시간이 지남에 따라 변경될 수 있음. 구성 요소에 의해 내부적으로 관리되며 state가 변경되면 구성 요소가 다시 렌더링 됨. 전체 페이지를 로드하거나 서버를 왕복할 필요 없이 데이터 변경에 대한 응답으로 구성 요소의 UI를 업데이트하는 방법을 제공함. Props(properties) → 구성 요소가 부모 구성 요소로부터 데이터를 받을 수 있도록하는 리액트 내장 기능. 구성 요소 간 데이터를 전달하는 방법. 기본적으로 구성 요소에 대한 입력이며 상위 구성 요소에서 하위 구성 .. 2023. 4. 5. useRef가 필요한 상황은? React의 함수형 컴포넌트에서 특정 DOM에 접근하고 싶을 때 사용하는 hook. useRef로 변수를 관리하면 그 변수가 업데이트되어도 컴포넌트가 리렌더링되지 않을 때. -> 불필요한 리렌더링 방지. - 포커스, 텍스트 선택 영역, 혹은 미디어의 재생을 관리할 때. - 애니메이션을 직접적으로 실행시킬 때. - 서드 파티 DOM 라이브러리를 React와 같이 사용할 때. - 컴포넌트 내에서 변수를 관리할 때. - 속성값을 초기화(clear)할 때. 참고 : https://divheer.tistory.com/193 2023. 4. 4. 이전 1 다음