Playdaddy

[Stable Diffusion] AI생성 그림 체크포인트 모델 (2dn_1) 리뷰

Playdaddy — Tue, 11 Apr 2023 01:58:43 +0900

2dn_1 체크포인트 모델 AI그림 리뷰 (반실사)

division	Data
Checkpoint (model)	2dn_1
Hypernetwork	None
SD VAE	vae-ft-mse-840000-ema-pruned
Sampling method	DPM++ 2M Karras
Sampling Steps	30
pixel	512x768
CFG Scale	7
Positive Prompt	((masterpiece:1.3)), ((best quality:1.5)), high_resolution, distinct_image, (photorealistic:1.4), (8k), (realistic), (hyper-realistic), ultra-etailed, very_high_realistic:1.5, very_high_resolution:1.5, HDR, CG, unity, 8k wallpaper, Amazing, finely detail, official art, extremely detailed CG unity 8k wallpaper, incredibly absurdres, ultra-detailed, professional lighting, photon mapping, radiosity, physically-based rendering, solo focus, sharp focus, highres, extremely detailed, extremely delicate and beautiful, intricate detail, facial muscles, [(((smile, happy, grin, flustered)))], symmetrical pupils, extremely detailed pupils, lustrous skin, perfect skin, (small-medium_breasts:1.3), slim body, narrow waist, Proper body proportion, perfect body, full_body, 1gril, korean girl, adult face, ((solo)), cyborg, robotics, humanoid, android,
Negative Prompt	(easynegative), (ng_deepnegative_v1_75t:0.9), (worst quality:1.5), (low quality:1.5), (((bad eyes:1.5))), disabled body, paintings, sketches, lowres, normal quality, ((monochrome)), ((grayscale)), skin spots, acnes, skin blemishes, age spot, (ugly:1.331), (duplicate:1.331), (morbid:1.21), (mutilated:1.21), (bad anatomy:1.5), [(loli:1.5), (child face:1.5)], (((deformed:1.5))), blurry, (bad anatomy:1.2), (long body :1.3) [(poorly drawn hands), fused fingers, missing fingers,(mutated hands and fingers:1.5)], [(mutation:1.5, mutant),malformed, mutated, anatomical nonsense], multiple breasts, [tilted head, text, error, extra digit, fewer digits, (cropped:1.5)], ((crowd)), areolae, crosseyed, crowd, (NSFW:0.7, LEWD, NAKED), [censor, censored, censor_bar, (watermark:1.5, logo:1.5, username:1.5, signature:1.5)],
Seed	-1 (random)

먼저 위의 프롬프트에서 korean woman을 제거하고 모델에 내장되어 있는

기본 데이터에서 사이보그 스타일의 예~쁜 여자를 뽑아봅시다~

Dynamic Prompts enabled 옵션을 키고 Combinational batches를 10으로 선택해서 10장의 포즈를 랜덤하게 뽑아봅니다...

모델에 대한 평가 리뷰인 관계로 잘못 뽑아진 이미지도 가감없이 업로드 했으니 이점은 참고 바랍니다~

Basic Model (국가나 인종 지정 x)

사이보그나 휴머노이드 옵션을 줬지만 강조를 안해서 그런가 RPG게임에서 입고나올법한 갑옷 스타일의 드레스를 입은 그림을 뽑아줍니다... 그림 스타일은 실사와 일러스트 중간쯤인 2.5D 정도의 느낌이고 역시 서양과 동양인의 얼굴이 믹스된 느낌의 그림... Restore Face 옵션을 켜줬지만 미세하게 눈이나 눈동자가 어색하게 그려진걸 볼 수 있습니다...

요즘 Detactive Detailer가 Stable Diffusion 버전이 업데이트 되면서 옵션을 사용할 수 없게 되었다고 하는데...

그래서 그런지 얼굴 디테일을 잡아주지 못하는 느낌이라 뭔가 아쉽습니다...

그럼 이번에는 korean girl 이라는 prompt를 추가해서 같은 옵션으로 10장 뽑아봅니다~

Korean Model (adult face)

역시나 눈... 특히 눈동자 부분이 많이 무너지는걸 볼 수 있습니다.

그리고 원래가 Mixed 스타일의 인물이라 그런지 Korean girl 이라는 키워드가 그리 역할을 하지 못하는거 같습니다...

혹시나 해서 이번엔 adult face 프롬프트를 빼고 k-pop idol 을 추가해서 다시한번 10장을 뽑아봅니다~

Korean Model (k-pop Idol)

프롬프트를 바꿔주니 얼굴이 아주 쪼~금 어려진 느낌은 있습니다... 만

실제로 별반 차이는 없습니다...

이 체크포인트 모델만의 스타일이 있는듯...

그나저나 중간중간 눈이 자주 무너지는건 좀 고질적이네요...

그럼 이번에는 마지막으로 KoreanDollLineness_v15 로라를 적용해서 10장을 뽑아봅니다~~

Korean Model (Lora적용)

로라를 적용하니 뭔가 이미지는 확실히 변화는 있습니다...

근데 저런 얼굴들이 한국 아이돌 이미지인가??? 잘 모르겠네요...

역시나 고질적인 눈 무너짐은 여전하지만 전체적인 느낌은 그냥 나쁘지는 않습니다...

아.... DDtailer가 절실히 필요하네요..... ㅜㅜ

종합 리뷰

항목	평점 (10점만점)	코멘트
색감	7.5	역시나 주어지는 프롬프트에 따라 전체적인 색감이나 빛감이 컨트라스트가 강한 편이고 극실사를 좋아하는 사람들 보다는 일러스트 느낌을 좋아하는 분들이 선호할듯...
조형(형태)감	7.0	물론 주어지는 프롬프트에 따라 너무나 달라지겠지만 우선 기본적으로 구현하고 있는 그림의 비율이나 형태감은 좋으나 여러가지 네거티브 프롬프트를 발랐음에도 불구하고 배드 아이들을 완벽하게 잡아주지 못하는 부분은 아쉬운 부분이다.
완성도(디테일)	8.0	다양하게 뽑아주는 다양한 슈트나 여러가지 배경들은 비교적 완성도와 디테일이 높은 편...
종합	7.5	태생이 Mixed 모델이라서 그런지 등장 인물들 역시 동양과 서양의 이미지가 많이 혼재하고 있다... 사람에 따라 많은 호불호가 갈릴 것으로 예상된다...

[동영상] 스테이블 디퓨전 확장프로그램

동녘하늘 — Thu, 23 Mar 2023 22:33:10 +0900

동영상 주소 : https://youtu.be/dChnFbyKNKU

Quicksetting List

sd_model_checkpoint, sd_hypernetwork, CLIP_stop_at_last_layers, sd_vae

프롬프트 태그 자동완성
https://github.com/DominikDoom/a1111-sd-webui-tagcomplete.git

그림 디테일을 비약적으로 상승시킴
https://github.com/mcmonkeyprojects/sd-dynamic-thresholding.git

모델 디테일러
https://github.com/dustysys/ddetailer

???
VRAM Estimator for stable-diffusion-webui

https://github.com/adieyal/sd-dynamic-prompts.git

https://huggingface.co/Yukihime256/84...
840000-ema-pruned.ckpt
https://huggingface.co/hakurei/waifu-...
kl-f8-anime2.ckpt
vae 2가지 다운주소

sd_model_checkpoint,sd_vae
VAE 칸 만드는 명령어

https://visualstudio.microsoft.com/ko...
ddetailer용 비주얼 스튜디오 다운로드 페이지

https://arca.live/b/aiart/60334428
아카라이브 그림 클릭해서 exif 프롬프트 바로 보기

https://huggingface.co/datasets/gsdf/...
이지 네거티브(easynegative) 다운주소

https://civitai.com/models/11422
김홍도 로라
https://civitai.com/models/16014
라인 로라(Anime Lineart)

https://platform.openai.com/account/a...
chatgpt 시크릿 키 생성

[AI그림] 스테이블 디퓨전 WEBUI

동녘하늘 — Thu, 23 Mar 2023 22:27:27 +0900

1. 스테이블 디퓨전 설치를 위한 사전 준비 (모델)

(1) 체크포인트

설명 : 전체적인 형태를 잡아주는 모델.

만들고자 하는 이미지를 산과 나무라고 비유했을 때 산의 형태를 만드는 모델이라고 생각하면 된다.

링크 : https://civitai.com/api/download/models/11745

(2) 로라

설명 : 체크포인트가 배경을 담당하는 모델이라면 로라는 손이나 얼굴 등 세부적인 부분을 담당하는 모델.

링크 : https://huggingface.co/datasets/KrakExilios/koreandoll/tree/main

링크 클릭후 korean Doll Likeness 다운로드

(3) VAE

