📝
서은 STUDY_SCRIPT
  • JAVASCRIPT 기록
  • JAVASCRIPT 문법정리
    • 데이터 저장하기
    • 데이터 불러오기
    • 데이터 실행하기
    • 데이터 제어하기
    • 면접질문 정리
  • PHP를 이용한 사이트 작업
    • PHP와 MySQL
      • 댓글쓰기
      • 회원가입
      • 로그인
      • 게시판
        • 페이지네이션 & 게시글보기
        • 수정/삭제/목록/검색
  • 생활코딩 JavaScript
    • JavaScript 입문수업
      • Basic
        • 자바스크립트 기본 세팅
        • 데이터타입
        • 변수
        • 연산자
        • 조건문
        • 반복문
        • 함수
        • 배열
        • 객체
        • 모듈
        • 정규표현식
      • 함수지향
        • 유효범위
        • 값으로서 함수
        • 값으로서 콜백
        • 클로저
        • arguments
        • 함수의 호출
      • 객체지향
        • 생성자와 new
        • 전역객체
        • this
        • 상속
        • Prototype
        • 표준내장객체의 확장
        • Object
        • 데이터 타입
        • 복제 & 참조
    • JavaScript Basic
      • 자바스크립트란?
      • 데이터타입
      • 변수와 대입연산자
      • 제어할 태그 선택
      • 비교연산자와 불리언
      • 조건문 if
      • 리팩토링
      • 배열 [ ]
      • 반복문 while
      • 배열과 반복문
        • 배열과 반복문의 활용
      • 함수
        • 함수의 활용
      • 객체 { }
        • 객체와 반복문 for~in
        • 프로퍼티와 메소드
        • 객체의 활용
      • 파일로 쪼개서 정리정돈
      • 라이브러리 & 프레임워크
      • UI & API
    • Web Browser
      • JavaScript란?
      • BOM
        • 전역객체 window
        • 사용자와 커뮤니케이션
        • Location 객체
        • Navigator 객체
        • 창 제어
      • DOM
        • 제어 대상 찾기
        • jQuery
        • HTMLElement
        • Element 객체
          • 식별자 API
          • 조회 API
          • 속성 API
        • Node 객체
          • Node 관계 API
          • Node 종류 API
          • Node 변경 API
          • jQuery 노드 변경 API
          • 문자열로 노드 제어
        • HTMLCollection
      • 이벤트
        • 이벤트 등록
        • 이벤트 전파(버블링과 캡처링)
        • 이벤트 기본 동작 취소
        • 이벤트 타입
      • 네트워크 통신
        • Ajax
        • JSON
  • NOMAD JAVASCRIPT
    • VanillaJS
      • Why JS?
      • ES5, ES6
      • Basic
        • Alert & Console
        • Variable
        • Data Types
        • Array & Object
      • Function
      • DOM
        • Event & Event handler
        • Conditional
        • Function Practice
      • Momentum App
        • Making a JS Clock
        • Saving the User Name
        • To-Do List
        • Image Background
        • Getting Weather
  • DREAM CODING
    • 자바스크립트 기초 강의 (ES5+)
      • JavaScript 역사
      • async & defer / Strict Mode
      • Variable / Hoisting / Data Type
      • Operator / if / Loop
      • Function
        • 함수의 선언
        • 함수의 표현
      • Class
      • Object
      • Array
      • Array API
      • JSON
      • Callback
      • Promise
      • Async & Await
  • WEB BOS
    • #JavaScript30
Powered by GitBook
On this page
  • connect/connect.php 에 'MySQL' 작성
  • 댓글쓰기 (Comment)
  • 공통 HTML 오려두기 (php로 따로 저장)
  • 댓글쓰기 TABLE 생성

Was this helpful?

  1. PHP를 이용한 사이트 작업
  2. PHP와 MySQL

댓글쓰기

PreviousPHP와 MySQLNext회원가입

Last updated 3 years ago

Was this helpful?

전체적인 틀 HTML/study-php/

pages/main.php

assets/css, fonts, img / 파일저장

connect/connect.php

include/header.php, footer.php

connect/connect.php 에 'MySQL' 작성

<?php
    $host = "localhost";
    $user = "사용자아이디";
    $pw = "패스워드";
    $db = "사용자아이디";
    $connect = new mysqli($host, $user, $pw, $db);
    $connect -> set_charset("utf8");

    if(mysqli_connect_errno()){
        echo "Database Connect False";
    } else {
        //echo "Database Connect True";
    }
?>

댓글쓰기 (Comment)

댓글쓰기 파일생성

comment/comment.php, commentSave.php

create/createComment.php

1. comment/comment.php (전송된 데이터 출력 & HTML 양식저장)

<div class="comment-list">
<?php
    include "../connect/connect.php";

    $sql = "SELECT * FROM myComment";
    $result = $connect -> query($sql);

    //반복문을 통해 결과값 데이터 가져오기
    while($date = mysqli_fetch_array($result)){
?>
    <div>
        <p><?=$date['youText']?></p>
        <div class="icon">
            <img src="../assets/img/stu01.png" alt="조서은">
            <span><?=$date['youName']?></span>
            <span><?=date('Y-m-d H:i', $date['regTime'])?></span>
        </div>
    </div> 
<?php
    }
?>   

    <!-- <div>
        <p> 깔끔한 설명에 이해가 잘됐어요!
            항상 잘 보고 있답니당👍</p>
        <div class="icon">
            <img src="../assets/img/stu01.png" alt="조서은">
            <span>#ksys**</span>
        </div>
    </div> -->
</div>

공통 HTML 오려두기 (php로 따로 저장)

include/header.php, footer.php

<!-- header -->
<header id="header">
    <?php
        include '../include/header.php';
    ?>
</header>
<!-- //header -->
<!-- footer -->
<footer id="footer">
    <?php
        include '../include/footer.php';
    ?>
</footer>
<!-- //footer -->

댓글쓰기 TABLE 생성

2. create/createComment.php

<?php
    include "../connect/connect.php";

    $sql = "CREATE TABLE studyComment (";
    $sql .= "studyCommentID int(10) unsigned NOT NULL AUTO_INCREMENT,";
    $sql .= "youName varchar(20) NOT NULL,";
    $sql .= "youText varchar(50) NOT NULL,";
    $sql .= "regTime int(15) NOT NULL,";
    $sql .= "PRIMARY KEY (studyCommentID)) CHARSET=utf8";

    $result = $connect -> query($sql);

    if( $result ){
        echo "Create Comment Complete";
    } else {
        echo "Create Comment False";
    }
?>

3. comment/commentSave.php (댓글쓰기 데이터 입력)

<?php
    include "../connect/connect.php";

    $youName = $_POST['youName'];
    $youText = $_POST['youText'];
    $regTime = time();

    // echo $youName;
    // echo $youText;

    $sql = "INSERT INTO myComment(youName, youText, regTime) VALUES('$youName', '$youText', '$regTime')";

    $result = $connect -> query($sql);

    if($result){
        echo "INSERT INTO 'true'";
    }else{
        echo "INSERT INTO 'false'";
    }

?>

//db에 전송된 내용을 출력
<script>
    location.href = "comment.php#comment";
</script>
42KB
main.php
main.php 파일
7MB
assets.zip
archive
css 폴더 zip파일
10KB
comment.php
comment.php (데이터와 HTML을 포함한 전체코드)
2KB
include.zip
archive
include 폴더 zip 파일