GoPlan

GoPlan 도전해야 하는 일들을 포스팅하고 실현하세요! react-redux & firebase 를 공부하며 만든 프로젝트 입니다. React & FireBase App React-Redux 상태관리 React-router-dom SPA방식 App FireBase를 사용한 로그인 기능 구현. Learn React Redux thunk Fireba...

프로젝트 셋팅 create-react-app goplan 프로젝트를 생성. 기본 모듈 설치 `yarn add redux react-redux redux-thunk react-router-dom` 기능에 집중하기 위해 일단은 Materialize Css 를 사용해 스타일링을 하고 마지막에 scss 를 적용하려고 한다. 폴더 구조 image.png 매번...

Redux 연동 redux에 관련된 파일들을 작성할 store 폴더에 reducers actions 두 가지 하위 폴더를 만들어 준다. Reducers reducers 폴더에는 아래와 같은 파일을 생성한다. projectReducer.js // 프로젝트를 생성하는 리듀서 authReducer.js // 로그인 인증 리듀서 rootReducer.js...

사용자 인증 Firebase Authentication 에서 테스트용 사용자를 추가한다. image.png 사용사 인증 action을 생성할 authActions.js 파일을 작성 store/ authActions.js SignIn 컴포넌트에 액션을 연결해준다. SignIn.js 처음에 생성해둔 테스트용 사용자를 이메일 비밀번호를 사용해 액션이 잘...

완성한 리엑트 프로젝트를 라이브 서버에 연결하기위한 Firebase 호스팅 연결 방법을 배워보고 싶어서 아래 블로들을 참조해서 연동했습니다. 정리를 잘 해두셔서 링크만 연결해 둡니다. 참조 https://forest71.tistory.com/169 https://codingmania.tistory.com/298