FE/Redux2

• 

  [React] Redux 실습 Without-redux import React, {useState} from 'react'; import './App.css'; function App() { const [number, setNumber] = useState(1); return ( Root : {number} { setNumber(number+1); }}/> ); } function Left1(props) { return ( Left1 : {props.number} ); } function Left2(props) { return ( Left2 : {props.number} ); } function Left3(props) { return ( Left3 : {props.number} ); } function Right1(props){ re.. FE/Redux 2022. 8. 26.

• 

  [React] Redux가 필요한 이유? 리액트를 이용해서 만들다 보면, State 관리에서 빈번한 오류 발생과 값을 확인하기 어려울 때가 있다. 그럴때 사용하는 것이 Redux 라이브러리이다. 리덕스란 ? 리덕스는 애플리케이션의 state를 관리하기 위한 오픈소스 JavaScript 라이브러리이다. 리덕스가 등장하기 전에는, MVC 패턴에 의해서 양방향 데이터 흐름으로 데이터를 관리했다. Model— 데이터 형식이나 구조를 관리 View — 코드가 사용자에게 보여지는 부분을 담당 Controller — 변화하는 데이터를 관리 하지만, 프로젝트가 커지면 데이터 흐름을 제어하는 과정이 복잡해지고, 사용자와의 상호작용이 많아야하는 요즘의 웹사이트에서 state관리가 어렵다. 이러한 문제점을 해결하기 위해서 페이스북에서 flux를 개발했다. View.. FE/Redux 2022. 8. 26.