• 목록
  • 아래로
  • 위로
  • 1
  • title: 황금 서버 (30일)humit
  • 조회 수 1637

저번 시간에는 정적인 응답을 보여주는 방법에 대해서 살펴보았습니다.

이번 시간에는 이러한 정적인 응답을 어떻게 하면 동적인 응답으로 바꾸어서 보여줄 수 있는지에 대해서 살펴보도록 하겠습니다. 동적인 응답의 대표적인 예로 주사위 기능을 추가해보도록 합시다.

 

먼저 이전에 정적인 응답을 만들 때처럼 로그인을 하고, 버튼 추가하기 링크를 클릭합니다. 그리고 아래와 같이 폼의 내용을 채웁니다.

01.jpg

 

일단 이렇게 하면 '주사위'에 대한 기능이 추가가 되었지만 카카오톡 상에서는 이 기능을 아직 사용할 수 없습니다. 왜냐하면 우리는 '주사위'에 해당하는 keyboard를 생성하지 않았기 때문이지요. 간단하게 Default keyboard에 '주사위'를 추가하도록 합시다. 이전 강의대로 따라오셨다면, keyboard.config.php 파일을 받으셨을 때 아래와 같이 '안녕'과 '자기소개'라는 문구가 써져있을 겁니다.

02.jpg

 

그래서 아래처럼 이 파일에 '주사위'라는 문구를 배열에 추가하고 서버에 올립니다.

03.jpg

 

그러면 이제 처음 화면에서 '주사위' 버튼이 추가가 되어 있는 것을 볼 수 있습니다.

04.jpg

 

'주사위' 버튼을 누르면 아래와 같이 정적인 응답만을 볼 수 있습니다.

05.jpg

 

이제 이 파일을 수정해서 동적인 응답을 보여줄 수 있도록 하겠습니다. 일단 관리자 페이지로 가시면 '파일명 찾기'라는 링크가 있습니다. 이 링크를 클릭합니다. 그러면 아래 사진과 같이 텍스트를 입력할 수 있는 부분과 버튼이 있는 것을 확인할 수 있습니다.

06.jpg

 

이 파일명 찾기는 찾고자 하는 버튼의 이름을 입력하면 해당하는 파일이 있는지 체크하고 있으면 다운로드를 받을 수 있게 하고, 파일이 없으면 에러를 표시하도록 되어 있습니다. 그래서 이렇게 다운로드 받은 파일을 수정해서 서버 파일을 덮어쓰기 하면 됩니다.
여기에서는 '주사위'에 해당하는 기능을 수정할 것이므로 '주사위'를 입력하고 버튼을 눌러서 파일을 다운로드 받습니다. 그래서 다운로드 받은 파일을 열면 아래와 같은 화면을 볼 수 있습니다.

07.jpg

 

여기에서 주사위를 보여줄 수 있도록 하기 위해서 소스코드를 아래처럼 수정해서 저장을 한 후에 서버에 업로드합니다.

<?php
// content : 주사위
use \kakao\Msg;
use \kakao\Msg\Message;
use \kakao\Keyboard;

$dice_num = mt_rand(1, 6);

echo new Msg(
	new Message(
		"주사위의 눈의 수는 {$dice_num}입니다.",
		NULL,
		NULL
	),
	TRUE
);

이렇게 하면 주사위 기능이 구현이 끝났습니다. 이제 카카오톡 상에서 확인을 해봅시다.

08.jpg

 

잘 작동하는 것을 확인할 수 있습니다. 이렇게 해서 어떻게 동적인 응답을 만들 수 있는지에 대한 방법을 살펴보았습니다. 이를 응용하면 다양한 기능을 구현할 수 있으므로 잘 이용하시기 바랍니다.

 

작성자
title: 황금 서버 (30일)humit 119 Lv. (0%) 1147210/115200000EXP

Study For Us Hosting 1기 모니터링 관리자 (16.12.01 ~ 17.01.08.)

C++, Python, PHP를 주로 사용하며 알고리즘, DL, 해킹 쪽에 관심이 있습니다.

휴학생입니다.

티스토리 블로그 : http://humit.tistory.com/

카카오톡 봇 : http://pf.kakao.com/_Efrbu/chat

지식인 프로필 : https://kin.naver.com/profile/jhjang1005

댓글 1

ShiningLune
잏 이거 써봐야겠네요
comment menu
2016.08.22. 06:42

신고

"ShiningLune님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 마스터 24.02.11.17:21 1010
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 4686
130 저사양 PC/랩톱(노트북)을 위한 Win 10 세팅 image 하루살이 title: 황금 서버 (30일)하루살이 16.07.13.20:46 2817
129 [2019 고1] 통합사회_ 내멋대로 정리 끝 {협스} 16 갱생협스 갱생협스 19.04.26.21:30 2553
128 엔비디아 제어판 설정으로 비디오 화질 개선 1 image 하루살이 title: 황금 서버 (30일)하루살이 16.07.13.23:58 2494
127 [Node.js로 홈페이지 만들기] 기초 image YGL 20.12.11.23:46 2285
126 현재 내 컴퓨터에서 공유되어있는 공유폴더 확인하기 image 아이노 17.10.14.15:05 2214
125 온라인에서 Matlab을 사용해보자. 2 image humit title: 황금 서버 (30일)humit 16.07.14.01:00 2061
124 CentOS 6.X (6버전 모두 해당)에 웹서버 세팅을 해보자! LuisK 16.08.18.17:46 1993
123 [ASP.NET Core를 이용한 웹사이트 만들기] OT. ASP.NET Core란 무엇인가?, 작업 환경 구성 5 0x00000FF 0x00000FF 18.09.06.00:51 1927
122 [자동응답봇] 카카오톡 자동응답봇을 만들어보자 [1] 2 image humit title: 황금 서버 (30일)humit 16.07.16.11:38 1774
121 [XE] [PWA] 내 사이트를 앱으로 만들어보자! 4 image YGL 21.02.02.22:39 1723
120 웹호스팅에 쉽게 Let's Encrypt 설치하기 (2) - SSL For Free 이용하기 8 image YJSoft YJSoft 18.01.04.11:31 1659
[자동응답봇] 카카오톡 자동응답봇을 만들어보자 [4] 1 image humit title: 황금 서버 (30일)humit 16.07.26.21:27 1637
118 NVIDIA 사용자의 C:\ 용량확보 1 image 하루살이 title: 황금 서버 (30일)하루살이 16.09.25.13:10 1600
117 유튜브 영상 다음팟 플레이어로 재생하기 3 image 하루살이 title: 황금 서버 (30일)하루살이 16.09.25.13:13 1578
116 [Windows10/윈도우10] 마우스 커서 변경방법 image 막시모 막시모 16.08.04.09:13 1548
115 [Node.js로 홈페이지 만들기] Vue.js 설치 2 image YGL 20.12.18.22:07 1546
114 [Sublime Text 3] SFTP 설정 방법 1 image humit title: 황금 서버 (30일)humit 16.07.16.15:15 1474
113 [자동응답봇] 카카오톡 자동응답봇을 만들어보자 [0] humit title: 황금 서버 (30일)humit 16.07.15.14:01 1433
112 [ASP.NET Core를 이용한 웹사이트 만들기] 1. 시작하기 3 image 0x00000FF 0x00000FF 18.09.07.19:20 1432
111 [연구글]freenom한글도메인 7 image djdisodo 16.10.28.08:33 1384