juni

import { useEffect, useState } from 'react';import { useAddVideo } from '../lib/supabase/videoApi';import { searchYouTubeVideos } from '../lib/api/youtubeAPI';import { ToastContainer, toast } from 'react-toastify';import { supabase } from '../lib/supabase/supabase';import { useInView } from 'react-intersection-observer';import { useInfiniteQuery } from '@tanstack/react-query';const ITEMS_PER_PAG..

import { useState } from 'react';import { useAddVideo } from '../lib/supabase/videoApi';import { searchYouTubeVideos } from '../lib/api/youtubeAPI';import { ToastContainer, toast } from 'react-toastify';const MainPage = () => {  const [query, setQuery] = useState('');  const [searchResults, setSearchResults] = useState([]);  const addVideoMutation = useAddVideo();  const searchVideos = async (e)..

"dependencies": {    "@tanstack/react-query": "^5.44.0",    "@tanstack/react-query-devtools": "^5.45.0",    "autoprefixer": "^10.4.19",    "axios": "^1.7.2",    "immer": "^10.1.1",    "json-server": "^1.0.0-beta.1",    "postcss": "^8.4.38",    "react": "^18.2.0",    "react-dom": "^18.2.0",    "react-router-dom": "^6.23.1",    "react-toastify": "^10.0.5",    "styled-components": "^6.1.11",    "ta..

금요일 발표 진행

금요일 발표 준비를 Figma에서 수행

import { useRef, useState } from 'react';import { Quill } from 'react-quill';import 'react-quill/dist/quill.snow.css';import { useDispatch, useSelector } from 'react-redux';import { useNavigate } from 'react-router-dom';import { createPost } from '../../redux/slices/postSlice';import { supabase } from '../../service/supabase';import {  Button,  ButtonContainer,  Container,  // Subtitle,  Form,  ..

뉴스피드를 진행하며 게시글 CRUD를 맡았는데 Quill에디터를 쓰고 supabase DB를 내가 주로 다루다보니 UI 및 코드 가독성 향상을 위해 개선을 함 import { useState, useRef } from 'react';import { useDispatch } from 'react-redux';import { useNavigate } from 'react-router-dom';import { createPost } from '../../redux/slices/postSlice';import { supabase } from '../../service/supabase';import { Quill } from 'react-quill';import 'react-quill/dist/quill.snow..

import { useState, useRef, useEffect } from 'react';import { useDispatch } from 'react-redux';import { useNavigate } from 'react-router-dom';import { createPost } from '../../redux/slices/postSlice';import { Quill } from 'react-quill';import {  Wrapper,  Container,  Header,  Title,  Subtitle,  Form,  Label,  Input,  StyledReactQuill,  ButtonContainer,  Button} from './WritePostPage.styles';const..