Make comment effect

@@ -3,6 +3,10 @@ const Sequelize = require('sequelize');
 module.exports = class Comment extends Sequelize.Model {
 module.exports = class Comment extends Sequelize.Model {
     static init(sequelize) {
     static init(sequelize) {
         return super.init({
         return super.init({
+            postid:{
+                type: Sequelize.INTEGER,
+                allowNull: false,
+            },
             userid:{
             userid:{
                 type: Sequelize.STRING(30),
                 type: Sequelize.STRING(30),
                 allowNull: false,
                 allowNull: false,
@@ -31,6 +35,6 @@ module.exports = class Comment extends Sequelize.Model {
 
 
 
 
     static associate(db) {
     static associate(db) {
-        db.Comment.belongsTo(db.Post,{foreignKey: 'postid', targetKey:'id' });
+        //db.Comment.belongsTo(db.Post,{foreignKey: 'postid', targetKey:'id' });
     }
     }
 };
 };
\ No newline at end of file

@@ -35,6 +35,5 @@ module.exports = class Post extends Sequelize.Model {
 
 
     static associate(db) {
     static associate(db) {
         db.Post.belongsTo(db.User,{foreignKey: 'userid', targetKey:'name' });
         db.Post.belongsTo(db.User,{foreignKey: 'userid', targetKey:'name' });
-        db.Post.hasMany(db.Post,{foreignKey: 'postid', sourceKey:'id' });
     }
     }
 };
 };
\ No newline at end of file

@@ -7,11 +7,12 @@ const {User}=require('../models'); //유저정보 db연결
 const {Post}=require('../models'); //게시물정보 db연결
 const {Post}=require('../models'); //게시물정보 db연결
 const {Comment}=require('../models');
 const {Comment}=require('../models');
 
 
+
 //현재 로그인된 사용자의 게시물 배열 응답
 //현재 로그인된 사용자의 게시물 배열 응답
-router.get('/:boardId',auth,(req,res)=>{
+router.post('/reply',auth,(req,res)=>{
 
 
     Comment.findAll({
     Comment.findAll({
-        where:{postid: req.params.boardId},
+        where:{postid: req.body.id},
         order: [['created_at', 'ASC']],
         order: [['created_at', 'ASC']],
      })
      })
      .then((result)=>{
      .then((result)=>{
@@ -28,15 +29,14 @@ router.get('/:boardId',auth,(req,res)=>{
         //  }
         //  }
      })
      })
 });
 });
-     
-
 
 
 //게시물 작성
 //게시물 작성
-router.post('/:boardId',auth,(req,res)=>{
+router.post('/write',auth,(req,res)=>{
+    console.log(req.params.id);
     try{
     try{
     Comment.create({
     Comment.create({
         userid : req.session.name,
         userid : req.session.name,
-        postid : req.params.boardId,
+        postid : req.body.postid,
         comment : req.body.comment,
         comment : req.body.comment,
     })
     })
     console.log("게시");
     console.log("게시");
@@ -55,5 +55,9 @@ router.post('/:boardId',auth,(req,res)=>{
                 */
                 */
 });
 });
 
 
+     
+
+
+
 
 
 module.exports = router;
 module.exports = router;
\ No newline at end of file

@@ -8,9 +8,8 @@ const {Post}=require('../models'); //게시물정보 db연결
 
 
 //현재 로그인된 사용자의 게시물 배열 응답
 //현재 로그인된 사용자의 게시물 배열 응답
 router.get('/',auth,(req,res)=>{
 router.get('/',auth,(req,res)=>{
-
     Post.findAll({
     Post.findAll({
-        where:{userid: req.session.name},
+        // where:{userid: req.session.name},
         order: [['created_at', 'DESC']],
         order: [['created_at', 'DESC']],
      })
      })
      .then((result)=>{
      .then((result)=>{

@@ -7,8 +7,8 @@ import '../style/ContentModal.scss'
 function ContentModal({element}) {
 function ContentModal({element}) {
     const [viewComment,setviewComment] = useState([]);
     const [viewComment,setviewComment] = useState([]);
     useEffect(()=>{
     useEffect(()=>{
-        Axios.get('/api/comment/'+element.id).then((response)=>{
-          setviewComment(response.data);
+        Axios.post('/api/comment/reply',{id : element.id}).then((response)=>{
+            setviewComment(response.data);
         })
         })
       },[viewComment])
       },[viewComment])
 
 
@@ -17,22 +17,20 @@ function ContentModal({element}) {
         setOpen(false);
         setOpen(false);
     }
     }
     const [open, setOpen] = useState(false)
     const [open, setOpen] = useState(false)
-    const [BoardComment, setBoardComment] = useState({
-        id: null,
-        content:''
-    })
+    const [BoardComment, setBoardComment] = useState("")
     const onCommentHandler = (event) => {
     const onCommentHandler = (event) => {
         setBoardComment(event.currentTarget.value)
         setBoardComment(event.currentTarget.value)
         console.log(BoardComment)
         console.log(BoardComment)
     }
     }
-    const onSubmitHandler = () => {
-        Axios.post('/api/comment',{
-                    id: element.id,
-                    content: BoardComment
+    const onSubmitHandler = () => { 
+        Axios.post('/api/comment/write',{
+                postid: element.id,    
+                comment: BoardComment
                 })
                 })
                 .then((res)=>{
                 .then((res)=>{
                     if(res.status === 200){
                     if(res.status === 200){
                         alert("댓글 작성을 완료하였습니다.")
                         alert("댓글 작성을 완료하였습니다.")
+                        setOpen(false);
                     }
                     }
                 }).catch((error) => {
                 }).catch((error) => {
                     console.log(error.response)
                     console.log(error.response)
@@ -57,20 +55,20 @@ function ContentModal({element}) {
                 </Modal.Description>
                 </Modal.Description>
             </Modal.Content>
             </Modal.Content>
             <Modal.Content>
             <Modal.Content>
-                {viewComment&&viewComment.map(elem =>{
+                 {viewComment&&viewComment.map(elem =>{
                     return <div className="ui segment">
                     return <div className="ui segment">
-                                <h2>{elem.title}</h2>
-                                <h4>{elem.created_at.slice(0,10)+" " +elem.created_at.slice(11,16)}</h4>
+                                <h2>{elem.userid}</h2>
+                                <h4>{elem.comment}</h4>
                             </div>}
                             </div>}
-                        )}
+                        )} 
             </Modal.Content>
             </Modal.Content>
             <Modal.Actions>
             <Modal.Actions>
-                <Comment>
+            <Comment>
                 <Form reply>
                 <Form reply>
-                    <Form.TextArea onChange={onCommentHandler}/>
+                    <Form.TextArea value={BoardComment} onChange={onCommentHandler}/>
                     <div onClick={handleClose}>
                     <div onClick={handleClose}>
-                        <Button content='댓글 남기기' labelPosition='left' icon='edit' primary onSubmit={onSubmitHandler}/>
-                        <Button color='black'>닫기</Button>
+                        <Button content='댓글 남기기' onClick={onSubmitHandler} labelPosition='left' icon='edit' primary />
+                        <Button onClick={handleClose} color='black'>닫기</Button>
                     </div>
                     </div>
                 </Form>
                 </Form>
                 </Comment>
                 </Comment>