<< 제로보드 FLASH 공지사항 만들기 (1) >>

예전에 제가 올린 월간 하우PC 야웅칼럼에 올렸던 자료인데요.....
제로보드를 플래시로 구현하는 방법을 메일로 문의하시는 분들이 많아서....
이전의 자료를 정리해서 올립니다. (말이 좀 딱딱하더라도 이해부탁드려요..^^)

플래시를 전혀 모르는 이들을 위하여 따라하기 형식으로 쉽게 설명한 내용이니....공부하시는데 조금이라도 도움이 되시기를...^^
(초보자용이라 Step이 총 8개입니다.)

미리보기를 원하시면 다음을 먼저 살펴보세요.
http://yawoong.com/nzeo.html



Step 1. 플래시 게시판은 어떻게 만들까?
제로보드의 게시판 내용들을 플래시로 구현하기 전에 먼저 어떤 원리로 플래시 게시판이 가능한지에 대해서 알아보도록 하겠습니다. 플래시 5.0에서 구현 가능한 게시판형식은 플래시만의 독립적인 기능보다는 외부 프로그램과 연계하여 특정변수를 받아와 화면에 보여주는 경우가 대부분입니다.

그럼 게시판에서 어떤 변수값이 사용되는지에 대해서 살펴보도록 하겠습니다.

① 게시판 리스트 비교

< 제로보드 게시판 >


< 플래시 게시판 >



② 게시물 내용비교


< 제로보드 게시판 >


< 플래시 게시판 >

위에서 살펴 보았듯이 제로보드 게시판은 프로그램의 결과물을 화면에 출력하기 위하여 특정한 변수들을 사용하고 있습니다. (대부분의 게시판 프로그램이 특정 변수를 사용하여 결과물을 처리한다.)
제로보드의 경우  번호(number), 제목(subject), 내용(memo), 이름(name), 날짜(date)....등의 변수를 사용하여 화면에 표시할 것입니다.

자! 그럼 위의 변수값만 가지고 플래시 게시판을 만들 수 있을까요?
물론입니다. 앞에서도 잠깐 언급을 했지만 플래시 게시판은 플래시내에서 독립적인 프로그램이 돌아가는 것이 아니라 게시판에 대한 처리는 외부 프로그램에서 처리가 되고 플래시는 단지 결과값을 화면에 보여주거나 특별한 효과를 보여줄 뿐입니다.
그렇기 때문에 기본적인 플래시 프로그램을 만들기 위해서는 각 프로그램과 변수에 대한 대화가 이루어져야 합니다. 다시말해, 변수를 불러오고 (화면에 표시), 변수를 보내는(글쓰기)형식의 대화가 이루어 져야 합니다.



③ 외부에서 불러온 변수를 플래시에서 표현


외부에서 불러온 변수값을 플래시무비의 화면에 표시하기 위해서는 텍스트 필드의 Dynamic Text에서 동일한 변수(Variable)를 설정하여 표현할 수 있습니다.


Step 2. 플래시를 위한 최근 게시물을 추출해보자.
이번 장에서는 플래시에서 제로보드 게시물의 리스트와 내용을 보여주기 위하여 게시판에서 최근 게시물을 추출하는 별도의 PHP파일을 만들어 보도록 하겠습니다.

① 다음의 스크립트는 플래시에서 사용하게될 최근 5개 게시물에 대한 번호, 제목, 내용, 이름, 날짜를 각각 별도의 이름으로 추출하는 스크립트입니다. 다음과 같이 스크립트를 작성하고 Ynews.php라는 파일로 저장하기 바랍니다.

PHP언어를 알고 있는 독자라면 다음의 스크립트를 해석하는데 큰 어려움이 없겠지만, 모르는 독자라도 걱정할 필요는 전혀 없습니다. 파일을 작성하고 수정이 필요한 부분과 플래시에서 사용되는 부분에 대해서 유심히 살펴보기만 하면 됩니다. 자! 그럼 다음의 스크립트중에서 플래시에서 꼭 필요한 부분만 이해하고 넘어가 보도록 하겠습니다.

