[PHP] 웹에서 입력한 코드 결과 보기 (2/2) - 코드의 실행 결과 보기 [코드 196]에서 입력한 코드를 받아서 파일로 생성하는 기능을 구현한다. 파일명은 mt_rand() 함수를 사용하여 랜덤으로 정하며, 중복 파일이 있는지 확인 후 중복 파일이 있다면 다른 파일명을 사용한다. 파일명은 찾은 후 해당 파일을 생성하여 입력한 코드를 파일에 fwrite() 함수를 사용해 쓴 후 해당 파일로 이동하는 방식으로 구현한다. 생성한 코드 파일은 [webEditor] 폴더에 있는 [codeList] 폴더에 저장하므로 [webEditor] 폴더에 [codeList] 폴더를 생성한다. 다음은 입력한 코드를 실행하는 예제이다. [예제: 197_playCode.php ] 1. 로그인한 사람만 사용할 수 있도록 세션..

[PHP] 웹에서 입력한 코드 결과 보기 (1/2) - 코드 입력폼 만들기 웹페이지에서 입력한 코드를 실행하는 프로그램을 만들어보자. 프로그램의 흐름은 코드를 입력하는 폼을 생성한 후 입력한 코드를 파일로 만들어 실행하는 방식으로 구성된다. 이 프로젝트는 [php/webEditor] 폴더를 생성 후 진행하도록 한다. textarea 태그를 사용하여 코드를 입력하는 폼을 생성한다. 다음의 코드를 [webEditor] 폴더에 생성하자. [예제: 196_editorForm.php ] 실행할 코드를 입력하세요 1. 로그인한 사람만 사용할 수 있도록 세션을 체크한다. 2. 코드를 입력할 form 태그를 생성한다. 3. 코드는 장문을 입력할 폼이 필요하므로 textarea 태그를 사용한다. 실행 URL은 http:..

[PHP] 설문조사 결과 데이터 차트 만들기 (4/4) - survey 테이블의 데이터를 차트로 보기 이전 포스팅의 그림은 코드에 직접 데이터 값을 입력하여 출력된 값을 주여주고 있었다. 이제 AJAX를 사용하여 파일 [193_surveyResultJson.php] 이 반환하는 JSON 데이터로 차트를 출력하는 방법에 대해 알아보자. 앞에서 생성한 survey 테이블의 JSON 데이터로 bar 차트를 생성하기 위해 AJAX를 사용하며 AJAX코드 안에서 차트의 데이터를 입력하는 방식으로 진행한다. [예제: 195-1_surveyResultBarChart.php ] 1. AJAX 통신을 통하여 [193_surveyResultJson.php] 파일로부터 반환받은 데이터를 대입한다. 2. 차트에 표시할 데이터..

[PHP] 설문조사 결과 데이터 차트 만들기 (3/4) - 구글 차트 구글에서 제공하는 차트 라이브러리를 사용하면 여러 데이터를 목적에 맞게 시각적으로 알기 쉽게 표현할 수 있다. 구글차트의 사이트 URL은 https://developers.google.com/chart/interactive/docs/gallery 이다. 구글차트 사이트에 접속하면 제공하는 차트의 종류를 볼 수 있다. 이 포스팅에서 survey 테이블의 데이터를 표시할 차트는 Bar 차트와 Pie 차트이다. Bar 차트의 기본 코드를 보면서 사용 방법을 확인해보자. [예제: 194_googleChart.php ] 1. 구글 차트의 라이브러리를 불러오는 코드이다. script 태그 내에서 자바스크립트 코드를 작성할 수 있으며, src 속성..

