코딩연습장

  • 홈
  • 방명록
  • 글쓰기
  • 관리자

react-redux 2

24.06.29 리덕스로 전역상태값 변경, 사용하기 / action Creator

// src/App.jsimport React from 'react';import { useSelector, useDispatch } from 'react-redux'; // import 해주세요.const App = () => { const dispatch = useDispatch(); const number = useSelector((state) => state.counter.number); return ( { dispatch({ type: 'PLUS_ONE' }); }} > +1 { ..

2차 공부/TIL 2024.06.28

24.06.28 리액트에 리덕스 연결하기

1. 리덕스 라이브러리 설치yarn add redux react-reduxredux와 react-redux 라이브러리 두개를 한번에 설치한다. 2. 모듈, 스토어를 분리해둘 폴더를 생성한다. 3. 스토어 파일을 작성한다.//configStore.jsimport { createStore } from 'redux';import { combineReducers } from 'redux';const rootReducer = combineReducers({});const store = createStore(rootReducer);export default store;1. createStore() 리덕스의 가장 핵심이 되는 스토어를 만드는 메소드이다. 리덕스는 단일 스토어로 모든 상태 트리를 관리하며, 리덕스를 사..

2차 공부/TIL 2024.06.28
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (344)
    • 2차 공부 (162)
      • 알고리즘 (34)
      • TIL (127)
      • WIL (0)
      • 최종프로젝트 (1)
    • 1차 공부 (181)
      • React공부 (42)
      • WIL (13)
      • TIL (39)
      • 알고리즘 (28)
      • 공부한 자료 (21)
      • JavaScript (7)
      • 코드분류 (1)
      • 웹개발노트 (5)
      • 설정관련 (3)
      • 기타 (2)
      • 기술면접 준비 (20)

Tag

CSS, react, 실행컨텍스트, redux, vite, js, tanstack query, TDZ, javascript, react-redux, action creator, 프로그래머스, React Query, 팀프로젝트, 코딩테스트, 리덕스, nextjs, 알고리즘, Reducer, 리액트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바