4주 프로젝트 (4) 썸네일형 리스트형 React-redux 이번에는 redux를 배우고 생활코딩과 벨로퍼트님의 실습을 보면서 개념을 익히고 따라해봤다. 그래서 내 다름대로 실습한 코드를 분석하면서 정리하려고 하는데 잘못이해하고 있는 부분이 있을 수 있다. 1.서비스 화면 우선 실습한 서비스는 아래와 같다. 색깔을 고르면 카운트숫자에 색깔이 바뀌게 되고, 버튼으로 카운트를 1씩 올릴 수 있다. 그리고 밑에는 인풋창에다가 입력해서 대기자명단을 작성할 수 있고 입장이 밑줄이 쳐지고 나감을 누르면 명단에서 지워진다. 2.counter 만들기 아래 사진을 설명하면 다음과 같다. 1. 액션과, 액션 생성함수, state의 초기상태를 설정해주고 dispatch에게 전달 받을 리듀서가 들어가 있는 모듈을 만들어준다. 2.combineReducers로 리듀서를 넣어준다.(리듀서.. Redux -기본개념 오늘은 미팅을 가지고 쉽다의 레거시코드를 받을 수 있었다. 그런데 그동안 봤던 코드 중 가장 복잡하고 이해하기 힘들었다. 그래서 이번 주에 정해진 Sprint를 진행하기 위한 Task 작성을 해야하는데 너무 모르겠어서 세분화를 할 수가 없었다. 그래서 우선 레거시 코드에 사용된 스택 공부가 선행되어야 할 것 같아서 이번에는 redux에 대하여 공부를 해보려고 한다. 1.Redux의 기본 개념 Redux를 실습하기 전 알아야하는 키워드들이 있다. 1-1. 액션(Action) 상태에 어떠한 변화가 필요하게 될 때 액션이란 것을 발생시켜야 한다. 하나의 객체로 표현이 된다. type은 반드시 들어가야하고, 그 외 값들은 마음대로 넣을 수 있다. { type: "TOGGLE_VALUE" } 1-2 액션 생성함수.. 4주 프로젝트 React testing library 2 보호되어 있는 글입니다. 4주 프로젝트 - React testing library 1 보호되어 있는 글입니다. 이전 1 다음
