상세 페이지 : 댓글 저장

DATE : 2023/12/06

사용자가 위에 보이는 게시물에 "i am Dog person!"이라는 댓글을 달고 싶어하는 상황이라고 상상해보자.

지금은 단지 문자를 입력할 수 있는 칸과 임의대로 만들어둔 댓글들이 출력 되고 있을 뿐,

댓글을 저장하는 기능은 그 무엇도 구현되어있지 않은 상황이다.

댓글을 보여주는 영역에서는 사용자들이 작성한 댓글을 모아두었다가 가져오는 과정이 수행되는데

문제는.. 모아둔 댓글이 있어야 보여주든지 말든지 하지!!

그.래.서

댓글을 저장하는 기능을 먼저 살펴보고자 하는 것. 😆

<form action="./upload_comment.php" class="comment_form" method="post">
    <textarea name="comment"></textarea>
    <input type="submit" value="Comment" name="comment_btn">
    <input type="text" name="idx" value="<?=$idx;?>" style="display: none;">
</form>

사용자가 댓글을 작성한 후, COMMENT 버튼을 누르면

<Form> tag - action에 작성된 upload_comment.php가 동작하게 된다.

동시에 textarea에 작성된 내용이 POST method로 전달되면서

upload_comment.php에서는 $_POST['comment']로 그 값을 가져올 수 있다.

"댓글을 저장한다"는 관점에서 생각해보면 각 댓글이 어떤 게시물에 달린 댓글인지 구분할 필요가 있다.

<input type="text" name="idx" value="<?=$idx;?>" style="display: none;">

이를 위해 게시물의 식별 정보인 ID를 idx 라는 이름으로 전달해주는 것이다.

여기까지 봤을 때 준비된 재료는

textarea -> comment
input -> id

댓글 내용과 게시물 ID이다.

댓글 정보를 저장할 Table은 총 5개의 column을 가지기 때문에

cmt_id : 1부터 자동 증가하는 댓글 식별 정보
idx : 댓글이 어떤 게시물의 댓글인지 나타내는 게시물 ID
author : 댓글 작성자
date : 댓글 작성 일시
comment : 작성된 댓글 내용

남아있는 author & date 값을 알아내야 하고 이는 upload_comment.php에서 수행할 것이다.

[ upload_comment.php ]

<?php
    require_once("db_connect.php");
    require_once('jwt.php');

    $cmt = $_POST['comment'];
    $idx = $_POST['idx'];
    $author = getToken($_COOKIE['JWT'])['usr'];
    $comment = $_POST['comment'];
    
    if(trim($cmt) == '') {
        echo "<script>alert('You have to write something');
            location.replace('article.php?idx=$idx');
        </script>";
    }
    
    $date = date("Y-m-d H:i:s");
    $sql = "INSERT INTO comments values (default,'$idx','$author','$date','$comment')";
    $result = mysqli_query($conn, $sql);
    
    if(!$result) {
        echo "<script>alert('Error');
            location.replace('article.php?idx=$idx');
        </script>";
    } else {
        echo "<script>alert('Successfully, Your Comment is stored!');
            location.replace('article.php?idx=$idx');
        </script>";
    }
?>