diff --git a/components/board/notice/notice.table.jsx b/components/board/notice/notice.table.jsx index 570b939..04f8915 100644 --- a/components/board/notice/notice.table.jsx +++ b/components/board/notice/notice.table.jsx @@ -4,6 +4,7 @@ import { Table } from 'semantic-ui-react' const NoticeTable = ({notices}) => { + const duration = moment(end_datetime).diff(moment(start_datetime), 'hours'); return ( id.제목 + 내용이미지 - 메모게시 일자클릭수 - @@ -32,10 +32,14 @@ const NoticeTable {notice.title} - {notice.content} - {moment(notice.created_at). - format('YYYY-MM-DD HH:mm')} + {notice.content} + + + + + + {notice.start_datetime} ~ {notice.end_datetime} ({Number(duration/24).toFixed(0)}일 {duration%24}시간) {notice.click_count} diff --git a/pages/board/notice/create.jsx b/pages/board/notice/create.jsx index 64ce867..e51eec4 100644 --- a/pages/board/notice/create.jsx +++ b/pages/board/notice/create.jsx @@ -12,7 +12,7 @@ const NoticeCreatePage = () => { const router = useRouter(); const [title, setTitle] = useState('') - const [memo, setMemo] = useState() + const [content, setContent] = useState() const [link, setLink] = useState() const [start_datetime, setStartDatetime] = useState() const [end_datetime, setEndDatetime] = useState() @@ -22,7 +22,7 @@ const NoticeCreatePage = () => { const handleSubmit = async () => { const body = { 'title': title, - 'memo': memo, + 'content': content, 'link': link, 'start_datetime': start_datetime, 'end_datetime': end_datetime, @@ -62,13 +62,13 @@ const NoticeCreatePage = () => { /> - 공지사항은 이미지가 업로드 되어야 게시됩니다. 이미지 업로드는 공지사항 생성 후, 등록 할 수 있습니다. + 공지사항 이미지 업로드는 공지사항 생성 후, 등록 할 수 있습니다. setMemo(e.target.value)} + label={'내용'} + onChange={e => setContent(e.target.value)} /> { const [deleteModalOpen, setDeleteModalOpen] = useState(false) const [title, setTitle] = useState(noticeInfo.title) - const [memo, setMemo] = useState(noticeInfo.memo) + const [content, setContent] = useState(noticeInfo.content) const [link, setLink] = useState(noticeInfo.link) const [start_datetime, setStartDatetime] = useState(noticeInfo.start_datetime) const [end_datetime, setEndDatetime] = useState(noticeInfo.end_datetime) @@ -25,7 +25,7 @@ const NoticeUpdatePage = ({ noticeInfo }) => { const handleSubmit = async () => { const body = { 'title': title, - 'memo': memo, + 'content': content, 'link': link, 'start_datetime': start_datetime, 'end_datetime': end_datetime, @@ -61,14 +61,14 @@ const NoticeUpdatePage = ({ noticeInfo }) => { /> - 공지사항은 이미지가 업로드 되어야 게시됩니다. + 공지사항은 이미지 업로드는 공지사항 생성 후, 수정 페이지에서 가능합니다. setMemo(e.target.value)} + label={'내용'} + value={content} + onChange={e => setContent(e.target.value)} />