diff --git a/deblog/.gitignore b/deblog/.gitignore index e24f0a3..24dcf71 100644 --- a/deblog/.gitignore +++ b/deblog/.gitignore @@ -4,8 +4,11 @@ /node_modules /.pnp .pnp.js + + # api -./component/server/Auth.js +server + # testing diff --git a/deblog/src/component/guestbook/Book.js b/deblog/src/component/guestbook/Book.js index c4a5fb1..fac237a 100644 --- a/deblog/src/component/guestbook/Book.js +++ b/deblog/src/component/guestbook/Book.js @@ -34,6 +34,7 @@ const Book = () => { }).then(res => { const { data } = res; + console.log(data) setBook(data) }).catch(err => { console.log(err) @@ -41,8 +42,17 @@ const Book = () => { } receiveServer(); }, [chechBook]); + const deletData = async () => {//삭제기능 코드 + await api.delete("about/comments/clear", { + + }).catch(err => { + console.log(err) + }) + } + return ( + {book && book.map(element => ( { - const { writername, body } = props.items + const { writername, body, docType } = props.items return ( +

{docType}

{writername}

{body}

diff --git a/deblog/src/component/guestbook/BookForm.js b/deblog/src/component/guestbook/BookForm.js index 434551d..f5a20e6 100644 --- a/deblog/src/component/guestbook/BookForm.js +++ b/deblog/src/component/guestbook/BookForm.js @@ -3,6 +3,7 @@ import BookContentInput from "./BookContentInput"; import BookNameInput from "./BookNameInput"; import BookButton from "./BookButton"; import api from "../server/Auth"; +import BookSelect from "./BookSelect"; import { useDispatch } from "react-redux"; import { BookActions } from "../../store/Book-slice"; @@ -28,15 +29,18 @@ const BookForm = () => { const submitForm = (event) => { event.preventDefault(); const { target } = event; + const { type } = target; const { id } = target; const { content } = target; - SubmitServer(id.value, content.value) + console.log(type.value, id.value, content.value) + SubmitServer(type.value, id.value, content.value) receiveServer() } - const SubmitServer = async (id, content) => {//서버에 데이터를 제출하는코드 + const SubmitServer = async (type, id, content) => {//서버에 데이터를 제출하는코드 await api.post(`about/comments/upload`, { writername: id, + docType: type, body: content }).catch(err => { console.log(err) @@ -53,21 +57,13 @@ const BookForm = () => { }) } - const deletData = async () => {//삭제기능 코드 - await api.delete("about/comments/clear", { - - }).catch(err => { - console.log(err) - }) - } - return (
+ -
) diff --git a/deblog/src/component/guestbook/BookSelect.js b/deblog/src/component/guestbook/BookSelect.js new file mode 100644 index 0000000..006d90e --- /dev/null +++ b/deblog/src/component/guestbook/BookSelect.js @@ -0,0 +1,19 @@ +import styled from "styled-components"; + +const StyledBookSelect = styled.select` + + +` + +const BookSelect = () => { + + return ( + + + + + + ) +} + +export default BookSelect \ No newline at end of file diff --git a/deblog/src/component/menuBar/MenuBar.js b/deblog/src/component/menubar/MenuBar.js similarity index 100% rename from deblog/src/component/menuBar/MenuBar.js rename to deblog/src/component/menubar/MenuBar.js diff --git a/deblog/src/component/menuBar/MenuBar.module.css b/deblog/src/component/menubar/MenuBar.module.css similarity index 100% rename from deblog/src/component/menuBar/MenuBar.module.css rename to deblog/src/component/menubar/MenuBar.module.css diff --git a/deblog/src/component/server/Auth.js b/deblog/src/component/server/Auth.js deleted file mode 100644 index dfe9733..0000000 --- a/deblog/src/component/server/Auth.js +++ /dev/null @@ -1,9 +0,0 @@ -import axios from "axios" - - -const api = axios.create({ - baseURL: "http://34.132.35.80:3000/", - timeout: 6000 -}); - -export default api; \ No newline at end of file