import React, { useState, useEffect, useCallback } from "react";import styled from "styled-components";import { auth } from "../firebase";import { updateDoc, doc, getDoc, deleteDoc } from "firebase/firestore";import { getDownloadURL, ref } from "firebase/storage";import { db, storage } from "../firebase";import { onAuthStateChanged } from "firebase/auth";// 스타일 컴포넌트 정의const Wrapper = styled.div`..

import styled from "styled-components";import { db, storage } from "../firebase";import React, { useState, useEffect, useCallback } from "react";import { getDownloadURL, ref, uploadBytes } from "firebase/storage";import { updateProfile } from "firebase/auth";import { getDoc, updateDoc, doc, collection, query, where, getDocs, deleteDoc } from "firebase/firestore";import { useParams } from "react-..

import styled from "styled-components";const Wrapper = styled.div` height: 100vh; width: 100vw; /* 화면 전체 너비 설정 */ display: flex; justify-content: center; align-items: center;`;const Text = styled.span` font-family: pretendard-regular; font-weight: 600; font-size: 1.5rem; color: #333;`;export default function LoadingScreen(){ return 불러오는 중 ..}

import React, { useEffect } from "react";import { GoogleAuthProvider, GithubAuthProvider, signInWithRedirect, getRedirectResult,} from "firebase/auth";import { auth } from "../firebase"; // Firebase 설정import { useNavigate } from "react-router-dom";import styled from "styled-components";import { getDoc, setDoc, doc } from "firebase/firestore";import { db } from "../firebase";const Button = st..

import { createUserWithEmailAndPassword, updateProfile } from "firebase/auth";import { auth } from "../firebase";import { useState } from "react";import { Link, useNavigate } from "react-router-dom";import { FirebaseError } from "firebase/app";import GithubButton from "../component/github-btn";import styled from "styled-components";const Switcher = styled.p` color: white; a { color..

import { auth } from "../firebase";import React from "react";import { useState } from "react";import { Link, useNavigate } from "react-router-dom";import { FirebaseError } from "firebase/app";import { signInWithEmailAndPassword } from "firebase/auth";import GithubButton from "../component/github-btn";import styled from "styled-components";const Switcher = styled.p` color: white; a { ..