하새의 블로그
  • 홈
  • 태그
  • 메뉴 닫기
  • 글작성
  • 방명록
  • 환경설정
    • 분류 전체보기 (66)
      • 개발 공부 (63)
        • Android (31)
        • Flutter (2)
        • React (6)
        • Next.js (5)
        • CSS (1)
        • Kotlin (6)
        • Java (1)
        • PHP (3)
        • 환경 구축 (7)
        • MySQL (1)
      • 생활지식 (0)
      • 스크랩 (1)
      • SafePass (1)
      • RicorTodo (1)
  • 홈
  • 태그
개발 공부/React

[React] Redux 예제 - 버튼 눌러서 값 변경하기

Redux : Node.js 모듈. JavaScript 상태 관리 라이브러리 Redux Flow 이미지 출처: www.google.com [예제] 위의 플로우처럼 초기값 0에서 버튼을 눌러 더하고 뺀 값을 UI에 반영하기 디렉토리 구조 1. Redux 설치 react에서 redux를 사용하기 위해서는 redux, react-redux를 설치해야한다. npm install redux npm install react-redux 2. src>store디렉토리 생성 후 안에 store.js 생성 src/store/store.js 안에 아래 3개의 코드를 넣어준다 - Action 만들기 state에 변화를 일으킬 때 참조하는 객체. 버튼이 눌리면 dispatch를 통해 action을 생성한다. action은 반드..

2022. 10. 27. 13:07
  • «
  • 1
  • »

전체 카테고리

  • 분류 전체보기 (66)
    • 개발 공부 (63)
      • Android (31)
      • Flutter (2)
      • React (6)
      • Next.js (5)
      • CSS (1)
      • Kotlin (6)
      • Java (1)
      • PHP (3)
      • 환경 구축 (7)
      • MySQL (1)
    • 생활지식 (0)
    • 스크랩 (1)
    • SafePass (1)
    • RicorTodo (1)
  • 최근 글
  • 최근 댓글

최근 글

최근댓글

Powered by Privatenote Copyright © 하새의 블로그 All rights reserved. TistoryWhaleSkin3.4

티스토리툴바