$$config title: [Code] 카카오뱅크 게시판 / NoticeContents.jsx keywords: - IT $$ ### NoticeContents.jsx ```js // NoticeContents.jsx import React, { useEffect, useState } from "react"; import axios from "axios"; import { Link } from "react-router-dom"; import { useParams } from "react-router-dom"; import "../styles/Notice.css"; import "../styles/NoticeContents.css"; import "../styles/Bottom.css"; import NoticeTopMenu from "./NoticeTopMenu"; import NoticeBottom from "./NoticeBottom"; import Date from "./Date"; const NoticeContents = () => { const [contentItem, setContentItem] = useState([]); const [selectNotice, setSelectNotice] = useState(null); const [insertToggle, setInsertToggle] = useState(false); const [error, setError] = useState(null); const { id } = useParams(); useEffect(() => { getItem(id); }, [id]); const getItem = async (id) => { try { const data = await axios.get(`http://localhost:4000/kakaobank/${id}`); setContentItem(data.data); } catch (e) { setError(e); } }; const onInsertToggle = () => { setInsertToggle((prev) => !prev); }; const onRemove = async (id) => { const data = await axios.delete(`http://localhost:4000/kakaobank/${id}`); setContentItem(data.data); }; const Datedate = (contentItem.reg_date || "").split("T"); return (

공지사항

{contentItem.title}

{Datedate[0]}

{contentItem.contents}

); }; export default NoticeContents; ```