 스킨이 구현되는 방법 (홈피관리) |
 
|
| 2003-11-25 (화) 14:08 조회:1623 | |
|
|
|
|
자 이제 실질적으로 스킨이 구현되는 모습을 볼 때가 왔다. 구현이 되는 모습을 보기 위해 간단한 예를 들어 시작해 보겠다. 예) 사용자가 이름을 입력하면 "[이름]님 안녕하세요"를 출력한다. 만약 이름이 없으면 "Hello World"를 출력한다. 위의 예에서 모듈과 스킨을 구분해 보자. 먼저 스킨 부분을 구분해 보면 - 사용자의 입력을 받기 위해서는 이름을 입력하는 페이지가 필요하다. - 또한 입력된 이름이 출력되는 페이지가 필요하다. 이들은 HTML 페이지 따라서 이들은 스킨으로 분류가 된다. 자 그럼 스킨을 하나하나 씩 만들어 보자. - 입력 폼 HTML <form method=post action=test.php?mode=process_input> 이름 : <input type=text name=name> <input type=submit> </form> - 출력 페이지 <title>xxx님 안녕하세요</title> <font size=5>xxx님 안녕하세요</font> 여기까지는 HTML 페이지의 제작과정이다. 이제 이 것들을 PHP 파일로 옮겨서 스 킨으로서 역할을 하도록 만들어 보자. - 스킨 파일은 한 페이지당 한 개씩 존재한다. - 스킨 파일 내부에서는 HTML 페이지의 내용을 변수에 저장을 한다. - 파일의 마지막에서 HTML 페이지를 저장하나 변수를 리턴한다. - 입력 폼 스킨 <? $string = <<<INPUTFORMSKIN <form method=post action=test.php?mode=process_input> 이름 : <input type=text name=name> <input type=submit> </form> INPUTFORMSKIN; return $string ; ?> - 출력 폼 스킨 <? $string = <<<OUTPUTSKIN <title>{$name}</title> <font size=5>{$name}</font> OUTPUTSKIN; return $string ; ?> 이렇게 작성하고 각각 input_form.php, output.php 파일로 skin 폴더에 저장한다 . 여기까지 했다면 스킨의 제작은 끝이다. 그럼 스킨에서 중요한 내용을 알아보도록 하자. HTML 코드를 변수에 저장하였다 . 이때 Perl 스타일로 문자열을 저장하였다. 이 방식은 내부에 있는 문자열을 그 대로 저장하기 때문에 HTML 코드를 그대로 옮기기가 쉬워진다. 일반적으로 문자열 을 저장할때는 " 를 사용하는데 이는 중간에 " 문자가 들어간다면 " 로 Escape 시켜 줘야 하는 번거로움이 있다. 하지만 <<<시작문자 [문자열] 시작문자; 이런 스타일로 문자열을 저장하면 기존의 HTML 코드를 별다는 Escape의 과정 없이 그대 로 붙여넣기 할 수 있어서 굉장히 효율적인 방식이다. 하지만 주의 할 점이 있는 데 문자열을 종료할 때 시작문자와 ; 사이에는 공백이 허용되지 않는다. 꼭 주의 하도록 하자. 가끔씩 실수로 공백 문자를 넣어서 변수값이 제대로 저장되지 않는 경우도 있다. return 문의 쓰임새를 알아보자. 스킨 안에는 마지막 줄에 return 문이 있는데 이는 어떻게 쓰이는 것일까? 이 것은 인터페이스 파일에서 include 문에서 사용이 된다. PHP 에서는 include 가 함수처럼 사용이 된다. 따라서 include 는 함수처 럼 리턴값이 존재하고 이를 변수에서 받아서 저장 할 수 있다. include 함수는 외 부파일을 내부에 포함 시키는 함수인데 외부파일이 성공적으로 삽입이 되면 1 실 패하면 0 을 리턴하는 함수이다. 그리고 PHP 4 부터는 외부파일에 return 문이 존 재하면 해당 return 값을 리턴한다. 스킨 파일에서 return 은 이러한 include 함 수의 속성을 이용하기 위하여 존재한다. 그럼 이제 모듈을 작성해 보자. 아까의 예에서 모듈 부분을 살펴보면 - 사용자가 입력한 값을 검사하여 "[이름]님 안녕하세요" 혹은 "Hello World" 를 생성하는 함수가 필요하다. <? // 입력을 처리하는 함수 // 문자열을 리턴한다. function ProcessInput( $name ) { if ( $name ) $string = $name."님 안녕하세요" ; else $string = "Hello Word" ; return $string ; } ?> 파일이름을 ProcessInput.php 라고 하고 module 폴더에 저장한다. 그럼 모듈 제 작도 끝이 났다. 이 함수는 $name 을 분석해서 결과물을 $string 에 저장하여 리 턴하는 함수이다. 그럼 마지막으로 인터페이스 파일을 만들어 보자. <? switch( $mode ) { case "input_form" : { $content = include "./skin/input_form.php" ; } break ; case "process_input" : { include "./module/ProcessInput.php" ; $name = ProcessInput( $_POST['name'] ) ; $content = include "./skin/output.php" ; } break ; } echo $content ; ?> 인터페이스 파일은 test.php 라고 하고 루트 폴더에 저장한다. test.php 파일은 $mode 라는 변수에 의해서 수행하는 역할이 달라진다. - input_form : 이 모드에서는 사용자의 입력을 받는 폼을 출력한다. - process_input : 이 모드에서는 사용자가 입력한 변수를 처리하고 출력한다. 중간에 화면에 뿌려진 결과물은 $content 라는 변수에 저장하고 인터페이스 파일 의 마지막에서 echo 라는 함수로 화면에 뿌려준다. 이제 실행 결과를 확인해 보자. ./test.php?mode=input_form 이라고 주소창에 쓴다. 스킨 시스템 구현시 지켜야 하는 규칙 이번 장에서는 스킨 시스템 구현시 지켜야 할 사항들을 알아보자. 스킨 시스템을 구현하기 전에 기본적으로 알아야 할 사항들이라고 생각하면 되겠다. 우선 디렉토리 구조를 살펴보자. 여기에서 제시하는 디렉토리 구조는 필자가 사 용하는 모델이며 굳이 따를 필요는 없다. 얼마든지 구미에 맞게 수정이 가능하다 . -> ./module/모듈기능/함수명.php -> ./skin/스킨명/스킨이름.php -> ./인터페이스 명 위의 예가 가장 일반적인 디렉토리 구조와 이름 짓는 방법이다. 예를 들어 보자. 게시판을 작성한다고 하면 ./module/board/ 라는 디렉토리를 생 성한다. 그리고 이 디렉토리 안에 게시판과 관련된 모듈을 저장한다. 이렇게 하면 많은 종류의 모듈을 제작했을대 서로 섞이지 않으며 잘 분류되어 있는 모습을 볼 수 있다. 또한 이렇게 분류가 되어 있으면 다음 프로젝트 때 쉽게 재사용 할 수 있다는 장점이 있다. 스킨은 화면에 보여지는 부분이다. 따라서 여러 버전이 존재 할 수 있다. 하나의 게시판 모듈에 여러개의 스킨이 존재 할 수 있는 것처럼 말이다. 이런 경우 스킨 폴더를 만들고 그 안에 스킨이름으로 폴더를 하나 더 만든다. 게시판 갤러리 스 킨 이라면 ./skin/board/gallery/ 같은 식으로 만들면 되겠다. 그리고 해당 폴더 내에 스킨 파일을 저장하면 되겠다. 나중에 스킨을 변경하기 위해서는 스킨 폴더 를 변경 시켜주기만 하면 되기 때문에 간단하게 스킨을 바꿀 수가 있다. 인터페이스 파일을 생성 할때의 규칙을 알아보자. 인터페이스 파일의 이름을 그 파일의 속성을 잘 알 수 있는 것으로 하자. 예를 들어 게시판의 인터페이스 파일 이라 하면 board.php 라고 이름 짓는 것이 좋을 것 이다. 인터페이스 파일은 일반적으로 switch 문을 사용하여 실행 모드를 결정한다. 이 때 switch 문에 모드 결정 변수가 들어가는데 이 변수의 이름은 무조건 $mode 라 고 하지 말고 $board_mode 나 $bd_mode 등과 같이 구분이 될 수 있는 변수 이름으 로 하는 것이 좋다. 이렇게 하면 나중에 인터페이스 파일을 확장해서 사용할 때 충돌이 일어나지 않는다. |
| 
|