설명 : 사진 보정을 해주는 역할 - 현실감 있는 사진과 같은 이미지를 만들어줌.

링크 : https://huggingface.co/stabilityai/sd-vae-ft-mse-original/tree/main

링크후 가장 마지막 파일 다운로드

(4) 네거티브 프롬프트

설명 : 스테이블 디퓨전으로 이미지 생성시 손가락이 여러개 라던가 등등의 문제를 해결해 주는 모델.

링크 : https://civitai.com/api/download/models/5637

프롬프트 예시 :

ng_deepnegative_v1_75t, paintings, sketches, (low quality:2), (normal quality:2), (worst quality:2), lowres, ((monochrome)), ((grayscale)), acnes, skin spots, age spot, skin blemishes, bad feet, ((wrong feet)),(wrong shoes), bad hands, distorted, blurry, missing fingers, multiple feet, bad knees, extra fingers

2. 스테이블 디퓨전 설치방법 (구글 코렙을 사용하는 방법)

https://www.youtube.com/watch?v=MhoM2iPHXHo

동영상 주소: https://youtu.be/1KYcpUGwVWk

샘플링 메쏘드 다운로드 사이트
https://huggingface.co/
https://huggingface.co/WarriorMama777/OrangeMixs/tree/main/Models/AbyssOrangeMix3
다운로드 파일 아래 폴더에 복사 또는 저장
C:\stable\repo\models\Stable-diffusion

스테이블 디퓨전 프롬프트 태그사이트(AI가 쉽게 이해하는 태그가 정리된 사이트)
https://novelai.io/tags

컨트롤넷
https://github.com/Mikubill/sd-webui-controlnet.git

나를 일깨우는 명언 & 격언 (1)

Playdaddy — Tue, 20 Dec 2022 02:09:23 +0900

Once you say your're going to settle for second, that's what happens to you in life, I find.

당신이 자신은 2위로 만족한다고 일단 말하면, 당신의 인생은 그렇게 되기 마련이라는 것을 나는 깨달았다.

- John F. Kennedy

- 존 에프 케네디(미국 대통령, 1917~1963)

집안이 나쁘다고 탓하지 말라.

나는 아홉 살 때 아버지를 잃고 마을에서 쫒겨났다.

가난하다고 말하지 말라.

나는 들쥐를 잡아먹으며 연명했고,

목숨을 건 전쟁이 내 직업이고 내 일이었다.

작은 나라에서 태어났다고 말하지 말라.

그림자 말고는 친구도 없고 병사로만 10만,

백성은 어린애, 노인까지 합쳐 200만도 되지 않았다.

배운게 없다고 힘이 없다고 탓하지 말라.

나는 내 이름조차 쓸 줄 몰랐으나 남의 말에 귀기울이면서 현명해지는 법을 배웠다.

너무 막막하다고, 그래서 포기해야겠다고 말하지 말라.

나는 목에 칼을 쓰고도 탈출했고, 뻄에 화살을 맞고 죽었다 살아나기도 했다.

적은 밖에 있는 것이 아니라 내 안에 있었다.

나는 내게 거추장스로운 것은 깡그리 쓸어버렸다.

나를 극복하는 그 순간 나는 칭기즈칸이 되었다.

- 베얼즈진 테무친(1162~1227)

We have no more right to consume happiness without producing it than to consume wealth without producing it.

재물을 스스로 만들지 않는 사람에게는 쓸 권리가 없듯이 행복도 스스로 만들지 않는 사람에게는 누릴 권리가 없다.

-George Bernard Shaw

-조지 버나드 쇼(영국 극작가, 1856~1950)

Be not careless in deeds, nor confused in words, nor rambling in though.

행동을 부주의하게 하지 말고, 말을 혼동되게 하지 말며, 생각을 두서없이 하지 말라.

- Marcus Aurelius

- 마르쿠스 아우렐리우스(철학자, 로마 황제 121~180)

As you grow older you will discover that you have two hands.

One for helping yourself, the other for helping others.

나이가 들어가면서 당신은 알게 될 거에요, 당신이 두 개의 손을 갖고 있음을.

한 손은 당신을 돕기 위해, 그리고 나머지 한 손은 다른 사람을 돕기 위해

- Sam Levenson

- 샘 레븐슨(미국 작가, 시인 1911~1980)

Love does not consist in gazing at each other, but in looking together in the same direction.

사랑은 두 사람이 마주 쳐다보는 것이 아니라 함께 같은 방향을 바라보는 것이다.

- Antonie de Saint-Exupery

- 앙트안느 드 생텍쥐페리(프랑스 작가, 비행가, 100~1944)

[PHP] 웹에서 입력한 코드 결과 보기 (2/2) - 코드의 실행 결과 보기

Playdaddy — Sat, 29 Oct 2022 23:23:40 +0900

[PHP] 웹에서 입력한 코드 결과 보기 (2/2) - 코드의 실행 결과 보기

[코드 196]에서 입력한 코드를 받아서 파일로 생성하는 기능을 구현한다.

파일명은 mt_rand() 함수를 사용하여 랜덤으로 정하며, 중복 파일이 있는지 확인 후 중복 파일이 있다면 다른 파일명을 사용한다.

파일명은 찾은 후 해당 파일을 생성하여 입력한 코드를 파일에 fwrite() 함수를 사용해 쓴 후 해당 파일로 이동하는 방식으로 구현한다.

생성한 코드 파일은 [webEditor] 폴더에 있는 [codeList] 폴더에 저장하므로 [webEditor] 폴더에 [codeList] 폴더를 생성한다.

다음은 입력한 코드를 실행하는 예제이다.

