개발캡슐

useRef useRef - 리액트에선 render() 메서드에 의해 만들어지는 DOM에 접근하는 방식 으로 HTML 의 DOM노드와 React Element에 접근할 수 있도록 ref를 제공해. - javascript에서 특정 Dom을 선택하는 역할이 getElementById, querySelector 등이 있다면, 리액트에선 useRef를 사용해서 특정 Dom에 접근해. - 특정 DOM에 접근할 때 사용하고, - 외부 라이브러리 사용할때 유용해. useRef() 를 사용하여 Ref 객체를 만들고, 이 객체를 우리가 선택하고 싶은 DOM 에 ref 값으로 설정해. 그러면, Ref 객체의 .current 값은 우리가 원하는 DOM 을 가르킬 수 있게 되지. useRef가 필요한 상황들 - ref로 값을..

상태관리 라이브러리, Redux 상태관리 라이브러리 - 상태 관리 라이브러리는 프론트 엔드 애플리케이션에서 상태를 관리하기 위해 사용되는 도구야. Redux - Redux는 JavaScript 애플리케이션에서 상태를 관리하기 위한 도구야. - 단방향 데이터 흐름을 기반으로 해. - 애플리케이션의 상태는 하나의 개체인 Store에 저장 돼. - 상태를 변경하기 위해 액션(Action)을 발생시켜야 해. - 액션은 순수 함수인 Reducer에 의해 처리되서 새로운 상태를 반환해. Redux에서 사용되는 주요 개념들 4가지가 있어. 1. Store 2. Action 3. Reducer 4. Dispatch - Store: 애플리케이션의 상태를 저장하는 객체야. Redux의 모든 상태는 단일 객체 트리에 저장돼..

state, props state, props 둘 다 일반 JavaScript의 객체야. 둘 다 렌더링 출력에 영향을 주는 정보를 보유하지만 다른 점이 있어. 컴포넌트로 props가 전달되고(함수 매개 변수와 유사), state로 컴포넌트 내에서 관리돼.(함수 내에서 선언된 변수와 유사) state - state는 한 컴포넌트 안에서 유동적인 데이터를 다룰 때 사용돼. - 컴포넌트 안에서 데이터를 변경할 수 있어. 즉, state는 한 컴포넌트의 상태(state)를 나타내. - 컴포넌트 상태는 시간이 지남에 따라 변경될 수 있다. state가 변경될 때마다 컴포넌트가 다시 렌더링돼. - Hook이 React 버전 16.8에 새로 추가되면서, 함수 컴포넌트(Function Component)에서도 상태 값..