[PHP] CSS 제어 프로그램 만들기 (6/8) - CSS 파일 만들기 [코드 165]의 파일인 [index.php]의 4라인에 명시된 [167_layoutCSS.php] 파일을 생성해보자. 이 파일은 controlCSS 테이블의 데이터를 불러와 CSS 코드를 생성하는 기능을 한다. [예제: 167_layoutCSS.php ] css파일은 확작장가 원래 css이다. 하지만 이 예제에서는 css를 데이터베이스에서 값을 가져오는 방식을 사용하므로 php프로그래밍이 가능하도록 link 태그에서 불러오는 파일의 확장자를 php로 만들었다. 대신 이 파일이 css용 파일이라는 의미로 php의 header 태그를 사용하여 content-type을 css로 인식하도록 한다. 실행 URL은 http://localho..

[PHP] CSS 제어 프로그램 만들기 (5/8) - CSS 레코드 입력하기 [코드 165]에 있는 태그의 id 속성인 wrap, header, leftArea, rightArea, footer의 스타일 정보를 저장할 레코드를 입력해보자. 레코드를 한번 입력후 이후 업데이트되는 정보는 UPDATE문을 사용하여 기존 내용을 수정하는 방식으로 한다. 다음은 각 셀렉터의 레코드를 입력하는 예제이다. [예제: 166_inputSelector.php ]

[PHP] CSS 제어 프로그램 만들기 (4/8) - CSS 적용할 페이지 만들기 입력한 CSS 데이터를 적용할 페이지를 생성해보자. html 태그의 head 태그에서 외부 파일을 불러올 수 있다. CSS 코드가 적힌 파일을 불러오려면 link 태그를 사용한다. [link 태그 사용 방법] href 속성에는 css 파일의 경로와 파일명을 적는다. 다음은 CSS를 적용하여 레이아웃의 결과를 확인하는 페이지의 예제이다. 파일명은 예제 번호를 붙이지 않고 [index.php]로 한다. [예제: index.php ] 실행 URL은 http://localhost/php/controlpanel/controlCSS/index.php 이다. 실행결과 아직은 입력된 CSS 데이터가 없기 때문에 태그에 대한 스타일이 없다..

