App.css@font-face { font-family: 'Pretendard-Regular'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal;}/* 레이아웃 전체 */body, html, #root { margin: 0; padding: 0; width: 100vw; height: 100vh; font-family: 'Pretendard-Regular'; display: flex; overflow-y: scroll; /* 세로 스크롤 가능 */ ::-we..

import styled from "styled-components";import { collection, getDoc, limit, onSnapshot, orderBy, query,} from "firebase/firestore";import React, { useState, useEffect } from "react";import Modal from "react-modal";import Post from "./post";import { auth, db } from "../firebase";Modal.setAppElement("#root");const Wrapper = styled.div` @media (max-width: 600px) { flex-direction: column; /..

import { addDoc, collection, updateDoc, serverTimestamp } from "firebase/firestore";import React, { useState } from "react";import styled from "styled-components";import { auth, db, storage } from "../firebase";import { getDownloadURL, ref, uploadBytes } from "firebase/storage";import ReactQuill from 'react-quill';import { useNavigate } from "react-router-dom";import 'react-quill/dist/quill.snow..

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 불러오는 중 ..}