리액트15 [재활용 프로젝트][리액트] 재활용 플랫폼 완성 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. [재활용 프로젝트][리액트] 메인 화면 재구상하기 목차 저번 화면이 너무 구린 것 같아서 메인화면을 다시 다 갈아 엎었따..기존거에 디자인 참고해서 다시 한번 수정해 보았다. 변경 전 모습변경 후 모습 컴포넌트들의 배치를 한 코드import styles from './HomeContainer.module.scss';import MainMapBackGround from './MainMapBackground';import MainLogo from './MainLogo';import Content from './Content';function HomeContainer() { return ( );}export def.. 2024. 5. 23. [재활용 프로젝트][리액트] 카카오 api 카테고리 마커 세부화 목차 저번 카테고리별 마커에 적절한 이미지를 넣고 더 컴포넌트를 세부화 시켜 작성해 보았다. 완성 모습 컴포넌트의 세분화아래 코드를 보면 크게 컴포넌트를 카테고리, 사이드바, 프로필, 메뉴 4개로 만들었다.import { ReactElement } from 'react';import styles from './KakaoHeader.module.scss';import SideBar from '../sidebar/SideBar';import HeaderCategory from './HeaderCategory';import HeaderProfileMenu from './HeaderProfileMenu';// 카테고리 헤더function KakaoHeader(): ReactElement { // console.. 2024. 5. 13. 이전 1 2 3 4 다음 728x90
