connecting dots

useState와 UseEffectuseState와 useEffect는 React 훅으로, 각각 상태(state)와 사이드 이펙트(side effect)를 관리하는 데 사용됩니다.1. useStateuseState는 함수 컴포넌트에서 상태를 관리하기 위해 사용됩니다.이는 컴포넌트가 상태를 가지고 있고, 이 상태가 변경될 때 컴포넌트를 다시 렌더링할 수 있게 합니다. 예제import React, { useState } from 'react';function Counter() { const [count, setCount] = useState(0); // 상태 변수와 그 상태를 변경하는 함수 return ( Count: {count} setCount(count + 1)}>Incr..

Redux 알아보기- state: 데이터- action: 함수함수도 하나의 데이터이긴 함. 데이터 중 함수는 호출 가능호출을 해서 추가적인 명령을 실행하는 개념 동기 처리는1) 액션을 만들어서 데이터를 어떻게 변경할지 type(액션의 이름)과 payload(매개변수)로 설정한다.2) 필요한 곳에서 디스패치 액션을 호출한다.3) 액션(내부 로직으로)에서 상태를 업데이트할 수 있다.비동기 처리는1) 액션을 만들어서 데이터를 어떻게 변경할지 type(액션의 이름)과 payload(매개변수)로 설정한다.2) 필요한 곳에서 디스패치 액션을 호출한다.3) 액션(내부 로직으로)에서 상태를 업데이트할 수 있다.- fulfilled/rejected (무엇을 의미하는 것인지 등은 파악해야 함)만일 사용자가 버튼을 클릭하는..

React Hooks란 ?ReactConf에서 2018년 발표된, class 없이 state를 사용할 수 있는 새로운 기능 React Hooks가 필요한 이유 ?항상 기술은 그 전의 불편함이나 문제점을 해결하기 위해서 더욱 발전함react hooks도 주로 class component로 사용되어온 react에서 느껴왔던 불편함이나 문제점을 해결하기 위해 개발됨--> 원래 리액트는 주로 class component를 사용하고, react hooks는 functional component를 사용함React ComponentClass ComponentFunctional Component더 많은 기능 제공더 많은 코드 양더 복잡한 코드더딘 성능더 적은 기능 제공짧은 코드 양더 심플한 코드더 빠른 성능 함수형 컴..