프로젝트12 [재활용 프로젝트][리액트] 재활용 플랫폼 완성 https://sejong-reuse-hub.vercel.app/ Sejong Reuse Hub sejong-reuse-hub.vercel.app재활용 플랫폼 링크 한 학기 하면서 드디어 프로젝트를 끝냈다. 초반에 느슨하게 하다가 막판에 몰아 달린 것 같다. 프로젝트를 하면서 많은 것을 배웠고 아직도 갈길이 멀지만 나름 완성하고 보니 성장한 것 같아 뿌듯하다. 메인 페이지 지도 화면 게시물 등록하는 페이지 게시물 페이지 2024. 6. 11. [재활용 프로젝트][리액트] post edit page 구현 목차 완성된 모습 PostEditPage 코드 구현이미지 파일 수정은 추후 수정 예정import { useNavigate, useParams } from 'react-router-dom';import { useCallback, useEffect, useState } from 'react';import { Button } from '@mui/material';import { useRecoilState } from 'recoil';import { UserInterface } from 'configs/interface/UserInterface';import { userState } from 'store/atom/UserAtom';import { Position } from 'configs/interface/K.. 2024. 6. 7. [리액트][재활용 프로젝트] 댓글 crud 구현 목차 완성된 모습 crud를 위한 로직 코딩 (usequery이용)시험기간이라 급하게 하다보니 조잡하다.. const { data } = useQuery({ //read 구현 queryKey: [`comments/${boardId}`], //쿼리키 queryFn: ({ signal }) => getData(`boards/${boardId}/comments`, signal), }); const { mutate } = useMutation({ //create 구현 mutationFn: postComment, onSuccess: () => { queryClient.invalidateQueries({ //데이터가 즉각 stale 상태(데이터가 만료된 상태)가 되어.. 2024. 6. 7. [php] 공부 정리 게시물 올리기 목차 완성한 모습 주석을 달아서 주요 로직은 설명했다코드가 너무 길어서 필요한 부분만 따로 뺸 것이므로 참고하고 수정하면 좋을 것 같다. html폼 작성 코드 //이미지 삽입을 해서 enctype써야함 User Category User Content User Summary .. 2024. 5. 25. 이전 1 2 3 다음 728x90
