[PHP] CSS 제어 프로그램 만들기 (8/8) - CSS 정보 저장하기

[PHP] CSS 제어 프로그램 만들기 (8/8) - CSS 정보 저장하기 앞에서 생성한 [코드 168]의 form 태그의 action 속성의 값인 [169_controlPanelSave.php] 파일을 생성해보자. 이 파일은 각각의 form 태그가 전송한 값을 전달받아 해당하는 selectorName 필드의 값이 있는 레코드에 입력받은 값을 업데이트한다. 다음은 form 태그의 값을 controlCSS 테이블에 저장하는 예제이다. [예제: 169_controlPanelSave.php ]

2022.10.19

[PHP] CSS 제어 프로그램 만들기 (7/8) - CSS 입력 페이지 만들기

[PHP] CSS 제어 프로그램 만들기 (7/8) - CSS 입력 페이지 만들기 앞에서 생성한 controlCSS 테이블에 값을 입력하는 페이지를 생성해보자. 이 페이지는 총 5개의 form 태그를 사용한다. 각각 wrap, leader, lefrArea, rightArea, footer가 selectorName 필드의 레코드에 값을 입력하는 용도의 form 태그이다. 다음은 CSS 데이터의 입력폼을 생성하는 예제이다. [예제: 168_controlPanel.php ] CSS CONTROL PANEL 흐름

2022.10.19

[PHP] CSS 제어 프로그램 만들기 (6/8) - CSS 파일 만들기

[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..

2022.10.19

[PHP] CSS 제어 프로그램 만들기 (5/8) - CSS 레코드 입력하기

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

2022.10.18

[PHP] CSS 제어 프로그램 만들기 (4/8) - CSS 적용할 페이지 만들기

[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 데이터가 없기 때문에 태그에 대한 스타일이 없다..

2022.10.18

[PHP] CSS 제어 프로그램 만들기 (3/8) - 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'..

2022.10.18

[PHP] CSS 제어 프로그램 만들기 (2/8) - 데이터베이스 접속 프로그램 만들기

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

2022.10.17

[PHP] CSS 제어 프로그램 만들기 (1/8) - 데이터베이스 생성 프로그램 만들기

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

2022.10.17