기록창고

1. 프로젝트 목표 이번 프로젝트는 저번 프리프로젝트와는 다르게 정해진 주제가 없다. 그렇기에 팀원들과의 조율을 통해 적절한 주제를 선정해야 한다. 처음 우리 팀의 목표는 이커머스 서비스였다. 그리고 단순한 '이커머스 서비스'는 너무 두루뭉실한 주제이기에 명확한 목표를 선정해야 했다. 그리고 팀원들과의 회의를 통해, 우리 팀의 목표는 '에어캠프(Aircamp)'라는 이름의, '캠핑공간을 중심으로, 판매자는 공간을 등록하고 구매자는 해당 공간을 예약하고 결제할 수 있는 웹 서비스'로 선정하였다. 우선, 캠핑공간을 대여하는 서비스를 개발한 후, 시간적 여유가 된다면 운동장 등, 다른 공간도 대여할 수 있게 할 것이다. 2. 사용자 요구사항 정의서 본격적인 개발을 시작하기 전, 무슨 기능들이 필요할지 미리 ..

redux를 이용하는데 새로고침을 하면 state가 계속 날아가서 답답해하던 중, 알게 된 것이다. 이것만 있으면 새로고침도 두렵지 않다. redux-persist를 설치한다 (예: npm i redux-persist) root reducer를 persistConfig 설정한다. react의 index.js에 적용한다. // 2번 과정 import { combineReducers } from "redux"; import userReducer from "./userReducer"; import storage from "redux-persist/lib/storage";// localStorage를 이용한다고 한다. import { persistReducer } from "redux-persist"; // i..

1. Redux Redux는 상태 관리 라이브러리 중 하나. 전역 상태를 관리할 수 있는 저장소인 Store를 제공함. Redux의 상태 관리 순서 (Action -> Dispatch -> Reducer -> Store) 상태가 변경되어야 하는 이벤트가 발생하면, 변경될 상태에 대한 정보가 담긴 Action 객체가 생성됨. 이 Action 객체는 Dispatch 함수의 인자로 전달됨 Dispatch 함수는 Action 객체를 Reducer 함수로 전달해줌 Reducer 함수는 Action 객체의 값을 확인하고, 그 값에 따라 전역 상태 저장소 Store의 상태를 변경함 상태가 변경되면, React는 화면을 다시 렌더링함. 2. Store 상태가 관리되는 오직 하나뿐인 저장소 역할 createStore 메..