개발환경 * react * typeScript * Firebase * react-query react-query로 데이터 가져오기 + firebase [api.ts] import { db } from '../shared/firebase'; import { collection, getDocs, orderBy, query, where } from 'firebase/firestore'; import { PostType } from '../types/Posts'; //관리자 (콘텐츠 by Mango) export const getAdminPostList = async (): Promise => { const q = query(collection(db, 'test'), where('role', '==', 'adm..

1. 오류 발생 파이어베이스 사용해서 로그인+로그아웃 기능 구현 => 로그아웃 클릭시 해당 오류 발생 2. 오류 원인 리코일을 사용해서 로그인 상태를 전역관리하였음 => 로그인 시 리코일을 사용해서 저장시 오류 발생 => readonly 형식의 데이터를 다른 데이터로 업데이트 하려고 했던 것 => 얕은 복사로 인한 오류 발생 3. 오류 해결 ★ 리코일의 깊은복사를 해주기 ★ 깊은 복사 방법 : JSON객체 사용 ( JSON은 텍스트로 변환되서 , 아닌 경우 오류 발생) JSON.parse(JSON.stringify(obj)); 문제를 같이 고민하고 해결해준 ㅅㅎ님👍 (+리코일 깊은 복사 내용 공유) https://github.com/firebase/firebase-js-sdk/issues/5722 sig..

새 글을 추가시, 파이어베이스에 데이터는 저장되는데 홈 화면에서 새로고침을 해야 데이터가 보이는 상황 1) WriteNewFix.jsx - dispatch(add(newData)); 새글 작성시 데이터 추가하는 부분에서 dispatch를 사용해서 리덕스로 상태값 변경요청 2) fixList.js import {createSlice} from '@reduxjs/toolkit'; const initialState = []; const listSlice = createSlice({ name: 'fixList', initialState, reducers: { setList: (state, action) => { return action.payload; }, addList: (state, action) => { ..

FireBase 주요 서비스 기능 (Authentication , Firestore , Storage ) 1. FireBase 개념 (1) 구글이 제공하는 서버리스(serverless) 플랫폼 ▶ 서버리스 : Firebase가 웹 서버 개발에 필요한 인프라 제공 => 개발자는 서버 관리 안해도 됨! : 서버 있음! : [사용 이유] 백엔드의 지 zerotonine2da.tistory.com (1) Firebase 프로젝트 추가 1. Firebase console 검색 후 로그인: https://console.firebase.google.com/ 2. 프로젝트 추가 - 프로젝트 이름 지정 - 애널리틱스 미사용 클릭 - 프로젝트 만들기 3. : 웹 클릭 - 앱 등록 (호스팅은 미체크 : 다른거 쓸 예정) -..