나머지 파일들을 봅세다. 커스텀훅이 들어있었네요 하하 import {useDispatch} from 'react-redux'; import {useNavigate} from 'react-router-dom'; import {closePublicModal} from '../../redux/modules/publicModalSlice'; import {closeAddModal} from '../../redux/modules/modalSlice'; function PublicHook() { // 딱히 받는 인자는 없고 const dispatch = useDispatch(); //스테이트변경 리랜더링을 위한 디스패치 const navigate = useNavigate(); //라우트 이동을 위한 네비게이트 co..

지원님의 메인페이지에서 리스트를 누르면 해당리스트의 상세페이지로 역할한다. import {CancelButton, SubButton} from '../components/UI/Button'; //커스텀 버튼 다운 import {useNavigate, useParams} from 'react-router-dom'; // 리스트 아이디를 받아올 유즈파람스 import {auth} from '../shared/firebase'; import styled from 'styled-components'; import React from 'react'; import {useEffect} from 'react'; import {toast} from 'react-toastify'; import {useDispatch} ..

회원가입 페이지를 봅세다. import React, {useState} from 'react'; import Button from '../components/UI/Button'; import {createUserWithEmailAndPassword, updateProfile} from 'firebase/auth'; import {auth} from '../shared/firebase'; import styled from 'styled-components'; import {useNavigate} from 'react-router-dom'; import {toast} from 'react-toastify'; const Register = () => { const navigate = useNavigate();..

오늘은 미희님이 짜신 코드중에서 로그인과 회원가입을 봅세다. import React, {useState} from 'react'; import Button from '../components/UI/Button'; import {signInWithEmailAndPassword, signInWithPopup} from 'firebase/auth'; //이거는 단순한 로그인 import {auth} from '../shared/firebase'; // 두번째 인자는 뭐지? import styled from 'styled-components'; import {useNavigate} from 'react-router-dom'; import {toast} from 'react-toastify'; import {Go..

어제하다만 파일을 봅시당 그전에 파이어베이스 기본설정을 보자 import {initializeApp} from 'firebase/app'; //전체적으로 파이어베이스 초기설정하기 import {getAuth} from 'firebase/auth'; import {getFirestore} from '@firebase/firestore'; import {getStorage} from 'firebase/storage'; //각각 authenication firestore storaged 에서 데이터 //받는 함수 const firebaseConfig = { apiKey: process.env.REACT_APP_FIREBASE_API_KEY, authDomain: process.env.REACT_APP_FIRE..

우리팀이 짠코드를 들여다 봅시다. export default function Homepage() { const navigate = useNavigate(); const {isLogin} = useSelector(state => state.auth); useReadFirestore(); const list = useSelector(state => state.fixList); return ( 최근 Fix 한 곳 {isLogin ? : } //내가 만든 홈페이지 작스에는 //로그인시 들어갈수 있는 AddNew 컴포넌트가 있다 팀원 혜민님 이 만드심 들여다 봅시다. state.modal); //스토어에서 모달 불러오시고 const dispatch = useDispatch(); const openWriteModa..