[PHP] 설문조사 결과 데이터 차트 만들기 (2/4) - survey 테이블의 데이터를 JSON으로 생성하기 구글에서 제공하는 차트 라이브러리는 웹브라우저에서 작동하는 자바스크립트 언어로 구성되어 있다. 그러므로 서버와 클라이언트 갑의 통신이 필요하다. 서로 다른 언어 간에 데이터를 전달해야 하므로 survey 테이블의 데이터를 JSON 데이터로 생성하는 작업이 필요하다. 다음은 survey 테이블의 데이터를 JSON 데이터로 생성하는 예제이다. [코드 191]과 기능은 거의 흡사하며 출력하는 데이터를 json_encode() 함수를 사용한다. [예제: 193_surveyResultJson.php ] 1. survey 테이블에서 kind 필드의 데이터를 모두 불러오는 쿼리문을 만든다. 2. 쿼리문을 실..

[PHP] 설문조사 결과 데이터 차트 만들기 (1/4) - survey 테이블에 임의의 데이터 입력하기 이전 포스팅의 설문조사 결과를 보면 단순히 숫자로만 표시되어 효과적으로 알기 어렵다. 그러므로 요즘은 이러한 데이터들을 차트로 표시하여 좀 더 눈에 보기 쉽게 표시하고 있다. 구글에서 제공하는 차트 라이브러리를 활용하여 데이터를 시각적으로 표현하여 더 알아보기 쉽게 만드는 방법에 대해 알아보자. 이번 프로젝트는 [gChart] 폴더를 만들고 진행하도록 한다. [php/gChart] 폴더를 생성하자. 많은 데이터가 없으므로 임의로 약 100개의 데이터를 survey 테이블에 입력하도록 하자. 다음은 랜덤으로 survey 테이블에 데이터를 입력하는 예제이다. [gChart] 폴더에 다음의 예제를 저장하자...

[PHP] 설문조사 프로그램 만들기 (4/4) - 설문조사 결과 확인하기 설문조사 결과를 확인하는 페이지를 만들어보자. Survey 테이블의 모든 레코드를 불러온 후 종류별로 합계를 구하여 표시하는 방식으로 구현하도록 한다. [예제: 191_surveyView.php ] 설문조사 프로그램 - 결과 당신은 어떤 경로를 통해 책 정보얻나요? 총 참여 인원 : 오프라인 서점 - 명 온라인 서점 - 명 웹사이트 - 명 지인을 통해서 - 명 교육기관 - 명 기억이 안남 - 명 기타 - 명 1. survey 테이블에서 kind 필드의 데이터를 모두 불러오는 쿼리문을 생성한다. 2. 쿼리문을 실행하고 레코드의 수를 변수 surveyDataCount에 대입한다. 3. 변수 offlineStore 에는 survey 테이..

[PHP] 설문조사 프로그램 만들기 (3/4) - 설문조사 데이터 테이블에 저장하기 설문조사 프로그램 페이지에서 입력한 데이터를 survey 테이블에 저장한다. 설문조사는 한 계정당 1회만 할 수 있게 만들며 데이터 입력 전에 설문조사 참여 유무를 확인 후 테이블에 데이터를 입력하는 과정으로 진행된다. 다음은 survey 테이블에 데이터를 입력하는 예제이다. [예제: 190_surveySave.php ]

[PHP] 설문조사 프로그램 만들기 (2/4) - 설문조사 선택폼 생성하기 설문조사 데이터를 입력하는 페이지를 생성해보자. 보기에서는 한개만 선택할 수 있도록 라디오 버튼을 사용하도록 한다. 다음은 설문조사의 보기 선택폼의 예제이다. [예제: 189_surveyForm.php ] 설문조사 프로그램 당신은 어떤 경로를 통해 책 정보얻나요? 오프라인 서점 온라인 서점 웹사이트 지인을 통해서 교육기관 기억이 안남 기타 1. 비로그인 상태에서의 접근을 차단한다. 2. 설문조사의 보기를 입력하기 위한 form 태그를 생성한다. 3. 설문조사 보기의 입력폼이다. type 속성의 값으로 radio를 사용할 때 name 속성의 값이 같다면 하나의 태그에만 required 속성을 사용해도 전체적으로 required가 적..

[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', 'onli..