<?
$connect=mysql_connect("localhost","id","pass");
mysql_select_db("dbName");
$id = test;
$myTitle = "Flash Notice";
$result = mysql_query("select * from zetyx_board_$id order by no desc limit 5");
$i = 1;
while($data = mysql_fetch_array($result))
{
        $no = $data[no];
        $subject = stripslashes($data[subject]);
        $memo = stripslashes($data[memo]);
        $name = $data[name];
        $date = date("m/d",$data[reg_date]);
        echo "&number".$i."=".$no."";
        echo "&subject".$i."=".$subject."";
        echo "&memo".$i."=".$memo."";
        echo "&name".$i."=".$name."";
        echo "&date".$i."=".$date."";
$i ++;
}
mysql_close($connect);
echo "&myTitle=".$myTitle."";
echo "&complete=1";
?>

((설명))
① (Line 2~3) :
$connect=mysql_connect("localhost","id","pass");
mysql_select_db("dbName");
→ mysql DB 접속에 관한 환경설정으로 본인의 MYSQL에 대한 계정 정보로 바꾸어 준다.
localhost(호스트명), id(아이디), pass(비밀번호), dbName(mysql db이름)일반적으로 제로보드를 처음 설치할때에 기입한 정보로 수정하면 된다.
② (Line 4) :
$id = test;
→ 게시물을 추출할 게시판 아이디 설정으로 사용할 게시판의 이름(test)을 독자가 원하는 게시판이름으로 바꾸어 준다. (만약 추출할 게시판의 아이디가 notice라면 $id = notice;로 변경하면 된다.)
③ (Line 5)
$myTitle = "Flash Notice";
→ 완성된 플래시무비에서 보여질 타이틀(제목)이 되는 부분으로 무비에 보여지기를 희망하는 글자(‘Flash Notice’부분)로 변경해 준다.
④ (Line 15～19, 24)
echo "&number".$i."=".$no."";
echo "&subject".$i."=".$subject."";
echo "&memo".$i."=".$memo."";
echo "&name".$i."=".$name."";
echo "&date".$i."=".$date."";
echo "&myTitle=".$myTitle."";
→ 플래시에서 사용될 변수들(number, subject, memo, name, date, myTitle)를 echo문을 이용하여 출력하는 부분이다. 여기에서 유심히 살펴봐야 할 부분은 각각의 ‘변수(i)=값’이 &로 연결되어 출력이 된다는 점이다. 변수 &i값은 while반복문을 통하여 각각의 변수에 숫자값을 더하여 출력 해준다. (number1, number2, number3,...number5)
⑤ (Line 24)
echo "&complete=1";
→ 플래시에서 이 파일로부터 로딩이 완료되었는지를 체크하기 위하여 임의의 변수(complete=1)를 지정하여 출력하는 내용이다.


② 자! 이제 플래시에서 사용될 변수를 추출하는 스크립트가 완성되었습니다. 그럼 올바르게 작동되는지 여러분의 계정에 파일을 올린다음 파일을 호출하여 눈으로 직접 확인해 보도록 하겠습니다. (예 http://yawoong.com/Ynews.php )



내용이 다소 복잡하게 보일지 모르지만 화면에 출력되어진 내용은 의외로 간단한 결과물입니다. 플래시에서 사용될 변수이름과 내용을 각각 ‘&’로 연결하여 출력한 것입니다. (number1=번호&number2=번호&....number5=번호&memo1=내용&memo2=내용&....memo5=내용&)

우린 이렇게 출력되는 결과물(&로 연결되어진 변수명과 내용)들을 플래시내의 텍스트 필드를 통하여 보여주게 될 것입니다. 자! 그럼 다음 단계를 통하여 Ynews.php문서에서 출력되는 내용을 플래시에서 표현해 보도록 하겠습니다.


>>계속...

아래한글 문서를 웹문서로 변환하는 것도 꽤 시간이 걸리네요..(제로보드는 테이블이 적용이 안되네요) ^^;;
다음의 내용도 곧 정리해서 올리도록 하겠습니다.
아무쪼록 유용하게 사용하시기를 바라며........

Step 3. 외부 데이터를 플래시로 불러오는 방법
Step 4. 리스트 출력과 모션효과로 멋내기
Step 5. 게시물 내용과 뒤로가기 버튼 만들기
Step 6. 스크롤 버튼 만들기
Step 7. 투명버튼으로 링크 걸기
Step 8. 사운드 효과음으로 마무리하기



- 야웅올림 -