[PHP] CSS 제어 프로그램 만들기 (3/8) - CSS 테이블 만들기 본격적으로 CSS를 제어하는 프로그램을 만들어 보자. CSS를 제어하는 프로그램은 php 폴더에 controlCSS 라는 폴더를 생성하여 진행하도록 한다. 우선 입력한 CSS의 정보를 담을 테이블을 생성해보자. 테이블의 이름은 controlCSS이며 사용할 쿼리문은 다음과 같다. CREATE TABLE controlCSS ( controlCSSID int(10) unsigned NOT NULL AUTO_INCREMENT, selectorName enum('wrap','header','leftArea','rightArea','footer') NOT NULL, floata eunm('left','right','none','unset'..

[PHP] CSS 제어 프로그램 만들기 (2/8) - 데이터베이스 접속 프로그램 만들기 [phpexample] 데이터베이스를 생성완료했다.이제 생성한 데이터베이스에 접속하는 프로그램을 만들어 보자.이 파일은 [CSS 제어 프로그램 만들기] 프로젝트 외에도 다른 프로젝트에서 공통적으로 사용하도록 한다. 다음은 [phpexample] 데이터베이스 접속 프로그램이다. [php/csscontrolpanel] 폴더에 생성하도록 하겠다. [코드: 163_connection.php ] 1. phpexample 데이터베이스에 접속하기 위한 접속 정보를 각각의 변수에 대입한다. 2. mysqli 클래스의 인스턴스를 생성하고 생성자에 접속 정보를 전달한다. 3. 데이터베이스 접속 실패 시 확인하기 위한 문구를 만든다. 4..

[PHP] CSS 제어 프로그램 만들기 (1/8) - 데이터베이스 생성 프로그램 만들기 재미 요소를 느낄 수 있을만한 프로그램을 한번 만들어 보자. PHP와 데이터베이스 그리고 HTML의 FORM 태그를 활용하여 웹페이지의 디자인을 변경(CSS변경)하는 프로그램이다. CSS는 웹페이지 디자인을 적용하는 스타일시트이다. 실무 파트에서 만드는 프로그램은 [htdocs] 폴더에서 [php]폴더를 생성한다. 생성한 [php] 폴더에 [csscontrolpanel] 폴더를 생성한 후 [csscontrolpanel] 폴더에 아래의 예제 파일을 생성한다. [코드 : 162_createDB.php ] 실행결과 이제 CSS 제어프로그램 만들기 예제에 사용하는 모든 코드는 [php/csscontrolpanel]에 작성하도..

158_AJAX와 PHP 연동 [요약] AJAX와 PHP 그리고 데이터베이스를 연동하는 기능에 대해 알아보자. AJAX를 활용하여 서버에 데이터를 전달하고 서버에서는 전달받은 값을 활용하여 각각 다른 데이터를 반환하여 사용자에게 알리는 기능을 구현해보자. 만들 프로그램은 이메일 주소가 이미 데이터베이스 내에 존재하는지 알려주는 프로그램이다. 다음은 이메일 주소를 입력하는 폼과 중복 확인 버튼이 있는 페이지이다. 페이지를 변환하지 않고 이메일 주소의 중복 유무를 확인하므로 form 태그를 사용하지 않는다. [예제: 161-1_client.php ] 위 코드에서 사용된 코드중 document.getElementById('status')는 id 속성의 값이 status인 태그를 선택하는 것을 의미한다. id ..

157_PHP 클라이언트에서 JSON 데이터 호출하기 [요약] AJAX를 사용하여 자바스크립트 언어로 JSON 데이터와 PHP 파일을 호출하는 방법에 대해 알아보자. JSON 데이터를 출력하는 페이지를 만들어봤다. 이 데이터를 클라이언트 사이드에서 페이지 변환없이 호출하고 반환된 데이터를 사용하는 방법에 대해 알아보자. 페이지 변환 ㅇ벗이 데이터를 주고 받으려면 AJAX(Asnchronous JavaScript And XML)를 사용한다. AJAX에 대해 간단히 확인해보자. AJAX는 웹 서비스에서 많이 사용되고 있는 기능이다. [좋아요], [공감], [비공감], [중복 아이디 확인] 등 들이 이에 해당한다고 할 수 있다. 클릭하여도 페이지의 변환 없이 해당 데이터를 요청하고 반환된 값에 따라 페이지에 ..

156_PHP 데이터베이스 자료를 JSON으로 만들기 json_encode() [요약] 테이블에서 데이터를 불러오는 방법과 PHP에서 JSON 데이터를 만드는 방법을 응용하여 PHP로 데이터베이스 자료를 JSON 데이터로 변경하는 방법에 대해 알아보자. PHP에서 JSON 데이터 생성하는 방법을 이용하여 데이터베이스의 데이터를 JSON 데이터로 출력하는 방법에 대해 알아보자. 이 방법은 앞에서 학습한 json_encode() 함수를 사용하므로 앞에서 학습한 내용과 크게 다르지 않다. 테이블의 데이터를 배열로 만들어 json_encode() 함수에 적용한다. 다음은 myMember 테이블의 데이터를 JSON 데이터로 생성하는 예제이다. [예제: 159_db-json.php ] 실행결과 데이터의 수가 늘어나..

155_PHP에서 데이터를 JSON으로 만들기 json_encode() [요약] PHP에서 JSON 으로 변경하기 위한 함수 json_encode() 에 대해 알아보자. 서버사이드에서 클라이언트 사이트로 데이터를 전송하려면 서버에서 데이터를 JSON으로 변경해야 한다. PHP의 데이터를 JSON으로 변경하려면 json_encode() 함수를 사용한다. [json_encode() 사용 방법] json_encode(변수); json_encode() 함수에 배열을 선언하여 키와 값을 표시한다. 다음 예제를 통해 확인해보자. [예제: 158_jsonEncode.php ] 실행결과 위 그림을 보면 [예제 158]에서 json_encode()의 아규먼트로 사용한 배열이 JSON 현태로 변경되었음을 확인할 수 있다...