Ellen's Web Note

yarn add redux react-redux 리덕스 프로젝트 패턴 프레젠테이셔널 컴포넌트와 컨테이너 컴포넌트를 분리하여 사용. - 코드의 재사용성이 높아지고 - UI 또는 이벤트에 따라 특정 컴포넌트에 집중할 수 있다. ● 컨테이너 컴포넌트 (container/CounterContainer.jsx) 리덕스에서 값을 받아오거나 액션을 처리하는 컴포넌트 import React, { useCallback } from "react"; import { useDispatch, useSelector } from "react-redux"; import Counter from "../compoents/counter/Counter"; import { decrease, increase, setText } from "....

React Hooks 클래스 컴포넌트를 대체하기 위한 목적으로 도입된 기능. useState 함수형 컴포넌트에서 state 사용. import React, {useState} from 'react'; const UseStateSample = (props) => { const [value, setValue] = useState(0); return( 현재 카운터 값음 {value} 입니다. setValue(value + 1)}>+1 setValue(value - 1)}>-1 ) } export default UseStateSample; 첫번째 원소(value)는 상태 값, 두번째 원소(setValue)는 상태를 없데이트하기 위함 함수, useState(0)의 파라미터는 state의 초기값. useEffect..