반응형 nextjs redux store2 React-redux를 사용한 게시판 만들기 with Example code 난이도 (실습 난이도 : 하, 소요시간 : 30min±) 실습 설명 오늘은 React-redux를 사용해서 게시판을 만들어볼 것이다. 사용할 컴포넌트는 기본으로 제공되는 App.jsx와 Post, Add, Find, Store를 새로 생성해서 사용할 것이다. 실습 먼저 컴포넌트를 생성하고 App.jsx에 import해주자. 하는김에 React-redux를 사용 할 것이기 때문에 store생성, Provider도 같이 감싸주겠다. [App.jsx] import { Provider } from "react-redux"; import { createStore } from "redux"; import "./App.css"; import Add from "./components/Add"; import Post f.. 2023. 1. 29. React-redux를 사용하는 이유와 사용하는 방법 with Example 취업 후 열심히 배우고 일하느라 오랜만에 글을 쓴다. 회사생활이 너무 재미있어서 시간을 녹여버리고 있다. 어쨋든 Redux의 사용 이유 오늘은 React와 찰떡궁합 React-redux를 알아보자. 기존의 props를 과다 사용해서 프로젝트를 만들다보면 여러 컴포넌트가 쌓이고 쌓일수록 굉장히 복잡해지게 된다. 예를들어서 아래와 같이 export default function App() { const [number, setNumber] = useState(0); return ( App number : {number} { setNumber(number + 1); }} /> ); } function Calculator1(props) { return ( Calculator1 ); } function Calcul.. 2023. 1. 28. 이전 1 다음 반응형
