코딩연습장

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

2024/07/03 2

24.07.03 TodoList페이지에 redux 사용하기

기존 TodoList는 props를 자식 컴포넌트에 넘겨주어 상태를 관리했다.이번엔 redux 라이브러리를 사용하여 전역 store에 state를 저장하고, 그것을 가져와 사용하는 것을 적용해보고자 한다. 먼저, redux 폴더를 만들고 config, modules폴더를 만들어 configStore, todo파일을 생성했다. 그리고 todo.jsx파일에 리듀서코드를 작성했다.Todo는 추가, 제거, 완료/취소 기능만 구현하면 되므로, 세가지 ActionValue를 만들어 기능을 구현하고자 한다.// src/modules/todo.js//Action Valueconst ADD_TODO = 'ADD_TODO';const TOGGLE_TODO = 'TOGGLE_TODO';const DELETE_TODO = '..

2차 공부/TIL 2024.07.03

공원 산책

프로그래머스 - 공원산책   처음 작성한 코드function solution(park, routes) { var answer = []; let startX = 0; let startY = 0; let XObj = {}; for (let i = 0; ipark.length-1 || flag) { startY = beforeStartY break; } } break; } case ('W') : { let beforeStartX = startX ..

2차 공부/알고리즘 2024.07.03
이전
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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2024/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.

티스토리툴바