본문 바로가기

분류 전체보기

(105)
TeamProject_240603 (뉴스피드 프로젝트) 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..
TeamProject_240601 (뉴스피드 프로젝트) 📦src ┣ 📂api ┃ ┗ 📜supabaseClient.js ┣ 📂assets ┃ ┣ 📜back.png ┃ ┣ 📜ddabong.png ┃ ┣ 📜Dragonlogo3.png ┃ ┣ 📜github.png ┃ ┣ 📜loginbtn.png ┃ ┣ 📜nabc.png ┃ ┣ 📜notion.png ┃ ┣ 📜password.png ┃ ┗ 📜seach.png ┣ 📂components ┃ ┣ 📜Footer.jsx ┃ ┗ 📜Header.jsx ┣ 📂layouts ┃ ┣ 📜GlobalStyle.jsx ┃ ┗ 📜Layout.jsx ┣ 📂pages ┃ ┣ 📂AuthPage ┃ ┃ ┗ 📜AuthPage.jsx ┃ ┣ 📂DetailPage ┃ ┃ ┣ 📜DetailPage.jsx ┃ ┃ ┗..
SingleProject_240530 리액트 가계부 RTK 개선 import { createSlice } from "@reduxjs/toolkit";const initMonthData = Array.from({ length: 12 }, (_, i) => ({  id: i + 1,  month: `${i + 1}월`,  texts: [],}));const initialState = {  monthData: initMonthData,  selectedMonth: 1,};const accountBookSlice = createSlice({  initialState,  name: "accountBook",  reducers: {    updatedMonthData: (state, action) => {      const { monthId, text } = action.pa..
Study_240529 ( 알고리즘 )
SingleProject_240528 리액트 가계부 redux 📦src ┣ 📂assets ┃ ┗ 📜react.svg ┣ 📂components ┃ ┣ 📜AccountBookForm.jsx ┃ ┣ 📜Box.jsx ┃ ┣ 📜BoxContainer.jsx ┃ ┣ 📜GlobalStyle.jsx ┃ ┗ 📜TextBox.jsx ┣ 📂context ┃ ┗ 📜AccountBookContext.jsx ┣ 📂pages ┃ ┣ 📜Detail.jsx ┃ ┗ 📜Home.jsx ┣ 📂redux ┃ ┣ 📂config ┃ ┃ ┗ 📜configStore.js ┃ ┗ 📂slices ┃ ┃ ┗ 📜accountBookSlice.js ┣ 📜App.jsx ┗ 📜main.jsx import { createSlice } from "@reduxjs/toolkit";const..
Study_240527 (리액트 redux 간단 학습) import { useSelector, useDispatch } from "react-redux";import { addNumber, removeNumber } from "./redux/slices/counterSlice";import { useState } from "react";const App = () => {  const [count, setCount] = useState(0);  const counterReducer = useSelector((state) => state.counter);  const dispatch = useDispatch();  return (    div>      {counterReducer.number} br />      input        type="number"..
SingleProject_240526 리액트 가계부 context import { BrowserRouter, Route, Routes } from "react-router-dom";import Home from "./pages/Home";import Detail from "./pages/Detail";import GlobalStyle from "./components/GlobalStyle.jsx";import { AccountBookProvider } from "./context/AccountBookContext.jsx";function App() {  return (    AccountBookProvider>      BrowserRouter>        GlobalStyle />        Routes>          Route path="/" element=..
Study_240524 ( React ) 개인프로젝트_가계부 import { BrowserRouter, Route, Routes } from "react-router-dom";import Home from "./pages/Home";import Detail from "./pages/Detail";import GlobalStyle from "./components/GlobalStyle.jsx";function App() {  return (    BrowserRouter>      GlobalStyle />      Routes>        Route path="/" element={Home />} />        Route path="/detail/:id" element={Detail />} />      Routes>    BrowserRouter>  );}..