diff --git a/deblog/package-lock.json b/deblog/package-lock.json index 377151e..ef81509 100644 --- a/deblog/package-lock.json +++ b/deblog/package-lock.json @@ -22,6 +22,7 @@ "react-router-dom": "^6.4.1", "react-scripts": "5.0.1", "redux": "^4.2.0", + "rehype-raw": "^6.1.1", "remark-gfm": "^3.0.1", "styled-components": "^5.3.6", "web-vitals": "^2.1.4" @@ -4166,6 +4167,11 @@ "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz", "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==" }, + "node_modules/@types/parse5": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/@types/parse5/-/parse5-6.0.3.tgz", + "integrity": "sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==" + }, "node_modules/@types/prettier": { "version": "2.7.1", "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.1.tgz", @@ -8929,6 +8935,94 @@ "url": "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/sponsors/ljharb" } }, + "node_modules/hast-to-hyperscript": { + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/hast-to-hyperscript/-/hast-to-hyperscript-10.0.1.tgz", + "integrity": "sha512-dhIVGoKCQVewFi+vz3Vt567E4ejMppS1haBRL6TEmeLeJVB1i/FJIIg/e6s1Bwn0g5qtYojHEKvyGA+OZuyifw==", + "dependencies": { + "@types/unist": "^2.0.0", + "comma-separated-tokens": "^2.0.0", + "property-information": "^6.0.0", + "space-separated-tokens": "^2.0.0", + "style-to-object": "^0.3.0", + "unist-util-is": "^5.0.0", + "web-namespaces": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-from-parse5": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-7.1.0.tgz", + "integrity": "sha512-m8yhANIAccpU4K6+121KpPP55sSl9/samzQSQGpb0mTExcNh2WlvjtMwSWFhg6uqD4Rr6Nfa8N6TMypQM51rzQ==", + "dependencies": { + "@types/hast": "^2.0.0", + "@types/parse5": "^6.0.0", + "@types/unist": "^2.0.0", + "hastscript": "^7.0.0", + "property-information": "^6.0.0", + "vfile": "^5.0.0", + "vfile-location": "^4.0.0", + "web-namespaces": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-parse-selector": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-3.1.0.tgz", + "integrity": "sha512-AyjlI2pTAZEOeu7GeBPZhROx0RHBnydkQIXlhnFzDi0qfXTmGUWoCYZtomHbrdrheV4VFUlPcfJ6LMF5T6sQzg==", + "dependencies": { + "@types/hast": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-raw": { + "version": "7.2.2", + "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.2.tgz", + "integrity": "sha512-0x3BhhdlBcqRIKyc095lBSDvmQNMY3Eulj2PLsT5XCyKYrxssI5yr3P4Kv/PBo1s/DMkZy2voGkMXECnFCZRLQ==", + "dependencies": { + "@types/hast": "^2.0.0", + "@types/parse5": "^6.0.0", + "hast-util-from-parse5": "^7.0.0", + "hast-util-to-parse5": "^7.0.0", + "html-void-elements": "^2.0.0", + "parse5": "^6.0.0", + "unist-util-position": "^4.0.0", + "unist-util-visit": "^4.0.0", + "vfile": "^5.0.0", + "web-namespaces": "^2.0.0", + "zwitch": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, + "node_modules/hast-util-to-parse5": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-7.0.0.tgz", + "integrity": "sha512-YHiS6aTaZ3N0Q3nxaY/Tj98D6kM8QX5Q8xqgg8G45zR7PvWnPGPP0vcKCgb/moIydEJ/QWczVrX0JODCVeoV7A==", + "dependencies": { + "@types/hast": "^2.0.0", + "@types/parse5": "^6.0.0", + "hast-to-hyperscript": "^10.0.0", + "property-information": "^6.0.0", + "web-namespaces": "^2.0.0", + "zwitch": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, "node_modules/hast-util-whitespace": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.0.tgz", @@ -8938,6 +9032,22 @@ "url": "https://opencollective.com/unified" } }, + "node_modules/hastscript": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-7.1.0.tgz", + "integrity": "sha512-uBjaTTLN0MkCZxY/R2fWUOcu7FRtUVzKRO5P/RAfgsu3yFiMB1JWCO4AjeVkgHxAira1f2UecHK5WfS9QurlWA==", + "dependencies": { + "@types/hast": "^2.0.0", + "comma-separated-tokens": "^2.0.0", + "hast-util-parse-selector": "^3.0.0", + "property-information": "^6.0.0", + "space-separated-tokens": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, "node_modules/he": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", @@ -9041,6 +9151,15 @@ "node": ">=12" } }, + "node_modules/html-void-elements": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-2.0.1.tgz", + "integrity": "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==", + "funding": { + "type": "github", + "url": "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/sponsors/wooorm" + } + }, "node_modules/html-webpack-plugin": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz", @@ -15691,6 +15810,20 @@ "jsesc": "bin/jsesc" } }, + "node_modules/rehype-raw": { + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/rehype-raw/-/rehype-raw-6.1.1.tgz", + "integrity": "sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==", + "dependencies": { + "@types/hast": "^2.0.0", + "hast-util-raw": "^7.2.0", + "unified": "^10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, "node_modules/relateurl": { "version": "0.2.7", "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz", @@ -17664,6 +17797,19 @@ "url": "https://opencollective.com/unified" } }, + "node_modules/vfile-location": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-4.0.1.tgz", + "integrity": "sha512-JDxPlTbZrZCQXogGheBHjbRWjESSPEak770XwWPfw5mTc1v1nWGLB/apzZxsx8a0SJVfF8HK8ql8RD308vXRUw==", + "dependencies": { + "@types/unist": "^2.0.0", + "vfile": "^5.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, "node_modules/vfile-message": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.2.tgz", @@ -17724,6 +17870,15 @@ "minimalistic-assert": "^1.0.0" } }, + "node_modules/web-namespaces": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz", + "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==", + "funding": { + "type": "github", + "url": "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/sponsors/wooorm" + } + }, "node_modules/web-vitals": { "version": "2.1.4", "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-2.1.4.tgz", @@ -21465,6 +21620,11 @@ "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz", "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==" }, + "@types/parse5": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/@types/parse5/-/parse5-6.0.3.tgz", + "integrity": "sha512-SuT16Q1K51EAVPz1K29DJ/sXjhSQ0zjvsypYJ6tlwVsRV9jwW5Adq2ch8Dq8kDBCkYnELS7N7VNCSB5nC56t/g==" + }, "@types/prettier": { "version": "2.7.1", "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.1.tgz", @@ -24955,11 +25115,91 @@ "has-symbols": "^1.0.2" } }, + "hast-to-hyperscript": { + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/hast-to-hyperscript/-/hast-to-hyperscript-10.0.1.tgz", + "integrity": "sha512-dhIVGoKCQVewFi+vz3Vt567E4ejMppS1haBRL6TEmeLeJVB1i/FJIIg/e6s1Bwn0g5qtYojHEKvyGA+OZuyifw==", + "requires": { + "@types/unist": "^2.0.0", + "comma-separated-tokens": "^2.0.0", + "property-information": "^6.0.0", + "space-separated-tokens": "^2.0.0", + "style-to-object": "^0.3.0", + "unist-util-is": "^5.0.0", + "web-namespaces": "^2.0.0" + } + }, + "hast-util-from-parse5": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-7.1.0.tgz", + "integrity": "sha512-m8yhANIAccpU4K6+121KpPP55sSl9/samzQSQGpb0mTExcNh2WlvjtMwSWFhg6uqD4Rr6Nfa8N6TMypQM51rzQ==", + "requires": { + "@types/hast": "^2.0.0", + "@types/parse5": "^6.0.0", + "@types/unist": "^2.0.0", + "hastscript": "^7.0.0", + "property-information": "^6.0.0", + "vfile": "^5.0.0", + "vfile-location": "^4.0.0", + "web-namespaces": "^2.0.0" + } + }, + "hast-util-parse-selector": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-3.1.0.tgz", + "integrity": "sha512-AyjlI2pTAZEOeu7GeBPZhROx0RHBnydkQIXlhnFzDi0qfXTmGUWoCYZtomHbrdrheV4VFUlPcfJ6LMF5T6sQzg==", + "requires": { + "@types/hast": "^2.0.0" + } + }, + "hast-util-raw": { + "version": "7.2.2", + "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.2.tgz", + "integrity": "sha512-0x3BhhdlBcqRIKyc095lBSDvmQNMY3Eulj2PLsT5XCyKYrxssI5yr3P4Kv/PBo1s/DMkZy2voGkMXECnFCZRLQ==", + "requires": { + "@types/hast": "^2.0.0", + "@types/parse5": "^6.0.0", + "hast-util-from-parse5": "^7.0.0", + "hast-util-to-parse5": "^7.0.0", + "html-void-elements": "^2.0.0", + "parse5": "^6.0.0", + "unist-util-position": "^4.0.0", + "unist-util-visit": "^4.0.0", + "vfile": "^5.0.0", + "web-namespaces": "^2.0.0", + "zwitch": "^2.0.0" + } + }, + "hast-util-to-parse5": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-7.0.0.tgz", + "integrity": "sha512-YHiS6aTaZ3N0Q3nxaY/Tj98D6kM8QX5Q8xqgg8G45zR7PvWnPGPP0vcKCgb/moIydEJ/QWczVrX0JODCVeoV7A==", + "requires": { + "@types/hast": "^2.0.0", + "@types/parse5": "^6.0.0", + "hast-to-hyperscript": "^10.0.0", + "property-information": "^6.0.0", + "web-namespaces": "^2.0.0", + "zwitch": "^2.0.0" + } + }, "hast-util-whitespace": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.0.tgz", "integrity": "sha512-Pkw+xBHuV6xFeJprJe2BBEoDV+AvQySaz3pPDRUs5PNZEMQjpXJJueqrpcHIXxnWTcAGi/UOCgVShlkY6kLoqg==" }, + "hastscript": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-7.1.0.tgz", + "integrity": "sha512-uBjaTTLN0MkCZxY/R2fWUOcu7FRtUVzKRO5P/RAfgsu3yFiMB1JWCO4AjeVkgHxAira1f2UecHK5WfS9QurlWA==", + "requires": { + "@types/hast": "^2.0.0", + "comma-separated-tokens": "^2.0.0", + "hast-util-parse-selector": "^3.0.0", + "property-information": "^6.0.0", + "space-separated-tokens": "^2.0.0" + } + }, "he": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", @@ -25052,6 +25292,11 @@ "terser": "^5.10.0" } }, + "html-void-elements": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-2.0.1.tgz", + "integrity": "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==" + }, "html-webpack-plugin": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz", @@ -29578,6 +29823,16 @@ } } }, + "rehype-raw": { + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/rehype-raw/-/rehype-raw-6.1.1.tgz", + "integrity": "sha512-d6AKtisSRtDRX4aSPsJGTfnzrX2ZkHQLE5kiUuGOeEoLpbEulFF4hj0mLPbsa+7vmguDKOVVEQdHKDSwoaIDsQ==", + "requires": { + "@types/hast": "^2.0.0", + "hast-util-raw": "^7.2.0", + "unified": "^10.0.0" + } + }, "relateurl": { "version": "0.2.7", "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz", @@ -31011,6 +31266,15 @@ "vfile-message": "^3.0.0" } }, + "vfile-location": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-4.0.1.tgz", + "integrity": "sha512-JDxPlTbZrZCQXogGheBHjbRWjESSPEak770XwWPfw5mTc1v1nWGLB/apzZxsx8a0SJVfF8HK8ql8RD308vXRUw==", + "requires": { + "@types/unist": "^2.0.0", + "vfile": "^5.0.0" + } + }, "vfile-message": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.2.tgz", @@ -31061,6 +31325,11 @@ "minimalistic-assert": "^1.0.0" } }, + "web-namespaces": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz", + "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==" + }, "web-vitals": { "version": "2.1.4", "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-2.1.4.tgz", diff --git a/deblog/package.json b/deblog/package.json index ed59acd..387d582 100644 --- a/deblog/package.json +++ b/deblog/package.json @@ -2,7 +2,6 @@ "name": "deblog", "version": "0.1.0", "private": true, - "homepage": ".", "dependencies": { "@reduxjs/toolkit": "^1.9.0", "@testing-library/jest-dom": "^5.16.5", @@ -18,6 +17,7 @@ "react-router-dom": "^6.4.1", "react-scripts": "5.0.1", "redux": "^4.2.0", + "rehype-raw": "^6.1.1", "remark-gfm": "^3.0.1", "styled-components": "^5.3.6", "web-vitals": "^2.1.4" diff --git a/deblog/public/index.html b/deblog/public/index.html index d877a29..f581f1e 100644 --- a/deblog/public/index.html +++ b/deblog/public/index.html @@ -9,7 +9,9 @@ - + diff --git a/deblog/src/App.js b/deblog/src/App.js index a16d850..7e1c75d 100644 --- a/deblog/src/App.js +++ b/deblog/src/App.js @@ -2,7 +2,6 @@ import { BrowserRouter, Routes, Route } from "react-router-dom"; import AboutPage from "./page/AboutPage.js"; import TechPage from "./page/TechPage.js"; import ContactPage from "./page/ContactPage.js"; -import CulturePage from "./page/CulturePage.js"; import MainPage from "./page/MainPage.js"; import SubmitPage from "./page/SubmitPage.js"; import ReadyPage from "./page/ReadyPage.js"; @@ -15,7 +14,6 @@ function App() { //page로 router지정 } /> } /> } /> - } /> } /> } /> diff --git a/deblog/src/component/guestbook/BookContents.js b/deblog/src/component/guestbook/BookContents.js index 855a931..ac18949 100644 --- a/deblog/src/component/guestbook/BookContents.js +++ b/deblog/src/component/guestbook/BookContents.js @@ -2,7 +2,7 @@ import styled from "styled-components"; const StyledBookContents = styled.li` -@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap'); display:flex; flex-direction:column; justify-content: space-between; @@ -16,6 +16,7 @@ margin-right:1vw; margin-top:5vw; + background-color: #fffaf0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); list-style:none; @@ -41,7 +42,7 @@ box{ } p{ - font-family: 'Noto Sans KR', sans-serif; + font-family: 'Nanum Pen Script', cursive; } p.name{ font-size:1.8vw; diff --git a/deblog/src/component/submitMenu/SubmitButton.js b/deblog/src/component/submitMenu/SubmitButton.js index 58f5d2d..83cfb32 100644 --- a/deblog/src/component/submitMenu/SubmitButton.js +++ b/deblog/src/component/submitMenu/SubmitButton.js @@ -1,5 +1,9 @@ import styled from "styled-components"; import { Link } from "react-router-dom"; +import { useDispatch } from 'react-redux'; +import { PostActions } from "../../store/post-slice"; +import { useEffect } from "react"; +import { useRef } from "react"; const StyledSubmitButton = styled.button` @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300&display=swap'); @@ -12,26 +16,25 @@ background-color:#EFA4A4; font-size:20px; font-family: 'Noto Serif KR', serif; background-color:transparent; -:before{ - content: ""; + +::before{ + content: ""; position: absolute; top: 0; left: 0; - display: block; width: 100%; height: 100%; z-index: -1; - background-color: #000; + background-color: #0000; -webkit-transform: scaleY(.3); transform: scaleY(.3); - opacity: 0; - transition: all .3s - } + transition: all .3s; +} :hover{ color:#000000; } :hover::before{ - opacity: 1; +opacity: 1; background-color: #F8E5A2; -webkit-transform: scaleY(1); transform: scaleY(1); @@ -42,11 +45,29 @@ background-color:transparent; ` const SubmitButton = (props) => { - const text = props.text + const ref = useRef(); + const text = props.text; + const body = props.body; + const title = props.title; + useEffect(() => { + if (body === "" || title === "") { + ref.current.disabled = true; + } + else { + ref.current.disabled = false; + } + }, [body, title]) + const dispatch = useDispatch(); + + const Submitbody = () => { + dispatch(PostActions.submitPost({ body, title })) + } return ( - - {text} - + + + {text} + + ) } diff --git a/deblog/src/component/submitMenu/SubmitMenu.js b/deblog/src/component/submitMenu/SubmitMenu.js index fd9b95b..cb19ffb 100644 --- a/deblog/src/component/submitMenu/SubmitMenu.js +++ b/deblog/src/component/submitMenu/SubmitMenu.js @@ -13,10 +13,10 @@ background-color:#F5F5DC; padding:20px; ` -const SubmitMenu = () => { +const SubmitMenu = (props) => { return ( - + ) diff --git a/deblog/src/page/ReadyPage.js b/deblog/src/page/ReadyPage.js index 8ba666f..25360af 100644 --- a/deblog/src/page/ReadyPage.js +++ b/deblog/src/page/ReadyPage.js @@ -1,10 +1,22 @@ import classes from "./ReadyPage.module.css" +import { useSelector } from "react-redux"; -const ReadyPage = () => { +const ReadyPage = () => { + const body = useSelector(state => state.post.body) + const title = useSelector(state => state.post.title) return (
- +
+
+ + +
+
+ + +
+
) } diff --git a/deblog/src/page/ReadyPage.module.css b/deblog/src/page/ReadyPage.module.css index e69de29..4a4d1e7 100644 --- a/deblog/src/page/ReadyPage.module.css +++ b/deblog/src/page/ReadyPage.module.css @@ -0,0 +1,34 @@ +.main { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100vh; +} + +.input { + width: 250px; + height: 40px; + margin: 20%; +} + +.form { + display: flex; + justify-content: center; + align-items: center; + background-color: antiquewhite; + width: 700px; + height: 500px; + border-radius: 50px; +} + +.pt { + display: flex; + flex-direction: column; +} + +.btn { + width: 200px; + height: 50px; + margin: 20%; +} \ No newline at end of file diff --git a/deblog/src/page/SubmitPage.js b/deblog/src/page/SubmitPage.js index c21802c..d6be7ff 100644 --- a/deblog/src/page/SubmitPage.js +++ b/deblog/src/page/SubmitPage.js @@ -2,8 +2,8 @@ import ReactMarkdown from "react-markdown" import classes from "./SubmitPage.module.css" import { useState } from "react" import remarkGfm from 'remark-gfm' +import rehypeRaw from 'rehype-raw' import SubmitMenu from "../component/submitMenu/SubmitMenu" -import MenuBar from "../component/menubar/MenuBar" const SubmitPage = () => { @@ -13,7 +13,6 @@ const SubmitPage = () => { setTitle(event.target.value) } const contentChange = (event) => { - console.log(event.target.value) setcontent(event.target.value) } return ( @@ -22,11 +21,11 @@ const SubmitPage = () => {