[예제: 197_playCode.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/179_checkSignSession.php';

  $code = $_POST['code'];

  // 파일명 만들기
  function makeFileName(){
    $existsFileList = array();
    $opendir = opendir('./codeList');

    while(($readdir = readdir($opendir))){
      array_push($existsFileList, $readdir);
    }

    $isEqualNameCheck = false;

    while(true){
      $fileName = 'php200-'.mt_rand().'.php';

      foreach($existsFileList as $efl){
        if($existsFileList == $fileName){
          $isEqualNameCheck = true;
        }
      }

      if($isEqualNameCheck == false){
        return $fileName;
      }
    }
  }

  $fileName = makeFileName();
  $filePath = $_SERVER['DOCUMENT_ROOT'].'/php/webEditor/codeList/';
  $myFile = fopen($filePath.$fileName, "w") or die("파일 열기 실패");
  fwrite($myFile, $code);
  fclose($myFile);
  header("Location:./codeList/".$fileName);
?>

1. 로그인한 사람만 사용할 수 있도록 세션을 체크한다.

2. 전달받은 코드를 변수 code에 대입한다.

3. makeFileName() 함수는 사용할 수 있는 파일명을 반환하는 함수이다.

4. 생성한 파일명을 목록으로 생성하기 위한 배열이다. 이 배열의 값으로 앞으로 생성할 파일명과 비교하여 이미 존재하는 파일명인지를 구분한다.

5. 폴더 codeList를 연다.

6. 폴더 codeList에 있는 파일들의 이름을 배열 existsFileList에 추가한다.

7. 변수 isEqualNameCheck는 파일명이 중복인지의 여부를 대입하는 변수이다. 중복된 파일명이 없으면 계속 값은 false를 유지하며, 중복된 파일명이 있는 경우 true를 대입한다.

8. while 반복문의 조건으로 true를 사용했다. 조건문에 true를 대입했으므로 while 반복문은 무한 실행된다.

9. 코드의 파일명을 mt_rand() 함수를 사용하여 랜덤으로 파일명을 짓도록 한다.

10. 배열 existsFileList 에 있는 값과 비교하여 변수 fileName의 값과 동일한지 확인하며 동일하면 새로운 파일명을 찾아야 하므로 23라인에서 25라인의 if 조건문으로 인해 변수 isEqualNameCheck의 값에 true를 대입한다.

11. 변수 isEqualNameCheck의 값이 false이면 변수 fileName의 값이 사용할 수 있는 파일명을 의미하므로 return문을 사용하여 파일명을 반환하여 함수 makeFIleName에서 빠져나온다.

12. 함수 makeFileName이 반환한 값으로 변수 fileName에 대입한다.

13. 파일을 생성할 폴더의 경로를 변수 filePathName에 대입한다.

14. fopen() 함수를 사용해 변수 fileName에 대입된 파일명으로 파일을 생성하여 파일을 연다.

15. fwrite() 함수를 사용하여 form 태그에서 입력한 코드의 변수 code의 값을 파일에 쓴다.

16. 생성한 파일로 이동한다.

17. [코드 197]을 실행하여 코드를 입력 후 실행한다.

실행 URL은 http://localhost/php/webEditor/196_editorForm.php 이다.

실행결과

코드 입력 후 [PLAY CODE] 버튼을 클릭하면 아래와 같이 결과를 확인할 수 있다.

d이 프로그램은 실제 서버에 코드를 입력하는 기능을 갖고 있기 떄문에 학습 목적으로 사용하면 편리하지만 나쁜 목적으로 사용하면 시스템에 치명적인 결과를 초래하게 된다. 그러므로 이 프로그램을 실제 서버에 업로드하여 활용시에는 굉장히 신뢰를 할 수 있는 사용자에게 사용할 수 있도록 하거나 입력받은 코드에 악영향을 끼치는 것은 없는지 확인하는 과정이 필요하다.

[PHP] 웹에서 입력한 코드 결과 보기 (1/2) - 코드 입력폼 만들기

Playdaddy — Sat, 29 Oct 2022 17:46:06 +0900

[PHP] 웹에서 입력한 코드 결과 보기 (1/2) - 코드 입력폼 만들기

웹페이지에서 입력한 코드를 실행하는 프로그램을 만들어보자.

프로그램의 흐름은 코드를 입력하는 폼을 생성한 후 입력한 코드를 파일로 만들어 실행하는 방식으로 구성된다.

이 프로젝트는 [php/webEditor] 폴더를 생성 후 진행하도록 한다.

textarea 태그를 사용하여 코드를 입력하는 폼을 생성한다.

다음의 코드를 [webEditor] 폴더에 생성하자.

[예제: 196_editorForm.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/179_checkSignSession.php';
?>
<!DOCTYPE html>
<html lang="ko">
<head>
  <title>웹코딩 에디터</title>
</head>
<body>
  <h1>실행할 코드를 입력하세요</h1>
  <form name="webEditor" method="POST" action="./197_playCode.php">
    <textarea name="code" cols="100" rows="30"></textarea>
    <br>
    <input type="submit" value="PLAY CODE" />
  </form>
</body>
</html>

1. 로그인한 사람만 사용할 수 있도록 세션을 체크한다.

2. 코드를 입력할 form 태그를 생성한다.

3. 코드는 장문을 입력할 폼이 필요하므로 textarea 태그를 사용한다.

실행 URL은 http://localhost/php/webEditor/196_editorForm.php 이다.

실행결과

[PHP] 설문조사 결과 데이터 차트 만들기 (4/4) - survey 테이블의 데이터를 차트로 보기

Playdaddy — Sat, 29 Oct 2022 17:33:20 +0900

[PHP] 설문조사 결과 데이터 차트 만들기 (4/4) - survey 테이블의 데이터를 차트로 보기

이전 포스팅의 그림은 코드에 직접 데이터 값을 입력하여 출력된 값을 주여주고 있었다.

이제 AJAX를 사용하여 파일 [193_surveyResultJson.php] 이 반환하는 JSON 데이터로 차트를 출력하는 방법에 대해 알아보자.

앞에서 생성한 survey 테이블의 JSON 데이터로 bar 차트를 생성하기 위해 AJAX를 사용하며 AJAX코드 안에서 차트의 데이터를 입력하는 방식으로 진행한다.

[예제: 195-1_surveyResultBarChart.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/179_checkSignSession.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/cssControlPanel/163_connection.php';
?>
<!DOCTYPE html>
<html lang="ko">
<head>
  <title>설문조사 데이터 차트로 보기</title>
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <script type="text/javascript">
    google.charts.load('current', {'packages':['corechart','bar']});
    google.charts.setOnLoadCallback(drawChart);

    function drawChart(){

      var xhttp = new XMLHttpRequest();

      xhttp.onreadystatechange = function() {
        if(this.readyState == 4 && this.status == 200){

          result = JSON.parse(this.responseText);
          console.log('result is ' + JSON.stringify(result));

          var data = google.visualization.arrayToDataTable([
            ['종류','명'],
            ['오프라인 서점',result.offlineStore],
            ['온라인 서점',result.onlineStore],
            ['웹사이트',result.website],
            ['지인을 통해서',result.friends],
            ['교육기관',result.academy],
            ['기억이 안남',result.noMemory],
            ['기타',result.etc]
          ]);

          var options = {
            title: '당신은 어떤 경로를 통해 책 정보얻나요?',
            chartArea: {width: '50%'},
            hAxis: {
              minValue: 0
            },
          };

          var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
          chart.draw(data, options);
        }
      };

      xhttp.open("POST", "./193_surveyResultJson.php", true);
      xhttp.send();
    }
  </script>
</head>
<body>
  <div id="chart_div" style="height:500px"></div>
</body>
</html>

1. AJAX 통신을 통하여 [193_surveyResultJson.php] 파일로부터 반환받은 데이터를 대입한다.

2. 차트에 표시할 데이터를 입력한다.

3. 차트의 옵션을 지정한다.

4. 차트를 표시하는 태그이며, style 속성을 사용하여 세로길이를 500px로 조정한다.

실행 URL은 http://localhost/php/gChart/195-1_surveyResultBarChart.php 이다.

실행결과

그럼 이번에는 survey 테이블의 데이터를 Pie 차트로 표현해보자.

[예제: 195-2_surveyResultPieChart.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/179_checkSignSession.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/cssControlPanel/163_connection.php';
?>
<!DOCTYPE html>
<html lang="ko">
<head>
  <title>설문조사 데이터 차트로 보기</title>
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <script type="text/javascript">
    google.charts.load('current', {'packages':['corechart']});
    google.charts.setOnLoadCallback(drawChart);

    function drawChart(){

      var xhttp = new XMLHttpRequest();

      xhttp.onreadystatechange = function() {
        if(this.readyState == 4 && this.status == 200){

          result = JSON.parse(this.responseText);
          console.log('result is ' + JSON.stringify(result));

          var data = google.visualization.arrayToDataTable([
            ['종류','명'],
            ['오프라인 서점',result.offlineStore],
            ['온라인 서점',result.onlineStore],
            ['웹사이트',result.website],
            ['지인을 통해서',result.friends],
            ['교육기관',result.academy],
            ['기억이 안남',result.noMemory],
            ['기타',result.etc]
          ]);

          var options = {
            title: '당신은 어떤 경로를 통해 책 정보얻나요?',
            chartArea: {width: '50%'},
            hAxis: {
              minValue: 0
            },
          };

          var chart = new google.visualization.PieChart(document.getElementById('piechart'));
          chart.draw(data, options);
        }
      };

      xhttp.open("POST", "./193_surveyResultJson.php", true);
      xhttp.send();
    }
  </script>
</head>
<body>
  <div id="piechart" style="height:500px"></div>
</body>
</html>

위의 Bar 차트를 표시하는 [코드 195-1]과 다른점은 12라인의 배열값과, 44라인의 아이디명 그리고 body 내의 div의 id 속성의 값만 다르다.

실행 URL은 http://localhost/php/gChart/195-2_surveyResultPieChart.php 이다.

[PHP] 설문조사 결과 데이터 차트 만들기 (3/4) - 구글 차트

Playdaddy — Sat, 29 Oct 2022 16:50:09 +0900

[PHP] 설문조사 결과 데이터 차트 만들기 (3/4) - 구글 차트

구글에서 제공하는 차트 라이브러리를 사용하면 여러 데이터를 목적에 맞게 시각적으로 알기 쉽게 표현할 수 있다.

구글차트의 사이트 URL은 https://developers.google.com/chart/interactive/docs/gallery 이다.

구글차트 사이트에 접속하면 제공하는 차트의 종류를 볼 수 있다.

이 포스팅에서 survey 테이블의 데이터를 표시할 차트는 Bar 차트와 Pie 차트이다.

Bar 차트의 기본 코드를 보면서 사용 방법을 확인해보자.

[예제: 194_googleChart.php ]

<!DOCTYPE html>
<html lang="ko">
<head>
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <script type="text/javascript">
    google.charts.load('current', {'packages':['corechart','bar']});
    google.charts.setOnLoadCallback(drawChart);

    function drawChart(){
      var data = google.visualization.arrayToDataTable([
        ['종류','수'],
        ['오프라인 서점', 10],
        ['온라인 서점', 50],
      ]);

      var options = {
        title: '제목',
        chartArea: {width: '80%'},
        hAxis: {
          title: '명',
          minValue: 0
        },
        vAxis: {
          title: '경로'
        }
      };

      var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }
  </script>
</head>
<body>
  <div id="chart_div"></div>
</body>
</html>

1. 구글 차트의 라이브러리를 불러오는 코드이다. script 태그 내에서 자바스크립트 코드를 작성할 수 있으며, src 속성을 사용하여 자바스크립트 파일을 불러올 수 있다.

2. 구글 차트의 데이터를 입력하기 위해 script 태그를 연다.

3. 구글 차트는 다양한 차트를 제공한다. 그 중 어떠한 차트를 사용할지 명시한다.

4. 구글 차트 라이브러리 코드 사용 준비가 되면 실행할 함수명을 google.charts.setOnLoadCallback() 함수의 아규먼트로 사용한다.

5. google.charts.setOnLoadCallback() 함수 아규먼트로 사용할 함수를 생성한다. drawChart() 함수에서는 차트에 표시할 데이터와 옵션값을 지정하는 역할을 한다.

6. 구글 차트에서 출력할 값의 필드명을 첫 번째 값으로 입력한다.

두 번째 값부터는 실제 출력될 데이터를 입력한다. 첫 번째 값은 레이블명을 입력하고 두 번째는 수치 데이터를 입력한다.

7. 구글 차트의 제목, 사이즈 등의 옵션을 지정한다.

8. google.visualization.BarChart 클래스의 생성자에 전달하는 값은 id 속성의 값이 chart_div인 태그를 의미하며 이는 차트를 표시하는 태그를 의미한다.

9. 차트에서 사용될 데이터와 옵션값으로 차트를 그린다.

10. body 태그 내에 차트를 표시할 태그를 만든다.

실행 URL은 http://localhost/php/gChart/194_googleChart.php 이다.

실행결과

[PHP] 설문조사 결과 데이터 차트 만들기 (2/4) - survey 테이블의 데이터를 JSON으로 생성하기

Playdaddy — Sat, 29 Oct 2022 07:03:35 +0900

[PHP] 설문조사 결과 데이터 차트 만들기 (2/4) - survey 테이블의 데이터를 JSON으로 생성하기

구글에서 제공하는 차트 라이브러리는 웹브라우저에서 작동하는 자바스크립트 언어로 구성되어 있다.

그러므로 서버와 클라이언트 갑의 통신이 필요하다.

서로 다른 언어 간에 데이터를 전달해야 하므로 survey 테이블의 데이터를 JSON 데이터로 생성하는 작업이 필요하다.

다음은 survey 테이블의 데이터를 JSON 데이터로 생성하는 예제이다.

[코드 191]과 기능은 거의 흡사하며 출력하는 데이터를 json_encode() 함수를 사용한다.

[예제: 193_surveyResultJson.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/179_checkSignSession.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/cssControlPanel/163_connection.php';

  $sql = "SELECT kind FROM survey";
  $result = $dbConnect->query($sql);

  if($result){
    $surveyDataCount = $result->num_rows;

    $offlineStore = 0;
    $onlineStore = 0;
    $website = 0;
    $friends = 0;
    $academy = 0;
    $noMemory = 0;
    $etc = 0;

    if($surveyDataCount > 0){
      for($i = 0; $i < $surveyDataCount; $i++){
        $surveyData = $result->fetch_array(MYSQLI_ASSOC);
        
        switch($surveyData['kind']) {
          case 'offlineStore':
            $offlineStore++;
            break;
          case 'onlineStore':
            $onlineStore++;
            break;
          case 'website':
            $website++;
            break;
          case 'friends':
            $friends++;
            break;
          case 'academy':
            $academy++;
            break;
          case 'noMemory':
            $noMemory++;
            break;
          case 'etc':
            $etc++;
            break;
        }
      }

      echo json_encode(
        array(
          'result' => 'ok',
          'offlineStore' => $offlineStore,
          'onlineStore' => $onlineStore,
          'website' => $website,
          'friends' => $friends,
          'academy' => $academy,
          'noMemory' => $noMemory,
          'etc' => $etc,
        )
      );
    } else {
      echo json_encode(
        array(
          'result' => 'noData'
        )
      );
    }
  } else {
    echo json_encode(
      array(
        'result' => 'error'
      )
    );
  }
?>

1. survey 테이블에서 kind 필드의 데이터를 모두 불러오는 쿼리문을 만든다.

2. 쿼리문을 실행하고 레코드의 수를 변수 surveyDataCount에 대입한다.

3. 변수 offlineStore에는 survey 테이블의 kind 필드값이 offlineStore인 레코드의 합계를 대입한다.

4. 변수 onlineStore에는 survey 테이블의 kind 필드값이 onlineStore인 레코드의 합계를 대입한다.

5. 변수 website에는 survey 테이블의 kind 필드값이 website인 레코드의 합계를 대입한다.

6. 변수 friends 에는 survey 테이블의 kind 필드값이 friends인 레코드의 합계를 대입한다.

7. 변수 academy에는 survey 테이블의 kind 필드값이 academy인 레코드의 합계를 대입한다.

8. 변수 noMembry에는 survey 테이블의 kind 필드값이 noMemory인 레코드의 합계를 대입한다.

9. 변수 etc에는 survey 테이블의 kind 팔드값이 etc인 레코드의 합계를 대입한다.

10. survey 테이블의 레코드의 수만큼 반복문을 작동시킨다.

11. survey 테이블의 kind 필드값을 switch 문을 통하여 분류하여 각각의 변수에 1씩 더하여 더한값을 집계한다.

12. 집계된 데이터를 json_encode() 함수를 사용하여 JSON으로 변환된 값을 출력한다.

실행 URL은 http://localhost/php/gChart/193_surveyResultJson.php 이다.

실행결과

데이터의 값은 랜덤으로 입력한 데이터이므로 위의 결과이미지와 각자의 결과값들은 다를 수 있다.

[PHP] 설문조사 결과 데이터 차트 만들기 (1/4) - survey 테이블에 임의의 데이터 입력하기

Playdaddy — Sat, 29 Oct 2022 06:43:01 +0900

[PHP] 설문조사 결과 데이터 차트 만들기 (1/4) - survey 테이블에 임의의 데이터 입력하기

이전 포스팅의 설문조사 결과를 보면 단순히 숫자로만 표시되어 효과적으로 알기 어렵다.

그러므로 요즘은 이러한 데이터들을 차트로 표시하여 좀 더 눈에 보기 쉽게 표시하고 있다.

구글에서 제공하는 차트 라이브러리를 활용하여 데이터를 시각적으로 표현하여 더 알아보기 쉽게 만드는 방법에 대해 알아보자.

이번 프로젝트는 [gChart] 폴더를 만들고 진행하도록 한다. [php/gChart] 폴더를 생성하자.

많은 데이터가 없으므로 임의로 약 100개의 데이터를 survey 테이블에 입력하도록 하자.

다음은 랜덤으로 survey 테이블에 데이터를 입력하는 예제이다.

[gChart] 폴더에 다음의 예제를 저장하자.

[예제: 192_inputRandomData.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/179_checkSignSession.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/cssControlPanel/163_connection.php';

  $kindList = array();
  $kindList = ['offlineStore','onlineStore','website','friends','academy','noMemory','etc'];

  $memberID = 6;

  for($i = 1; $i <= 100; $i++){
    $memberID++;
    $kind = $kindList[rand(0,6)];
    $time = time();
    $sql = "INSERT INTO survey (memberID, kind, regDate) VALUES ({$memberID}, '{$kind}', {$time})";
    $dbConnect->query($sql);
  }
?>

1. survey 테이블의 kind 필드에 들어가는 값을 배열에 대입한다.

2. survey 테이블의 memberID 필드에 들아갈 값을 변수 memberID 에 대입한다.

3. survey 테이블에 데이터 입력을 100회 시도하기 위한 for문을 만든다.

4. survey 테이블의 memberID 플드에 서로 다른 값이 들어가도록 증감 연사자를 사용하여 값을 1씩 추가한다.

5. survey 테이블의 kind 필드에 들어갈 값을 kindList 배열에서 랜덤으로 정하도록 한다.

6. survey 테이블의 regDate 필드에 값을 입력한다.

7. survey 테이블에 데이터를 입력하는 쿼리문을 만든다.

실행 URL은 http://localhost/php/gChart/192_inputRandomData.php 이다.

실행결과

실행 결과는 터미널이나 phpMyAdmin에 접속하여 생성된 테이블의 목록을 확인할 수 있다.

[PHP] 설문조사 프로그램 만들기 (4/4) - 설문조사 결과 확인하기

Playdaddy — Sat, 29 Oct 2022 06:25:00 +0900

[PHP] 설문조사 프로그램 만들기 (4/4) - 설문조사 결과 확인하기

설문조사 결과를 확인하는 페이지를 만들어보자.

Survey 테이블의 모든 레코드를 불러온 후 종류별로 합계를 구하여 표시하는 방식으로 구현하도록 한다.

[예제: 191_surveyView.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/179_checkSignSession.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/cssControlPanel/163_connection.php';

  $sql = "SELECT kind FROM survey";
  $result = $dbConnect->query($sql);

  if($result) {
    $surveyDataCount = $result->num_rows;

    $offlineStore = 0;
    $onlineStore = 0;
    $website = 0;
    $friends = 0;
    $academy = 0;
    $noMemory = 0;
    $etc = 0;

    if($surveyDataCount > 0) {
      for($i = 0; $i < $surveyDataCount; $i++) {
        $surveyData = $result->fetch_array(MYSQLI_ASSOC);

        switch($surveyData['kind']) {
          case 'offlineStore':
            $offlineStore++;
            break;
          case 'onlineStore':
            $onlineStore++;
            break;
          case 'website':
            $website++;
            break;
          case 'friends':
            $friends++;
            break;
          case 'academy':
            $academy++;
            break;
          case 'noMemory':
            $noMemory++;
            break;
          case 'etc':
            $etc++;
            break;
        }
      }
    } else {
      echo "데이터가 없습니다.";
      exit;
    }
  } else {
    echo "에러 발생 - 관리자에게 문의";
    exit;
  }
?>
<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
  <h1>설문조사 프로그램 - 결과</h1>  
  <h2>당신은 어떤 경로를 통해 책 정보얻나요?</h2>
  <h3>총 참여 인원 : <?=$surveyDataCount?></h3>
  <hr>
    오프라인 서점 - <?=$offlineStore?>명<br><br>
    온라인 서점 - <?=$onlineStore?>명<br><br>
    웹사이트 - <?=$website?>명<br><br>
    지인을 통해서 - <?=$friends?>명<br><br>
    교육기관 - <?=$academy?>명<br><br>
    기억이 안남 - <?=$noMemory?>명<br><br>
    기타 - <?=$etc?>명
</body>
</html>

1. survey 테이블에서 kind 필드의 데이터를 모두 불러오는 쿼리문을 생성한다.

2. 쿼리문을 실행하고 레코드의 수를 변수 surveyDataCount에 대입한다.

3. 변수 offlineStore 에는 survey 테이블의 kind 필드값이 offlineStore인 레코드의 합계를 대입한다.

4. 변수 oflineStore 에는 survey 테이블의 kind 필드값이 onlineStore인 레코드의 합계를 대입한다.

5. 변수 website에는 survey 테이블의 kind 필드값이 website인 레코드의 합계를 대입한다.

6. 변수 friends에는 survey 테이블의 kind 필드값이 friends인 레코드의 합계를 대입한다.

7. 변수 academy에는 survey 테이블의 kind 필드값이 academy인 레코드의 합계를 대입한다.

8. 변수 noMemory에는 survey 테이블의 kind 필드값이 noMemory인 레코드의 합계를 대입한다.

9. 변수 etc에는 survey 테이블의 kind 필드값이 etc인 레코드의 합계를 대입한다.10. survey 테이블의 레코드의 수 만큼 반복문을 작동시킨다.11. survey 테이블의 kind 필드값을 switch 문을 통하여 분류하여 각각의 변수에 1씩 더하여 더한값을 집계한다.12. 집계한 데이터를 출력한다.

실행 URL은 http://localhost/php/survey/191_surveyView.php 이다.

실행결과

보통 위와같은 수치 데이터는 그래프를 활용하여 출력한다.

다음 포스팅에서는 survey 테이블의 데이터를 구글 차트를 사용하여 차트로 표시하는 방법에 대해 알아보겠다.

[PHP] 설문조사 프로그램 만들기 (3/4) - 설문조사 데이터 테이블에 저장하기

Playdaddy — Fri, 28 Oct 2022 00:45:40 +0900

[PHP] 설문조사 프로그램 만들기 (3/4) - 설문조사 데이터 테이블에 저장하기

설문조사 프로그램 페이지에서 입력한 데이터를 survey 테이블에 저장한다.

설문조사는 한 계정당 1회만 할 수 있게 만들며 데이터 입력 전에 설문조사 참여 유무를 확인 후 테이블에 데이터를 입력하는 과정으로 진행된다.

다음은 survey 테이블에 데이터를 입력하는 예제이다.

[예제: 190_surveySave.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/179_checkSignSession.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/cssControlPanel/163_connection.php';

  $surveyKind = $_POST['surveyKind'];

  // 값 유효성 검사
  switch($surveyKind) {
    case 'offlineStore':
    case 'onlineStore':
    case 'website':
    case 'friends':
    case 'academy':
    case 'noMemory':
    case 'etc':
      break;
    default :
      echo "잘못된 값이 입력되었습니다.";
      exit;
      break;
  }

  $memberID = $_SESSION['memberID'];

  // 이미 설문조사를 했는지 확인
  $sql = "SELECT surveyID FROM survey WHERE memberID = {$memberID}";
  $result = $dbConnect->query($sql);

  if($result) {
    $dataCount = $result->num_rows;
    if($dataCount == 0) {
      // 설문조사 가능
      $regDate = time();
      $sql = "INSERT INTO survey (memberID, kind, regDate) ";
      $sql .= "VALUES ('{$memberID}', '{$surveyKind}', '{$regDate}')";
      $result = $dbConnect->query($sql);

      if($result) {
        echo "설문조사 참여 완료<br>";
        echo "<a href='./191_surveyView.php'>설문조사 결과로 이동</a>";
        exit;
      } else {
        echo "저장 실패 - 관리자에게 문의";
        exit;
      }
    } else {
      // 설문조사 불가
      echo "이미 참여하셨습니다.<br>";
      echo "<a href='./191_surveyView.php'>설문조사 결과로 이동</a>";
      exit;
    }
  } else {
    echo "저장실패 - 관리자에게 문의";
    exit;
  }
?>

1. 설문조사 선택 페이지에서 전달받은 값을 변수 surveyKind에 대입한다.

2. 변수 surveyKind가 올바른 값인지 확인한다.

3. 이미 설문조사에 참여한 회원인지 확인하기 위해 회원번호와 같은 레코드가 있는지 확인하기 위한 쿼리문을 만든다.

4. 이미 설문조사에 참여했는지에 대해 확인하기 위해 레코드의 개수를 변수 dataCount에 대입한다.

5. 레코드의 수가 0이면 설문조사에 참여하지 않았음을 의미한다.

6. 설문조사 참여 시간을 변수 regDate에 대입한다.

7. survey 테이블에 데이터를 입력하는 쿼리문을 생성한다.

sruvey 테이블에 데이터를 입력하기 위해 설문조사 페이지를 실행하여 데이터를 선택 후 [제출] 버튼을 누른다.

실행 URL은 http://localhost/php/survey/189_surveyForm.php 이다.

실행결과

터미널이나 phpMyAdmin 에 접속하여 survey 테이블의 레코드를 확인할 수 있다.

[PHP] 설문조사 프로그램 만들기 (2/4) - 설문조사 선택폼 생성하기

Playdaddy — Fri, 28 Oct 2022 00:22:31 +0900

[PHP] 설문조사 프로그램 만들기 (2/4) - 설문조사 선택폼 생성하기

설문조사 데이터를 입력하는 페이지를 생성해보자.

보기에서는 한개만 선택할 수 있도록 라디오 버튼을 사용하도록 한다.

다음은 설문조사의 보기 선택폼의 예제이다.

[예제: 189_surveyForm.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/cssControlPanel/163_connection.php';
?>
<!DOCTYPE html>
<html lang="ko">
<head>
  <title>설문조사 프로그램</title>
</head>
<body>
  <h1>설문조사 프로그램</h1>
  <h2>당신은 어떤 경로를 통해 책 정보얻나요?</h2>
  <form name="survey" method="POST" action="./190_surveySave.php">
    <input type="radio" name="surveyKind" value="offlineStore" required />
    오프라인 서점
    <br>
    <input type="radio" name="surveyKind" value="onlineStore" />
    온라인 서점
    <br>
    <input type="radio" name="surveyKind" value="website" />
    웹사이트
    <br>
    <input type="radio" name="surveyKind" value="friends" />
    지인을 통해서
    <br>
    <input type="radio" name="surveyKind" value="academy" />
    교육기관
    <br>
    <input type="radio" name="surveyKind" value="noMemory" />
    기억이 안남
    <br>
    <input type="radio" name="surveyKind" value="etc" />
    기타
    <br>
    <input type="submit" value="제출" />
  </form>
</body>
</html>

1. 비로그인 상태에서의 접근을 차단한다.

2. 설문조사의 보기를 입력하기 위한 form 태그를 생성한다.

3. 설문조사 보기의 입력폼이다. type 속성의 값으로 radio를 사용할 때 name 속성의 값이 같다면 하나의 태그에만 required 속성을 사용해도 전체적으로 required가 적용된다.

4. form 태그의 데이터를 전송하는 버튼을 생성한다.

실행 URL은 http://localhost/php/survey/189_surveyForm.php 이다.

실행결과

[PHP] 설문조사 프로그램 만들기 (1/4) - survey 테이블 생성하기

Playdaddy — Fri, 28 Oct 2022 00:03:00 +0900

[PHP] 설문조사 프로그램 만들기 (1/4) - sruvey 테이블 생성하기

간단한 설문조사 프로그램을 만들어보자.

이 프로젝트는 설문조사의 여러 항목을 선택후 데이터베이스에 저장하고 결과를 확인하는 방식으로 진행하도록 하자.

[설문조사 프로그램 만들기]는 [php/survey] 폴더를 생성후 이곳에 파일을 저장하도록 한다.

설문조사 데이터가 저장될 테이블을 생성하자.

테이블의 이름은 survey이며 survey 테이블 생성 쿼리문은 다음과 같다.

CREATE TABLE survey (
surveyID int(10) unsigned NOT NULL AUTO_INCREMENT,
memberID int(10) unsigned DEFAULT NULL,
kind enum('offlineStore', 'onlineStore', 'website', 'friends', 'academy', 'noMemory', 'etc'),
regDate int(10) unsigned DEFAULT NULL,
PRIMARY KEY (surveyID)
)CHARSET=utf8;

kind 필드에는 정해진 값만 입력될 수 있도록 enum을 사용하여 값을 지정한다.

다음은 survey 테이블을 생성하는 예제이다. [survey]폴더에 저장하도록 하자.

[예제: 188_createSurvey.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/cssControlPanel/163_connection.php';

  $sql = "CREATE TABLE survey(";
  $sql .= "surveyID int(10) unsigned NOT NULL AUTO_INCREMENT, ";
  $sql .= "memberID int(10) unsigned DEFAULT NULL, ";
  $sql .= "kind enum('offlineStore', 'onlineStore', 'website', 'friends', 'academy', 'noMemory', 'etc'), ";
  $sql .= "regDate int(10) unsigned DEFAULT NULL, ";
  $sql .= "PRIMARY KEY (surveyID)) CHARSET=utf8";

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

  if($result) {
    echo "테이블 생성 완료";
  } else {
    echo "테이블 생성 실패";
  }
?>

sruvey 테이블을 생성하는 쿼리문을 실행해보자.

실행 URL은 http://localhost/php/survey/188_createSurvey.php 이다.

실행결과

터미널이나 phpMyAdmin에 접속하여 생성된 테이블의 목록을 확인할 수 있다.

[PHP] 게시판 만들기 (10/10) - 검색 결과 확인하기

Playdaddy — Thu, 27 Oct 2022 02:37:45 +0900

[PHP] 게시판 만들기 (10/10) - 검색 결과 확인하기

앞에서 생성한 검색폼에서 데이터를 전달받아 검색 결과를 출력하는 기능을 구현해보자.

검색폼의 select 태그에 있는 옵션([제목], [내용], [제목과내용], [제목 또는 내용])에 따라 쿼리문의 조건문이 다르게 바뀐다.

옵션에 따른 조건문의 변화

옵션명	옵션값	조건문
제목	title	title = 검색어
내용	content	content = 검색어
제목과내용	tandc	title = 검색어 AND content = 검색어
제목 또는 내용	torc	title = 검색어 OR content = 검색어

다음은 검색 결과를 출력하는 예제이다.

[예제: 187_searchResult.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/179_checkSignSession.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/cssControlPanel/163_connection.php';

  $searchKeyword = $dbConnect->real_escape_string($_POST['searchKeyword']);
  $searchOption = $dbConnect->real_escape_string($_POST['option']);

  if($searchKeyword == '' || $searchKeyword == null) {
    echo "검색어가 없습니다.";
    exit;
  }

  switch($searchOption) {
    case 'title':
    case 'content':
    case 'tandc':
    case 'torc':
      break;
    default :
      echo "검색 옵션이 없습니다.";
      exit;
      break;
  }

  $sql = "SELECT b.boardID, b.title, m.nickName, b.regDate FROM board b JOIN member m ON (b.memberID = m.memberID) ";
  
  switch($searchOption) {
    case 'title':
      $sql .="WHERE b.title LIKE '%{$searchKeyword}%'";
      break;
    case 'content':
      $sql .="WHERE b.content LIKE '%{$searchKeyword}%'";
      break;
    case 'tandc':
      $sql .="WHERE b.title LIKE '%{$searchKeyword}%' AND b.content LIKE '%{$searchKeyword}%'";
      break;
    case 'torc':
      $sql .="WHERE b.title LIKE '%{$searchKeyword}%' OR b.content LIKE '%{$searchKeyword}%'";
      break;
  }

  $result = $dbConnect->query($sql);
  if($result) {
    $dataCount = $result->num_rows;
  } else {
    echo "오류발생 - 관리자 문의";
    exit;
  }
?>

<!DOCTYPE html>
<html lang="ko">
<head>
  <title>검색 결과</title>
</head>
<body>
  <a href="./180_writeForm.php">글 작성하기</a>
  <a href="/php/joinLogin/signIn/177_signOut.php">로그아웃</a>
  <table>
    <thead>
      <th>번호</th>
      <th>제목</th>
      <th>작성자</th>
      <th>게시일</th>
    </thead>
    <tbody>
      <?php
        if($dataCount > 0) {
          for($i = 0; $i < $dataCount; $i++) {
            $memberInfo = $result->fetch_array(MYSQLI_ASSOC);
            echo "<tr>";
            echo "<td>".$memberInfo['boardID']."</td>";
            echo "<td><ahref='./185_view.php?boardID={$memberInfo['boardID']}'>{$memberInfo['title']}</a></td>";
            echo "<td>".$memberInfo['nickName']."</td>";
            echo "<td>".date('Y-m-d H:i:s', $memberInfo['regDate'])."</td>";
            echo "</tr>";
          }
        } else {
          echo "<tr><td colspan='4'>{$searchKeyword}를 포함하는 게시글이 없습니다.</td></tr>";
        }
      ?>
    </tbody>
  </table>
</body>
</html>

1. 검색폼에서 전달받은 데이터를 변수에 대입한다.

2. 검색어의 공백 여부를 확인한다.

3. 검색 옵션이 올바른 값인지 확인한다.

4. 게시물을 불러오는 쿼리문이며 WHERE문은 검색 옵션값에 따라 별도록 만들어준다.

5. table 태그에 검색된 게시물을 출력한다.

6. 조건에 맞는 게시물이 없는 경우의 출력문을 만든다.

실행 URL은 http://localhost/php/board/183_list.php 이다.

다음은 검색어로 [24번째]를 입력했으며 옵션은 [내용]을 선택한 그림이다.

실행결과

1개의 검색결과를 표시해주고 있는것을 확인 할 수있다.

[PHP] 게시판 만들기 (9/10) - 검색폼 생성하기

Playdaddy — Thu, 27 Oct 2022 02:09:56 +0900

[PHP] 게시판 만들기 (9/10) - 검색폼 생성하기

특정 단어가 포함된 게시물을 검색하는 기능을 구현해보자.

생성할 검색폼은 검색어 입력폼과 옵션을 선택하는 폼으로 구성된다.

옵션에는 제목, 내용, 제목과 내용, 제목 또는 내용으로 구성되며 [제목]을 선택하는 경우 제목에서만 특정 단어가 포함되어 있는지 확인하며, [내용] 도 동일하다. [제목과 내용] 옵션은 제목에도 특정 단어가 포함되고 내용에도 특정 단어가 포함되는 게시물을 불러온다. [제목 또는 내용] 옵션은 제목과 내용 어느 한 부분이라도 특정 단어가 포함되어 있으면 해당 게시물을 불러오게 구현한다.

다음은 검색폼을 생성하는 예제이다.

이 예제는 [코드 183]에서 include 하는 파일이다.

[예제: 186_searchForm.php ]

<form name="search" method="POST" action="./187_searchResult.php">
  <input type="text" name="searchKeyword" placeholder="검색어 입력" required />
  <select name="option" required>
    <option value="title">제목</option>
    <option value="content">내용</option>
    <option value="tandc">제목과내용</option>
    <option value="torc">제목 또는 내용</option>
  </select>
  <input type="submit" value="검색" />
</form>

이 예제도 게시글 목록 페이지에서 include하므로 브라우저에서 게시글 목록 페이지를 호출한다.

실행 URL은 http://localhost/php/board/183_list.php 이다.

실행결과

이제 목록 페이지에서 include하는 파일들이 만들어졌으므로 이전과 같은 오류메시지는 뜨지 않는것을 확인할 수 있다.

[PHP] 게시판 만들기 (8/10) - 게시물 내용 보기

Playdaddy — Thu, 27 Oct 2022 01:55:17 +0900

[PHP] 게시판 만들기 (8/10) - 게시물 내용 보기

앞에서 생성한 [183_list.php]에서 게세물의 제목을 클릭하면 내용을 볼 수 있는 페이지를 생성해보자.

URL에 GET 방식으로 함꼐 전달된 boardID의 값을 이용하여 해당 게시물의 내용을 불러오는 방식으로 구현한다.

다음은 게시물의 내용을 표시하는 예제이다.

[예제: 195_view.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/179_checkSignSession.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/cssControlPanel/163_connection.php';

  if(isset($_GET['boardID']) && (int) $_GET['boardID'] > 0) {
    $boardID = $_GET['boardID'];
    $sql = "SELECT b.title, b.content, m.nickName, b.regDate FROM board b JOIN member m ON (b.memberID = m.memberID) ";
    $sql .= "WHERE b.boardID = {$boardID}";
    $result = $dbConnect->query($sql);

    if($result) {
      $contentInfo = $result->fetch_array(MYSQLI_ASSOC);
      echo "제목 : ".$contentInfo['title']."<br>";
      echo "작성자 : ".$contentInfo['nickName']."<br>";
      $regDate = date('Y-m-d h:i:s');
      echo "게시일 : {$regDate} <br><br>";
      echo "내용 <br>";
      echo $contentInfo['content']."<br>";
      echo "<a href='/php/board/183_list.php'>목록으로 이동</a>";
    } else {
      echo "잘못된 접근 입니다.";
      exit;
    }
  } else {
    echo "잘못된 접근 입니다.";
    exit;
  }
?>

1. $_GET['board']가 존재하고 0을 초과하는지 확인한다.

2. $_GET['board']의 값을 변수 boardID에 대입한다.

3. 게시물의 제목과 내용 게시일 그리고 작성자 정보를 가져오는 쿼리문을 만든다.

4. 테이블에서 불러온 데이터를 출력한다.

실행 URL은 http://localhost/php/board/183_list.php 이다.

게시물 목록 페이지에서 제목을 클릭하여 [코드 185]의 결과를 확인할 수 있다.

실행결과

[PHP] 게시판 만들기 (7/10) - 다음 페이지로 이동 링크(페이징) 생성하기

Playdaddy — Wed, 26 Oct 2022 04:16:28 +0900

[PHP] 게시판 만들기 (7/10) - 다음 페이지로 이동 링크(페이징) 생성하기

앞에서생성한 게시물 목록의 쪽수를 출력하는 [184_nextPageLink.php] 파일을 만들어보자.

게시물의 페이지 기능은 위와 같이 구성된다.

[처음] 링크는 첫페이지로 이동하는 링크이다.

[이전] 링크는 현재 페이지의 이전 페이지로 이동하는 링크이다.

[페이지수] 링크는 현재 페이지를 기준으로 앞페이지 5개를 표시하고 뒷 페이지 5개를 표시한다.

[다음] 링크는 현재 페이지의 다음 페이지로 이동하는 링크이다.

[끝] 링크는 가장 마지막 페이지로 이동하는 링크이다.

이전 페이지가 없는 경우에는 [이전] 링크를 표시하지 않으며 다음 페이지가 없는 경우 [다음] 링크를 표시하지 않는다.

[처음] 링크와 [끝] 링크는 항상 표시하게 한다.

다음은 페이징 기능의 예제이다.

[예제: 184_nextPageLink.php ]

<?php
  //전체 레코드 수 구하기
  $sql = "SELECT count(boardID) FROM board";
  $result = $dbConnect->query($sql);

  $boardTotalCount = $result->fetch_array(MYSQLI_ASSOC);
  $boardTotalCount = $boardTotalCount['count(boardID)'];

  //총 페이지 수
  $totalPage = ceil($boardTotalCount / $numView);

  //처음 페이지 이동 링크
  echo "<a href='./183_list.php?page=1'>처음</a>&nbsp;";

  //이전 페이지 이동 링크
  if($page != 1) {
    $previousPage = $page - 1;
    echo "<a href='./183_list.php?page={$previousPage}'>이전</a>";
  }

  //현재 페이지의 앞 뒤 페이지 수 표시
  $pageTerm = 5;

  //처음 표시할 페이지를 현재 페이지를 기준으로 5개 이전까지만 표시
  $startPage = $page - $pageTerm;
  //음수일 경우 처리
  if($startPage < 1) {
    $startPage = 1;
  }

  //처음 표시할 페이지를 현재 페이지를 기준으로 5개 이전까지만 표시
  $lastPage = $page + $pageTerm;

  //마지막 페이지의 수보다 클 경우 처리
  if($lastPage >= $totalPage) {
    $lastPage = $totalPage;
  }

  for($i = $startPage; $i <= $lastPage; $i++) {
    $nowPageColor = 'unset';
    if($i == $page) {
      $nowPageColor = 'hotpink';
    }
    echo "&nbsp<a href='./183_list.php?page={$i}'";
    echo "style='color:{$nowPageColor}'>{$i}</a>&nbsp";
  }

  //다음 페이지 이동 링크
  if($page != $totalPage) {
    $nextPage = $page + 1;
    echo "<a href='./183_list.php?page={$nextPage}'>다음</a>";
  }

  //마지막 페이지 이동 링크
  echo "&nbsp;<a href='./183_list.php?page={$totalPage}'>끝</a>";
?>

1. board 테이블의 레코드 수를 불러오는 쿼리문이다.

2. 쿼리문을 실행한다.

3. 쿼리문의 데이터를 변수 boardTotalCount에 대입한다.

4. 변수 boardTotalCount의 레코드 수 정보를 변수 boardTotalCount에 다시 대입한다.

5. 총 페이지의 수를 구한다. 변수 numView는 [183_list.php]에 선언되어 있다. ceil() 함수는 올림을 하는 함수이며, 변수 numView의 값인 10으로 페이지를 구성할 때 남는 게시물을 표시하기 위해 반올림이나, 버림 처리를 하지 않고 올림 처리를 한다.

6. 처음 페이지로 이동하는 링크이다. $_GET 방식을 사용하며 page의 값을 1로 적용한다.

7. 처음 페이지인 1페이지에서는 이전 페이지로 이동할 수 없으므로 1페이지인 경우 이전 링크를 표시하지 않는다.

8. [이전] 링크를 출력한다.

9. 현재 페이지를 기준으로 앞 뒤로 5개의 페이지까지 표시한다. 모든 페이지를 표시하면 가로로 많은 양의 페이지가 표시되는 현상을 방지하기 위함이다. 예를 들어, 현재 페이지가 8페이지이면 페이지를 처음 시작하는 수는 3이된다.

10. 현재 페이지를 기준으로 처음 출력할 페이지의 수를 구한다. 현재 페이지에서 변수 pageTerm의 값을 뺸 값을 처음 페이지로 지정한다.

11. 변수 startPage의 값이 음수일 경우에는 변수 startPage에 1을 대입하여 1페이지부터 표시한다.

12. 현재 페이지를 기준으로 이후 표시할 페이지를 구한다. 현재 페이지에서 변수 pageTerm의 값을 더하여 표시할 페이지를 구한다.

13. 이후 표시할 페이지가 총 페이지의 수를 넘을 경우 마지막으로 표시할 페이지의 수를 총 페이지의 수로 변경한다.

14. 표시할 페이지 링크에서 처음 시작할 페이지와 마지막 페이지를 구했으므로 이 값으로 for 반복문을 이용하여 페이지 이동 링크를 생성한다.

15. 페이지 링크 중에서 현재 페이지는 다른 색을 표시하기 위해 변수 nowPageColor를 생성하고 기본값으로unset을 대입한다. unset은 CSS의 color 속성의 값으로 사용되며 값을 정의하지 않음을 의미한다.

16. 같은 페이지일 경우 변수 nowPageColor 에 값 hotpink를 대입한다.

17. 표시한 페이지 이동 링크이다. a 링크의 href 속성의 값으로 [183_list.php] 에 $_GET 방식으로 page의 값을 입력한다. a 링크에서 사용한 style 속성은 CSS 속성을 사용할 수 있는 속성이며, color 속성은 태그의 색을 지정하는 CSS 속성이다. $nbsp;는 공백을 표시하는 기능을 갖는다.

18. 현재 페이지가 마지막 페이지와 같다면 다음 링크를 표시하지 않는다.

19. [다음] 링크에서 이동할 값을 구한다. 현재 페이지의 값에서 1을 더한 값을 변수 nextPatge에 대입한다.

20. 마지막 페이지로 이동하는 링크이다.

[코드 184]는 [코드 183]에서 include 하는 파일이므로 [코드 183]을 웹프라우저에서 호출하여 테스트한다.

실행 URl은 http://localhost/php/board/183_list.php 이다

실행결과

아직 186_searchForm.php 파일은 만들어지지 않은 상태이므로 에러가 표시된다.

[PHP] 게시판 만들기 (6/10) - 게시물 목록 페이지 생성하기

Playdaddy — Wed, 26 Oct 2022 03:35:27 +0900

[PHP] 게시판 만들기 (6/10) - 게시물 목록 페이지 생성하기

앞 포스팅에서 임의로 게시물을 생성했다.

이제 이 게시물의 목록을 보는 페이지를 생성해보자.

게시물 목록 페이지는 모든 게시물을 불러오지 않고 등록된 시간을 기준으로 최신순으로 20개만 표시하게 생성하도록 하자.

또한 게시물은 table 태그를 사용하여 목록을 출력하도록 한다.

다음은 table 태그를 사용하여 만들 게시물 출력 폼이다.

번호	제목	작성자	게시일
50	50번째 제목	노는아빠	2022-10-26 02:50
49	49번째 제목	노는아빠	2022-10-26 02:50
48	48번째 제목	노는아빠	2022-10-26 02:50

위와 같은 테이블을 만들려면 table 태그를 사용하며, 제목에 해당하는 부분을 구성하려면 table 태그 내에서 thead 태그를 사용하며, thead 태그 내에서 칸을 생성할 때는 th 태그를 사용한다. 내용을 표시하는 부분은 tbody 태그를 사용한다. 라인을 생성할 때는 tr 태그를 사용하며 칸을 생성할 때는 td 태그를 사용한다.

위의 태이블을 table 태그를 사용하여 표시하면 다음과 같은 코드를 사용한다.

<table>
  <thead>
    <th>번호</th>
    <th>제목</th>
    <th>작성자</th>
    <th>게시일</th>
  </thead>
  <tbody>
    <tr>
      <td>50</td>
      <td>50번째 제목</td>
      <td>노는아빠>/td>
      <td>2022-10-26 02:50</td>
    </tr>
    <tr>
      <td>49</td>
      <td>49번째 제목</td>
      <td>노는아빠>/td>
      <td>2022-10-26 02:50</td>
    </tr>
    <tr>
      <td>48</td>
      <td>48번째 제목</td>
      <td>노는아빠>/td>
      <td>2022-10-26 02:50</td>
    </tr>
  </tbody>
</table>

다음은 게시물의 목록을 생성하는 예제이다.

[예제: 183_list.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/179_checkSignSession.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/cssControlPanel/163_connection.php';
?>
<!DOCTYPE html>
<html lang="ko">
<head>
  <title>게시물목록</title>
</head>
<body>
  <a href="./180_writeForm.php">글 작성하기</a>
  <a href="/php/joinLogin/177_signOut.php">로그아웃</a>
  <table>
    <thead>
      <th>번호</th>
      <th>제목</th>
      <th>작성자</th>
      <th>게시일</th>
    </thead>
    <tbody>
      <?php
        if(isset($_GET['page'])) {
          $page = (int) $_GET['page'];
        } else {
          $page = 1;
        }

        $numView = 10;
        $firstLimitValue = ($numView * $page) - $numView;

        $sql = "SELECT b.boardID, b.title, m.nickName, b.regDate FROM board b ";
        $sql .= "JOIN member m ON (b.memberID = m.memberID) ORDER BY boardID ";
        $sql .= "DESC LIMIT {$firstLimitValue}, {$numView}";
        $result = $dbConnect->query($sql);

        if($result) {
          $dataCount = $result->num_rows;

          if($dataCount > 0) {
            for($i = 0; $i < $dataCount; $i++) {
              $memberInfo = $result->fetch_array(MYSQLI_ASSOC);
              echo "<th>";
              echo "<td>".$memberInfo['boardID']."</td>";
              echo "<td><a href='/php/board/185_view.php?boardID={$memberInfo['boardID']}'>{$memberInfo['title']}</a></td>";
              echo "<td>{$memberInfo['nickName']}</td>";
              echo "<td>".date('Y-m-d H:i:s', $memberInfo['regDate'])."</td>";
              echo "</tr>";
            }
          } else {
            echo "<tr><td colspan='4'>게시글이 없습니다.</td></tr>";
          }
        }
      ?>
    </tbody>
  </table>

  <?php
    include $_SERVER['DOCUMENT_ROOT'].'/php/board/184_nextPageLink.php';
    include $_SERVER['DOCUMENT_ROOT'].'/php/board/186_searchForm.php';
  ?>
</body>
</html>

1. [171_session] 파일을 include 한다.

2. 비로그인 시에 접근할 수 없도록 [179_checkSignSession.php] 파일을 include 한다.

3. member 테이블과 board 테이블의 데이터를 가져오므로 [163_connection.php] 파일을 include 한다.

4. 게시물 목록 페이지에서 글 작성하기 페이지로 바로 이동할 수 있는 링크를 만든다.

5. 게시물 목록 페이지에서 바로 로그아웃 할 수 있는 링크이다.

6. table 태그의 제목에 해당하는 부분이다. 게시물 목록에서 출력할 정보는 게시물의 번호, 제목, 작성자, 게시일 이다.

7. 게시물 목록 페이지에는 한 페이지에 10개의 게시물 데이터를 출력한다. 그러므로 책의 쪽수 정보를 $_GET 방식으로 데이터를 전달한다. $_GET['page']가 없다면 1페이지 임을 의미한다.

8. 한번에 출력할 게시물의 수는 10이며 이 값을 변수 numView에 대입한다.

9. 변수 firstLimitValue는 쿼리문 LIMIT 문의 첫 번째 값으로 사용된다. 페이지수의 값에 따라 불러오는 데이터를 정하는 공식이다.

페이지수에 따른 LIMIT 문의 첫 번쨰 값의 변화는 다음과 같다.

페이지수	계산시	LIMIT문
1	(10 * 1) - 10	LIMIT 0, 10
2	(10 * 2) - 10	LIMIT 10, 10
3	(10 * 3) -10	LIMIT 20, 10

10. 게시글의 데이터를 불러오는 쿼리문이다. 작성자 정보를 함께 표시하지만 board 테이블에는 작성자 정보가 없기 때문에 member 테이블과 함께 memberID 정보를 매칭하여 작성자 정보를 함께 불러온다.

11. 불러온 데이터의 수만큼 table 태그의 tr 태그와 td 태그를 출력한다.

12. 제목을 누르면 해당 게시물의 내용을 볼 수 있는 페이지로 이동해야 하므로 a 링크를 사용하여 주소를 지정한다.

boardID의 값을 GET 방식으로 전송한다.

13. board 테이블에는 게시글을 작성한 시간이 타임스탬프로 되어 있으므로 이 값을 보기 쉽게 yyyy-mm-dd hh:mm:ss 형태로 변환한다.

14. 다음 페이지로 이동하는 링크가 있는 파일을 include 한다.

15. 검색 기능이 있는 파일을 include 한다.

실행 URL은 http://localhost/php/board/183_list.php 이다

실행결과

184_nextPageLink.php 와 186_searchForm.php 파일은 아직 만들지 않았기 때문에 에러가 표시된다.

[PHP] 게시판 만들기 (5/10) - 임의 게시물(Random Data) 입력하기

Playdaddy — Wed, 26 Oct 2022 02:44:08 +0900

[PHP] 게시판 만들기 (5/10) - 임의 게시물(Random Data) 입력하기

게시물의 목록 페이지를 만들어보자. 그 전에 게시물을 리스트로 생성하려면 많은 게시물 데이터가 필요하다. 게시물 입력폼이 있는 페이지로 여러개의 게시물을 직접 입력하려면 불편하므로 프로그래밍을 통해 임의로 board 테이블에 테이터를 입력해보자.

다음은 board 테이블에 임의로 데이터를 입력하는 예제이다.

[예제: 182_inputRandData.php ]

<?php
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/171_session.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/common/179_checkSignSession.php';
  include $_SERVER['DOCUMENT_ROOT'].'/php/cssControlPanel/163_connection.php';

  for($i = 1; $i <= 50; $i++) {
    $time = time();
    $sql = "INSERT INTO board (memberID, title, content, regDate) ";
    $sql .= "VALUES (5, '{$i}번째 제목', '{$i}번째 내용', {$time})";
    $result = $dbConnect->query($sql);
    if($result) {
      echo "{$i}번째 데이터 입력완료";
    } else {
      echo "{$i}번째 데이터 입력실패";
    }
  }
?>

1. for문에 쓰인 변수 i의 값은 memberID 필드의 값으로 사용되며 변수 i의 값이 1부터 50이 될 때까지 반복한다.

2. 레코드를 입력하는 시간을 변수 time에 대입한다.

3. board 테이블에 입력할 쿼리문을 작성한다. 제목에는 변수 i의 값을 사용하여 몇 번째 제목이라는 문구가 입력되며 내용에는 변수 i의 값을 사용하여 몇 번째 내용이라는 문구가 입력되게 한다.

4. 쿼리문을 실행한다.

쿼리문의 실행 여부를 확인해보자.

실행 URL은 http://localhost/php/board/182_inputRandData.php 이다.

실행결과