$$config title: [Code] 카카오뱅크 게시판 / Notice.jsx keywords: - IT $$ ## 카카오뱅크 공지사항 게시판 ### Notice.jsx - 공지사항 게시판 메인페이지 ```js // Notice.jsx import React, { useEffect, useState } from "react"; import NoticeTopMenu from "../notice/NoticeTopMenu"; import NoticeBottom from "./NoticeBottom"; import "../styles/Notice.css"; import axios from "axios"; import NoticeEdit from "./NoticeEdit"; import NoticeList from "./NoticeList"; import moment from "moment"; import "moment/locale/ko"; import { Link } from "react-router-dom"; import Posts from "./Posts"; const Notice = () => { const [notice, setNotice] = useState([]); const [selectNotice, setSelectNotice] = useState(null); const [insertToggle, setInsertToggle] = useState(false); const [error, setError] = useState(null); const [isLoading, setIsLoading] = useState(true); const [posts, setPosts] = useState([]); const [limit, setLimit] = useState(10); const [page, setPage] = useState(1); const onToggle = async (id) => { try { const data = await axios.patch( `http://localhost:4000/kakaobank/abc/${id}` ); setNotice(data.data); } catch (e) { setError(e); } }; const onInsertToggle = () => { setInsertToggle((prev) => !prev); }; useEffect(() => { const getData = async () => { try { const data = await axios({ url: "http://localhost:4000/kakaobank", method: "get", }); setNotice(data.data); setIsLoading(false); } catch (e) { setError(e); } }; getData(); }, []); if (error) { console.log(error); return <>에러:{error.message}; } if (isLoading) { return <>Loading...; } return (

공지사항

{/*

페이지 당 표시할 게시물 수:

*/}

No 제목 등록일

{/* {insertToggle && ( )} */}

); }; export default Notice; ```