강좌

|  다양한 분야에 다소 전문적인 도움이 되는 강좌들입니다.

조회 수 495 추천 수 0 댓글 1
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
Extra Form

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

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

 

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

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

 

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

 

Who's humit

profile

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

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

대학생이었으나, 현재 공군 복무 중입니다 :)

http://humit.tistory.com/

http://humit.kr/

https://kin.naver.com/profile/jhjang1005


강좌

다양한 분야에 다소 전문적인 도움이 되는 강좌들입니다.

List of Articles
번호 게시판 제목 글쓴이 날짜 조회 수
공지 앞으로 ssh 사용시 한글 사용이 가능합니다. 7 마스터 2018.10.12 12884
공지 접속 불가 사태 수습은 진행중입니다. 35 마스터 2018.10.05 13526
공지 회원 전용 페이지가 생겼습니다. 10 file 마스터 2018.03.20 14157
206 도다의 강좌 #5 | 나무마크 for 미디어위키 12 file title: 은메달도다 2018.01.09 1097
205 웹앱 개발 강좌 0. 시작하기에 앞서 6 file 네모 2017.11.05 431
204 라이츄 과학츄 0. 프롤로그츄 14 file 허니버터뚠뚜니라이츄 2017.10.24 540
203 라이츄 과학츄 1. 대자연 탐구생활이츄 12 file 허니버터뚠뚜니라이츄 2017.10.26 441
202 웹앱 개발 강좌 1. 웹앱이 무엇일까요 3 file 네모 2017.11.05 738
201 Doge의 잡것 프로그래밍 1.마크다운이란 무엇인가? + OT 6 file Doge아시다시피 2017.11.26 522
200 라이츄 과학츄 10. 식물도 잠을 잔다? 13 file 허니버터뚠뚜니라이츄 2017.12.07 838
199 라이츄 과학츄 11. 돌연변이란 무엇인가츄-돌연변이의 종류 6 file 허니버터뚠뚜니라이츄 2017.12.17 584
198 강좌 110V와 220V를 사용하는 국가와 그 비교 1 title: 황금 서버 (30일)하루살이 2016.07.13 3595
197 라이츄 과학츄 12. 돌연변이란 무엇일까츄-변이원 file 허니버터뚠뚜니라이츄 2018.01.05 551
196 라이츄 과학츄 13. 풀때기에서 돌연변이를 어떻게 만들까츄 file 허니버터뚠뚜니라이츄 2018.01.29 458
195 라이츄 과학츄 14. 실험실에서 사용하는 기기에 대해 알아보겠츄 8 file 허니버터뚠뚜니라이츄 2018.02.25 1241
194 라이츄 과학츄 15. bp와 Da츄 file 허니버터뚠뚜니라이츄 2018.03.11 631
193 라이츄 과학츄 16. 형질전환입니츄-박테리아 3 file 허니버터뚠뚜니라이츄 2018.04.15 513
192 라이츄 과학츄 17. 형질전환입니츄-풀때기 3 file 허니버터뚠뚜니라이츄 2018.07.03 228
191 라이츄 과학츄 18. C3, C4, CAM이츄 3 file 허니버터뚠뚜니라이츄 2018.07.22 282
190 라이츄 과학츄 19. 카리킨에 대해 알아보시츄 9 file 허니버터뚠뚜니라이츄 2018.08.26 200
189 웹앱 개발 강좌 2. Cordova 작업환경 구축하기 (수정됨) 3 file 네모 2017.10.22 763
188 Doge의 잡것 프로그래밍 2. 마크다운을 응용하여 글을 써보자 file Doge아시다시피 2017.12.07 451
187 라이츄 과학츄 2. 제한효소츄 12 file 허니버터뚠뚜니라이츄 2017.10.30 318
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 Next
/ 11
서버에 요청 중입니다. 잠시만 기다려 주십시오...