검색결과 리스트
렛츠웹 + 게임/My Tip에 해당되는 글 77건
- 2009.01.05 보드생성 관리 소스
- 2009.01.05 [Mysql] FEDERATED Tables (DB Link)
- 2009.01.05 urlencode urldecode
- 2009.01.05 위로 스크롤 되는 배너
- 2009.01.05 innerhtml 을 이용해서 원하는 곳에 tr과 td를 삽입하는 방법
- 2009.01.05 linux 파일 검색,치환등
- 2009.01.05 사운드제어
- 2009.01.05 엑셀로다운받기
- 2009.01.05 소켓통신 프로토콜, xml 파싱
- 2009.01.05 키코드 만들기
- 2009.01.05 PHP, Ajax (prototype)을 이용한 XML 통신
- 2009.01.05 정규표현식(php)
- 2009.01.05 암,복호화 함수
- 2009.01.05 iframe자동 크기 조절
- 2009.01.05 엑셀저장처리
- 2007.10.09 표준웹코딩 예제
- 2007.06.09 표준웹코딩의 장점 Table for layout과 CSS layout의 비교실험
글
보드생성 관리 소스
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
ftp 접속하고 목록 뽑아서 파일 복사해오기 (0) | 2009.01.05 |
---|---|
계급아이콘,아바타 (0) | 2009.01.05 |
[Mysql] FEDERATED Tables (DB Link) (0) | 2009.01.05 |
urlencode urldecode (0) | 2009.01.05 |
위로 스크롤 되는 배너 (0) | 2009.01.05 |
글
[Mysql] FEDERATED Tables (DB Link)
Federated Tables기능을 사용하기 위해서는 Mysql 컴파일시 Configure에서 "-with-federated-storage-engine " 옵션을 주어야 한다. (MySQL 5.0.3 or newer. )
동일 서버 또는 원격지 서버 데이터베이스의 Table을 링크 할 수 있으며 사용방법은 다음과 같다.
■ 동일 서버 또는 원격지 서버의 Table
id INT(20) NOT NULL AUTO_INCREMENT,
name VARCHAR(32) NOT NULL DEFAULT '',
other INT(20) NOT NULL DEFAULT '0',
PRIMARY KEY (id),
INDEX name (name),
INDEX other_key (other)
)
ENGINE=MyISAM
DEFAULT CHARSET=latin1;
■ Federated Table 생성
id INT(20) NOT NULL AUTO_INCREMENT,
name VARCHAR(32) NOT NULL DEFAULT '',
other INT(20) NOT NULL DEFAULT '0',
PRIMARY KEY (id),
INDEX name (name),
INDEX other_key (other)
)
ENGINE=FEDERATED
DEFAULT CHARSET=latin1
CONNECTION='mysql://root@remote_host:9306/federated/test_table';
Connection String을 구성하는 방법은 아래와 같다.
CONNECTION='mysql://username:password@hostname:port/database/tablename'
CONNECTION='mysql://username@hostname/database/tablename'
CONNECTION='mysql://username:password@hostname/database/tablename'
※ Federated Tables의 취약점이라고 한다면 서버의 ID/Password가 노출된다는 점(?)이랄까?
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
계급아이콘,아바타 (0) | 2009.01.05 |
---|---|
보드생성 관리 소스 (0) | 2009.01.05 |
urlencode urldecode (0) | 2009.01.05 |
위로 스크롤 되는 배너 (0) | 2009.01.05 |
innerhtml 을 이용해서 원하는 곳에 tr과 td를 삽입하는 방법 (0) | 2009.01.05 |
글
urlencode urldecode
//urlencode
function URLEncode(txt)
{
// The Javascript escape and unescape functions do not correspond
// with what browsers actually do...
var SAFECHARS = "0123456789" + // Numeric
"ABCDEFGHIJKLMNOPQRSTUVWXYZ" + // Alphabetic
"abcdefghijklmnopqrstuvwxyz" +
"-_.!~*"()"; // RFC2396 Mark characters
var HEX = "0123456789ABCDEF";
var plaintext = txt;
var encoded = "";
for (var i = 0; i < plaintext.length; i++ ) {
var ch = plaintext.charAt(i);
if (ch == " ") {
encoded += "+"; // x-www-urlencoded, rather than %20
} else if (SAFECHARS.indexOf(ch) != -1) {
encoded += ch;
} else {
var charCode = ch.charCodeAt(0);
if (charCode > 255) {
alert( "Unicode Character ""
+ ch
+ "" cannot be encoded using standard URL encoding.n" +
"(URL encoding only supports 8-bit characters.)n" +
"A space (+) will be substituted." );
encoded += "+";
} else {
encoded += "%";
encoded += HEX.charAt((charCode >> 4) & 0xF);
encoded += HEX.charAt(charCode & 0xF);
}
}
} // for
return encoded;
};
function URLDecode(txt)
{
// Replace + with " "
// Replace %xx with equivalent character
// Put [ERROR] in output if %xx is invalid.
var HEXCHARS = "0123456789ABCDEFabcdef";
var encoded = txt;
var plaintext = "";
var i = 0;
while (i < encoded.length) {
var ch = encoded.charAt(i);
if (ch == "+") {
plaintext += " ";
i++;
} else if (ch == "%") {
if (i < (encoded.length-2)
&& HEXCHARS.indexOf(encoded.charAt(i+1)) != -1
&& HEXCHARS.indexOf(encoded.charAt(i+2)) != -1 ) {
plaintext += unescape( encoded.substr(i,3) );
i += 3;
} else {
alert( "Bad escape combination near ..." + encoded.substr(i) );
plaintext += "%[ERROR]";
i++;
}
} else {
plaintext += ch;
i++;
}
} // while
return plaintext;
};
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
보드생성 관리 소스 (0) | 2009.01.05 |
---|---|
[Mysql] FEDERATED Tables (DB Link) (0) | 2009.01.05 |
위로 스크롤 되는 배너 (0) | 2009.01.05 |
innerhtml 을 이용해서 원하는 곳에 tr과 td를 삽입하는 방법 (0) | 2009.01.05 |
linux 파일 검색,치환등 (0) | 2009.01.05 |
글
위로 스크롤 되는 배너
<!---------------------main_top_text_header.js------------------->
var topTextBanners = [['http://www.gmarket.co.kr/challenge/neo_sangsul/plan_display.asp?sid=32387&pos_shop_cd=EC&pos_class_cd=900000006&pos_class_kind=T','아이비&황보가 떴다!->','ico_event.gif']
,['http://www.gmarket.co.kr/challenge/neo_sangsul/plan_display.asp?sid=29571&pos_class_cd=900000011&pos_class_kind=T','[1+1]아동구두 7,500원!','ico_sale.gif']
,['http://www.gmarket.co.kr/challenge/neo_sangsul/plan_display.asp?sid=32401&pos_class_cd=900000011&pos_class_kind=T','원하시면 만들어드립니다!','ico_special.gif']
,['http://event.gmarket.co.kr/html/200704/070407_hanacard/070407_hanacard.asp?pos_shop_cd=EC&pos_class_cd=900000013&pos_class_kind=T','무료배송체험현장go->','ico_best.gif']
,['http://www.gmarket.co.kr/challenge/neo_category/large_category_gen_100000048.asp?pos_shop_cd=EC&pos_class_cd=900000014&pos_class_kind=T','G-온라인미용실OPEN','ico_hot.gif']
,];
var iScrollerHeight = 20; // 스크롤러의 세로
var iTotalArea = 0;
var bWait = true;
var bMouseOver = false;
var iScrollSpeed = 1; // Scrolling 속도
var iWaitTime = 4000; // 멈추는 시간
var iTemp = 0;
var iMovingAmount = 20;
var arrScrollContent = new Array();
var i;
function startscroll() // 스크롤 시작
{
for (i = 0; i < arrScrollContent.length; i++)
{
insert_area(iTotalArea, iTotalArea++); // area 삽입
}
window.setTimeout("scrolling()", iWaitTime);
}
function scrolling() // 실제로 스크롤 하는 부분
{
if (!bMouseOver && bWait)
{
for (i = 0; i < iTotalArea; i++)
{
tmp = document.getElementById('scroll_area' + i).style;
tmp.top = parseInt(tmp.top) - iScrollSpeed;
if (parseInt(tmp.top) <= -iScrollerHeight)
{
tmp.top = iScrollerHeight * (iTotalArea - 1);
}
if (iTemp++ == ((iMovingAmount - 1) * arrScrollContent.length + 1))
{
bWait = false;
window.setTimeout("bWait=true; iTemp=0;", iWaitTime);
}
}
}
window.setTimeout("scrolling()", 0);
}
function next_scrolling() // 실제로 스크롤 하는 부분
{
for (i = 0; i < iTotalArea; i++)
{
tmp = document.getElementById('scroll_area' + i).style;
tmp.top = parseInt(tmp.top) - iScrollerHeight;
if (parseInt(tmp.top) <= -iScrollerHeight)
{
tmp.top = iScrollerHeight * (iTotalArea - 1);
}
}
}
function insert_area(idx, n)
{
var strContent
strContent = '<div style="left: 0px; width: 179px; height: 20px; position:
strContent += arrScrollContent[idx];
strContent += '</div>';
document.write(strContent);
}
function checkMouseOver()
{
var count
count = 0
for (i = 0; i < iTotalArea; i++)
{
tmp = document.getElementById('scroll_area' + i).style;
if (parseInt(tmp.top) % iScrollerHeight != 0)
count++;
}
if(count == 0)
bMouseOver = true;
}
for(i=0; i<5; i++)
{
arrScrollContent[i] = "<table cellSpacing='0' cellPadding='0' width='100%' border='0'><tr><td width='39' align='center'><img src='http://image.gmarket.co.kr/challenge/neo_image/newmain5/" + topTextBanners[i][2] + "' width='35' height='11'></td><td width='140' class='texttopAD'><font color='#000000'><a href='" + topTextBanners[i][0] + "'>" + topTextBanners[i][1] + "</a></font></td></tr></table>";
}
<!-- Be Generated Successfully -->
<!--2007-04-12 19:10:00-->
<!---------------------main_top_text_header.js------------------->
<!---------------------실행------------------->
<script src=main_top_text_header.js></script>
<span style="left:0px;width:225px;position:relative;height:195px;top:3px">
<div style="left:0px;width:225px;clip: rect(0px 225px 195px 0px);position:
<script language="javascript">startscroll();</script>
</div>
</span>
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
[Mysql] FEDERATED Tables (DB Link) (0) | 2009.01.05 |
---|---|
urlencode urldecode (0) | 2009.01.05 |
innerhtml 을 이용해서 원하는 곳에 tr과 td를 삽입하는 방법 (0) | 2009.01.05 |
linux 파일 검색,치환등 (0) | 2009.01.05 |
사운드제어 (0) | 2009.01.05 |
글
innerhtml 을 이용해서 원하는 곳에 tr과 td를 삽입하는 방법
var selectedIdx = -1;
var tblRowLimit = 10; //10개 행만 지원 합니다.
//테이블의 맨 마지막에 새 행을 추가합니다.
function insertNewRow(cellHtml)
{
var oCell = new Array();
if(cellHtml.length ==0){
return void(alertFocus("입력할 내용이 없습니다",document.frmData.cellHtml));
}
if(tblNews.rows.length >= tblRowLimit){
return void(alertFocus("10개 이상은 입력 하실수 없습니다.",document.frmData.cellHtml));
}
//새 행 추가
var gRows = tblNews.insertRow();
gRows.onmousedown = function(){selectRow(this)}
gRows.onmouseover = function(){tblMouseOver(this)}
gRows.onmouseout = function(){tblMouseOut(this)}
//새 셀(td)추가
oCell[0] = gRows.insertCell();
//각셀의 값 입력
oCell[0].innerHTML = cellHtml;
//추가된 셀 선택
selectRow(gRows) ;
}
//cell HTML 업데이트
function updateTblRow()
{
if(selectedIdx != -1){
if(document.frmData.cellHtml.value.length ==0){
alertFocus("수정할 내용이 없습니다",document.frmData.cellHtml);
}else{
tblNews.rows[selectedIdx].cells[0].innerHTML=document.frmData.cellHtml.value;
}
}
}
//위로!
function upRow()
{
if(selectedIdx == -1) alert("선택두 안하셨구마~");
else if(selectedIdx == 0) alert("이미 맨위구마~ ㅡㅡ;;");
else{
var thisCell = tblNews.rows[selectedIdx].cells[0];
var distCell = tblNews.rows[selectedIdx -1].cells[0];
var tmp = distCell.innerHTML;
distCell.innerHTML = thisCell.innerHTML;
thisCell.innerHTML = tmp;
selectRow(tblNews.rows[selectedIdx -1]);
}
}
//아래로!
function downRow()
{
if(selectedIdx == -1) alert("선택두 안하셨구마~");
else if(selectedIdx + 1 >= tblNews.rows.length) alert("이미 맨 아래 구마~ ㅡㅡ;;");
else{
var thisCell = tblNews.rows[selectedIdx].cells[0];
var distCell = tblNews.rows[selectedIdx +1].cells[0];
var tmp = distCell.innerHTML;
distCell.innerHTML = thisCell.innerHTML;
thisCell.innerHTML = tmp;
selectRow(tblNews.rows[selectedIdx +1]);
}
}
//삭제
function clearRow()
{
tblNews.deleteRow(selectedIdx);
selectedIdx = -1;
}
//해당 row( or cell) 클릭시 작동
function selectRow(tblRow)
{
var f = document.frmData;
if(selectedIdx != tblRow.rowIndex){ //선택
if(selectedIdx != -1 ){
tblNews.rows[selectedIdx].cells[0].style.backgroundColor="white";
}
f.cellHtml.value = tblRow.cells[0].innerHTML;
tblRow.cells[0].style.backgroundColor="#CCFFCC";
selectedIdx = tblRow.rowIndex;
tblEventInit();
}else{ //선택해제
selectedIdx = -1;
tblRow.cells[0].style.backgroundColor="white";
document.frmData.cellHtml.value="";
}
}
function tblMouseOver(tblRow){
if(tblRow.rowIndex != selectedIdx){
tblRow.cells[0].style.backgroundColor="silver";
}
}
function tblMouseOut(tblRow){
if(tblRow.rowIndex != selectedIdx){
tblRow.cells[0].style.backgroundColor="white";
}
}
function tblEventInit()
{
//셀 이벤트 초기화
var len = tblNews.rows.length;
for(var i = 0 ; i < len ; i++){
tblNews.rows[i].onmousedown = function(){selectRow(this)}
tblNews.rows[i].onmouseover = function(){tblMouseOver(this)}
tblNews.rows[i].onmouseout = function(){tblMouseOut(this)}
}
}
function init()
{
tblEventInit();//셀 이벤트 초기화
}
function printDate(t)
{
var txt = document.all[t.name + "Text"];
var time = t.value;
// alert(time);
if(time.length>0){
txt.innerHTML = time.substring(0,4) + "년";
}
if(time.length>4){
txt.innerHTML += " " + time.substring(4,6) + "월";
if( time.substring(0,4) > 2300 || time.substring(0,4) < 1800){
txt.innerHTML = "<font color=red>1800~2300년 사이로 넣어주세요.</font>";
return "";
}
}
if(time.length>6){
txt.innerHTML += " " + time.substring(6,8) + "일";
if( time.substring(4,6) > 12 || time.substring(0,4) < 1){
txt.innerHTML = "<font color=red>01~12월 사이로 입력해주세요.</font>";
return "";
}
}
if(time.length>8){
txt.innerHTML += " " + time.substring(8,10) + "시";
if( time.substring(6,8) > 31 ){
txt.innerHTML = "<font color=red>1~31일 사이로 입력해주세요</font>";
return "";
}
}
if(time.length>10){
txt.innerHTML += " " + time.substring(10,12) + "분";
if( time.substring(8,10) > 23){
txt.innerHTML = "<font color=red>0시~23시 사이로 입력해주세요</font>";
return "";
}
}
if( time.length ==12 && time.substring(10,12) > 59 ){
txt.innerHTML = "<font color=red>0분~59분 사이로 입력해주세요</font>";
return "";
}
return true;
}
function check(mode)
{
var newsText
var f = document.frmData;
if(tblNews.rows.length < 1) alert("작성된 뉴스가 없습니다");
else if(!f.title.value)void(alertFocus("제목을 입력해주세요. 각 뉴스 셋을 구분하는 이름으로 사용됩니다.",f.title));
else if(f.sdTime.value.length != 12)void(alertFocus("게시 시작 일시의 형식이 잘못되었습니다",f.sdTime));
else if(f.edTime.value.length != 12)void(alertFocus("게시 종료 일시의 형식이 잘못되었습니다",f.edTime));
else if(f.edTime.value < f.sdTime.value)void(alertFocus("게시 종료 일시는 시작일시보다 과거가 될수없습니다",f.edTime));
else{
for(var i = 0 ; i < tblRowLimit ; i ++){ //히든폼에 데이터 세팅
newsText = f["newsTxt" + (i + 1) ];
if(tblNews.rows[i]){
newsText.value = tblNews.rows[i].cells[0].innerHTML;
}else{
newsText.value = "";
}
}
f.mode.value=mode;
f.action = "Action.asp";
f.target = "frmAction";
f.submit();
}
}
//alert 후 focus 이동후 false return;
function alertFocus(alertMsg,focusForm)
{
alert(alertMsg);
focusForm.focus();
return false;
}
//키보드 입력시 숫자 이외의 키를 누를 경우 false 를 리턴한다.
function isNum(e){
//alert(event.keyCode);
if ((event.keyCode >= 45 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) || event.keyCode == 8|| event.keyCode==13 || event.keyCode==9) return true;
else return false;
}
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" onLoad=init()>
테이블 셀 innerHTML 컨트롤 예제
<form name=frmData onSubmit="return false" method="post">
<input type=hidden name="mode" value="">
<input type=hidden name="no" value="">
<input type=hidden name="newsTxt1" value="">
<input type=hidden name="newsTxt2" value="">
<input type=hidden name="newsTxt3" value="">
<input type=hidden name="newsTxt4" value="">
<input type=hidden name="newsTxt5" value="">
<input type=hidden name="newsTxt6" value="">
<input type=hidden name="newsTxt7" value="">
<input type=hidden name="newsTxt8" value="">
<input type=hidden name="newsTxt9" value="">
<input type=hidden name="newsTxt10" value="">
<table border="1" width="700" align="center" cellspacing="0" bordercolordark="white" bordercolorlight="black">
<tr>
<td width="196" valign="bottom">
<table border="0" cellspacing="0" cellpadding="0" width="180" align=center id="tblNews" style="border-width:1px; border-style:dotted;">
<tr>
<td ><img src="http://ulgom.net/image/logobysong.gif" ></td>
</tr>
</table>
<p></p>
<input type=button name=btnSave value="수정사항저장" onClick="check("edit")">
<input type=button name=btnSave value="새이름으로 저장" onClick="check("new")">
</td>
<td width="44" >
<input type="button" value="↑↑" onClick="upRow()"><br><br>
<input type="button" value="↓↓" onClick="downRow()"><br><br>
<input type="button" value="삭제" onClick="clearRow()">
</td>
<td width="438" >
제목 : <input type=text name=title value="" size="46">
<br>시작일시 : <input type=text name=sdTime maxlength=12 size=12 value="" onKeyDown="return isNum(event)" onKeyUp="return printDate(this)">
<font id="sdTimeText" ></font>
<br>종료일시 : <input type=text name=edTime maxlength=12 size=12 value="" onKeyDown="return isNum(event)" onKeyUp="return printDate(this)">
<font id="edTimeText"></font>
<br><font color=red>날짜는 분단위 까지 숫자로만 입력합니다
<br>(예 : 2005년 1월 1일 오후 2시 5분 : 200501011405</font>
<textarea name=cellHtml rows="7" cols="44"></textarea><br>
<input type=button value="수정" name=btnSave onClick="updateTblRow()" ><input type=button value="추가" name=btnNew onClick="insertNewRow(this.form.cellHtml.value)">
</td>
</tr>
</form>
</table>
<center>
<!--- newsList 용 iframe --->
<iframe name=frmNewsList width=680 height=300 frameborder=0></iframe>
<!--- newsList 용 iframe --->
</center>
</body>
<!----DB 컨넥션용 Target Iframe--->
<iframe name="frmAction" width=0 height=0></iframe>
<!----DB 컨넥션용 Target Iframe--->
</html>
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
urlencode urldecode (0) | 2009.01.05 |
---|---|
위로 스크롤 되는 배너 (0) | 2009.01.05 |
linux 파일 검색,치환등 (0) | 2009.01.05 |
사운드제어 (0) | 2009.01.05 |
엑셀로다운받기 (0) | 2009.01.05 |
글
linux 파일 검색,치환등
;->앞에 역슬러시 넣을것
find / -iname 파일명 -type d
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
위로 스크롤 되는 배너 (0) | 2009.01.05 |
---|---|
innerhtml 을 이용해서 원하는 곳에 tr과 td를 삽입하는 방법 (0) | 2009.01.05 |
사운드제어 (0) | 2009.01.05 |
엑셀로다운받기 (0) | 2009.01.05 |
소켓통신 프로토콜, xml 파싱 (0) | 2009.01.05 |
글
사운드제어
<!---------------------------------프레임부분-----------------------------------> <frameset rows='0, 1*' framespacing=0 frameborder=0> <frame src='music_play.php' name='main_top' target_frame='main' marginwidth=0 marginheight=0 noresize scrolling=no> <frame src='content.php?db=index' name='main' target_frame='_self' marginwidth=10 marginheight=10 noresize> <body bgcolor='white' text='black' link='blue' vlink='purple' alink='red'> <p>이 페이지를 보려면, 프레임을 볼 수 있는 브라우저가 필요합니다.</p> </body> </noframes> </frameset> <!-----------------------------music_play.php시작----------------------------------> <html> <head> <title>juck box</title> <script language="JavaScript"> var music1="music1.mp3"; var m_tm1 =285000; var music2="music2.mp3"; var m_tm2 =226000; var music3="music3.mp3"; var m_tm3 =254000; var tot_num = 3; // 총갯수 var cur_music=1; // 시작음악 var st = 0; //타이머 상태 function music_play(){ document.player.Stop(); //플레이어 스탑 if(st==1){ //타이머 스탑 clearTimeout(time_id); st=0; } kkk = eval("music"+cur_music); //플레이 document.player.Open(kkk); du = eval("m_tm"+cur_music); cur_music++; //다음 음악선택 if(cur_music> tot_num){ cur_music =1; } st=1; //time_id=setTimeout("music_play()", du); //타이머 세팅 } </script> </head> <body> <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="1" height="1" vspace="1" hspace="1" align="middle" id="player" style="left:0px; top:0px;"> <param name="AllowScan" value="true"> <param name="AudioStream" value="-1"> <param name="AutoRewind" value="false"> <param name="AutoStart" value="true"> </object> </body> </html> <!----------------------------------------music_play.php끝---------------------------------> <!--------------------------------해당 본페이지 조절 박스부위 시작-----------------------------> <script> function music_playing(mode) { if(mode=='sound_off'){ top.main_top.document.player.mute=true; } else if(mode=='sound_on'){ top.main_top.document.player.mute=false; } else if(mode=='music_pause'){ if(top.main_top.document.player.PlayState==2){ top.main_top.document.player.Pause();//1 } } else if(mode=='music_stop'){ top.main_top.document.player.Stop();//0 } else if(mode=='music_play'){ top.main_top.document.player.Play();//2 } } </script> <!----------------------------------------해당 본페이지 조절 박스부위 끝------------------------------->
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
innerhtml 을 이용해서 원하는 곳에 tr과 td를 삽입하는 방법 (0) | 2009.01.05 |
---|---|
linux 파일 검색,치환등 (0) | 2009.01.05 |
엑셀로다운받기 (0) | 2009.01.05 |
소켓통신 프로토콜, xml 파싱 (0) | 2009.01.05 |
키코드 만들기 (0) | 2009.01.05 |
글
엑셀로다운받기
header( "Content-Type: application/x-msexcel" );
$db = mysql_connect("","","");
$status = mysql_select_db("PositiveNew");
if (!$status) {
echo("DB_선택 못함");
exit;
}
$qur1="select Id, Money, No, Password from Premium_User where Domain = '$Domain'";
$Mem1=mysql_query($qur1);
print "\n";
print "이름\t아이디\t패스워드\t주민번호\t주소\t전화번호\t이메일\t적립금\t가입일\n";
while( $data1 = mysql_fetch_array($Mem1) )
{
$qur2="select * from Profile where No = '$data1[No]'";
$Mem2=mysql_query($qur2);
while( $data2 = mysql_fetch_array($Mem2) )
{
print "$data2[Name]\t$data1[Id]\t$data1[Password]\t$data2[Pn]\t$data2[Addr]\t$data2[Tel]\t$data2[Email]\t$data1[Money]\t$data2[Dates]\n";
}
usleep(2);
}
?>
------------------------------------
<?
include "/WWW/Root.set";
include _PREMIUM_INFO;
include _PREMIUM_DBINIT;
if ( !$Domain ) die( "<!-- domain required -->" );
if ( !$Pw ) die( "<!-- password required -->" );
if ( $Connect[Pw] != $Pw ) die( "<!-- password is not correct -->" );
header( "Content-Type: application/x-msexcel" );
$OfferMeta = $PremiumDB->Table( "OfferMeta" );
$OfferData = $PremiumDB->Table( "OfferData" );
$OfferMeta->Select( "*", "", "Order by No DESC" );
while( $data = $OfferMeta->Fetch() )
{
$Date = date( "Y-m-d H:i", $data[Date] );
print "주문번호\t총구매가\t배송료\t적립금\t구입시사용한적립금\t구매일시\t회원구매시 회원아이디\n";
print "$data[OfferId]\t$data[Price]\t$data[LogisticsFee]\t$data[Mileage]\t$data[MileageUse]\t$Date \t$data[Id]\n";
print "구매자\n";
print "이름\t이메일\t주소\t전화번호\n";
print "$data[Name1]\t$data[Email1]\t$data[Zip1] $data[Addr1]\t$data[Tel1]\n";
print "수취인\n";
print "이름\t이메일\t주소\t전화번호\t메모\n";
print "$data[Name2]\t$data[Email2]\t$data[Zip2] $data[Addr2]\t$data[Tel2]\t$data[Memo]\n";
print "주문한 물건\n";
print "물품이름&옵션\t가격\t주문수량\n";
$OfferData->Select( "*", "OfferId='$data[OfferId]'" );
while( $data1 = $OfferData->Fetch() )
{
print "$data1[ProductName] $data1[O1_1] $data1[O1_2] $data1[O1_3] $data1[O2] $data1[O3_1] $data1[O3_2] $data1[O3_3]\t$data1[Price]\t$data1[Quantity]\n";
}
print "\n\n";
usleep(2);
}
?>
--------------------------------------------------------------
<?
header( "Content-Type: application/x-msexcel" );
$db = mysql_connect("","","");
$status = mysql_select_db("Premium_english");
if (!$status) {
echo("DB_선택 못함");
exit;
}
$qur1="select * from Shopping_category";
$Shopping_category=mysql_query($qur1);
if(!Shopping_category)
{
echo mysql_errno().":";
echo mysql_error();
exit;
}
while( $data = mysql_fetch_array($Shopping_category) )
{
$Catg=explode("/","$data[Catg]");
if(sizeof($Catg)==2) {
print "\n";
print "상위카테고리 : ";
print "$data[Title]\n";
print "\n";
print "상품명\t소매가\t판매가\t지은이\t출판사\t주제\t대상\t형태\t크기\n";
$qur2="select * from Shopping_product";
$Shopping_product=mysql_query($qur2);
while($data2 = mysql_fetch_array($Shopping_product))
{
$Catg2=explode("/","$data2[Catg]");
if($Catg[0]==$Catg2[0]){
$add=explode("|","$data2[Additional_info]");
print "$data2[Title]\t$data2[Price_customer]\t$data2[Price]\t$add[1]\t$add[5]\t$add[4]\t$add[2]\t$add[6]\t$add[3]\n";
print "\n";
}
}
}
usleep(2);
}
?>
-------------------------------------------------------------------
<?
header( "Content-Type: application/x-msexcel" );
$db = mysql_connect("","","");
$status = mysql_select_db("Premium_english");
if (!$status) die("DB_선택 못함");
$qur1="select a.Title,a.Catg,
b.Additional_info, b.Title Title2, b.Price_customer, b.Price
from Shopping_category a, Shopping_product b
where substring(a.Catg,locate('/',a.Catg))='/'
and a.Catg like concat(substring(b.Catg,1,locate('/',b.Catg)),'%')
order by a.Catg";
$Shopping_category = mysql_query($qur1);
if(!$Shopping_category) {
echo mysql_errno().":";
echo mysql_error();
exit;
}
echo "상위카테고리\t상품명\t소매가\t판매가\t지은이\t출판사\t주제\t대상\t형태\t크기\n";
while( $data = mysql_fetch_array($Shopping_category) ) {
$add=explode("|","$data[Additional_info]");
echo "$data[Title]\t$data[Title2]\t$data[Price_customer]\t$data[Price]\t$add[1]\t$add[5]\t$add[4]\t$add[2]\t$add[6]\t$add[3]\n";
flush();
usleep(1);
}
?>
-------------------------------------------------------------------
<?
header( "Content-Type: application/x-msexcel" );
$db = mysql_connect("","","");
$status = mysql_select_db("Premium_english");
if (!$status) die("DB_선택 못함");
$qur1="select a.Title,a.Catg,
b.Additional_info, b.Title Title2, b.Price_customer, b.Price
from Shopping_category a, Shopping_product b
where substring(a.Catg,locate('/',a.Catg))='/'
and a.Catg like concat(substring(b.Catg,1,locate('/',b.Catg)),'%')
order by a.Catg";
$Shopping_category = mysql_query($qur1);
if(!$Shopping_category) {
echo mysql_errno().":";
echo mysql_error();
exit;
}
echo "상위카테고리\t상품명\t소매가\t판매가\t지은이\t출판사\t주제\t대상\t형태\t크기\n";
while( $data = mysql_fetch_array($Shopping_category) ) {
$add=explode("|","$data[Additional_info]");
echo "$data[Title]\t$data[Title2]\t$data[Price_customer]\t$data[Price]\t$add[1]\t$add[5]\t$add[4]\t$add[2]\t$add[6]\t$add[3]\n";
flush();
usleep(1);
}
?>
----------------------------------------------------------------------------------------------------
<?
header( "Content-Type: application/x-msexcel" );
$db = mysql_connect("","","");
$status = mysql_select_db("Premium_testsite");
if (!$status) {
echo("DB_선택 못함");
exit;
}
$qur1="select * from OfferMeta Order by No Desc";
$OfferMeta=mysql_query($qur1);
if(!$OfferMeta)
{
echo mysql_errno().":";
echo mysql_error();
exit;
}
while($data = mysql_fetch_array($OfferMeta))
{
$Date = date( "Y-m-d H:i", $data[Date] );
print "주문번호\t총구매가\t배송료\t적립금\t구입시사용한적립금\t구매일시\t회원구매시 회원아이디\n";
print "$data[OfferId]\t$data[Price]\t$data[LogisticsFee]\t$data[Mileage]\t$data[MileageUse]\t$Date \t$data[Id]\n";
print "구매자\n";
print "이름\t이메일\t주소\t전화번호\n";
print "$data[Name1]\t$data[Email1]\t$data[Zip1] $data[Addr1]\t$data[Tel1]\n";
print "수취인\n";
print "이름\t이메일\t주소\t전화번호\t메모\n";
print "$data[Name2]\t$data[Email2]\t$data[Zip2] $data[Addr2]\t$data[Tel2]\t$data[Memo]\n";
print "주문한 물건\n";
print "물품이름&옵션\t가격\t주문수량\n";
$qur2="select * from OfferData where OfferId='data[OfferId]'";
$OfferData=mysql_query($qur2);
while( $data1 = mysql_fetch_array($OfferData) )
{
print "$data1[ProductName] $data1[O1_1] $data1[O1_2] $data1[O1_3] $data1[O2] $data1[O3_1] $data1[O3_2] $data1[O3_3]\t$data1[Price]\t$data1[Quantity]\n";
}
print "\n\n";
usleep(2);
}
?>
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
linux 파일 검색,치환등 (0) | 2009.01.05 |
---|---|
사운드제어 (0) | 2009.01.05 |
소켓통신 프로토콜, xml 파싱 (0) | 2009.01.05 |
키코드 만들기 (0) | 2009.01.05 |
PHP, Ajax (prototype)을 이용한 XML 통신 (0) | 2009.01.05 |
글
소켓통신 프로토콜, xml 파싱
<?
require_once "./config.php";
if($_POST[prc]=='add')
{
mem_go($m_id,$pw,$_POST[prc],$_POST[addid],'');
echo "$data";
}
else if($_POST[prc]=='del')
{
mem_go($m_id,$pw,$_POST[prc],$_POST[addid],$_POST[addpw]);
echo "$data";
}
unset($data);
unset($stack);
$stack = array();
function startTag($parser, $name, $attrs)
{
global $stack;
$tag=array("name"=>$name,"attrs"=>$attrs);
//print_r($tag);
//exit;
array_push($stack,$tag);
//print_r($stack);
//exit;
}
function cdata($parser, $cdata)
{
global $stack,$i;
if(trim($cdata))
{
$stack[count($stack)-1]['cdata']=$cdata;
}
}
function endTag($parser, $name)
{
global $stack;
$stack[count($stack)-2]['children'][] = $stack[count($stack)-1];
array_pop($stack);
}
function search_go($id,$pass,$page,$stxt)
{
global $data_xml,$stack,$top,$s_result;
$sp[host]=""; //domain or ip
$port=80;
$sp[path] = /result_01.php?m_d=$id&m_p=$pass&page=$page&search_txt=$stxt"; //디렉토리 경로.
$fsp = fsockopen ("$sp[host]", $port, $errno, $errstr, 30);
if (!$fsp)
{
echo "$errstr ($errno)<br>\n";
} else {
$refer = "Referer: $referer\r\n";
$request.="GET ".$sp[path]." HTTP/1.0\r\n";
$request.="Accept: */*\r\n";
$request.="Accept: ko\r\n";
$request.="Accept-Encoding: gzip, deflate\r\n";
$request.="User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; InfoPath.2; .NET CLR 1.1.4322)\r\n";
$request.="Host: ".$sp["host"]."\r\n";
$request.=$refer;
$request.="Content-type: application/x-www-form-urlencoded\r\n";
$request.="Connection: close\r\n";
$request.="\r\n";
fputs($fsp , $request);
while(! feof ($fsp))
{ // 데이터 저장
$file .= fgets ($fsp, 1024);
}
//$file = 'simple.xml';
$tmp = explode('<?xml version="1.0" encoding="euc-kr"?>',$file);
$file = '<?xml version="1.0" encoding="euc-kr"?>' . $tmp[1];
$xml_parser = xml_parser_create();
xml_set_element_handler($xml_parser, "startTag", "endTag");
xml_set_character_data_handler($xml_parser, "cdata");
//$data = xml_parse($xml_parser,file_get_contents($file));
$data = xml_parse($xml_parser,$file);
if(!$data) {
die(sprintf("XML error: %s at line %d",
xml_error_string(xml_get_error_code($xml_parser)),
xml_get_current_line_number($xml_parser)));
}
xml_parser_free($xml_parser);
}
fclose ($fsp);
$top[totcnt] =$stack[0][children][0][cdata];
$top[totpag] =$stack[0][children][1][cdata];
$top[page] =$stack[0][children][2][cdata];
$top[pagecnt] =$stack[0][children][3][cdata];
$top[stxt] =$stack[0][children][4][cdata];
$top[no] =$top[totcnt]-($top[page]-1)*30;
$s_result = $stack[0][children][5][children];
if($top[no]>$top[pagecnt])$top[fnum]=$top[pagecnt];
return $top;
return $s_result;
}
function mem_go($id,$pass,$prc,$addid,$addpw)
{
global $file,$data;
$sp[host]=""; //domain or ip
$port=80;
$sp[path] = friend_search_proc.php?m_d=$id&m_p=$pass&prc=$prc&addid=$addid&addpw=$addpw"; //디렉토리 경로.
$fsp = fsockopen ("$sp[host]", $port, $errno, $errstr, 30);
if (!$fsp)
{
echo "$errstr ($errno)<br>\n";
} else {
$refer = "Referer: $referer\r\n";
$request.="GET ".$sp[path]." HTTP/1.0\r\n";
$request.="Accept: */*\r\n";
$request.="Accept: ko\r\n";
$request.="Accept-Encoding: gzip, deflate\r\n";
$request.="User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; InfoPath.2; .NET CLR 1.1.4322)\r\n";
$request.="Host: ".$sp["host"]."\r\n";
$request.=$refer;
$request.="Content-type: application/x-www-form-urlencoded\r\n";
$request.="Connection: close\r\n";
$request.="\r\n";
fputs($fsp , $request);
while(! feof ($fsp))
{ // 데이터 저장
$file .= fgets ($fsp, 1024);
}
$tmp = explode("\r\n\r\n" , $file);
for ($i=1;$i<count($tmp);$i++)
{
$data .= $tmp[$i];
}
return $data;
}
}
//리스트 네이게이션 출력
function navi_print($tot , $e_limit , $page , $link="" , $icon=1)
{
/*
$tot : 총 레코드
$e_limit : 페이지당 출력 레코드
$page : 현재 페이지
$link : 다음페이지로 넘길 변수들(배열로 처리)
$icon : 아이콘셋
*/
if (intval($tot)<=0) return "";
$prev1[1] = "<img src=/images/btn_pre.gif border=0 align=absmiddle>";
$prev2[1] = "<img src=/images/btn_pre_2.gif border=0 align=absmiddle>";
$next1[1] = "<img src=/images/btn_next.gif border=0 align=absmiddle>";
$next2[1] = "<img src=/images/btn_next_2.gif border=0 align=absmiddle>";
$prev1[2] = "<img src=/images/bbs/bt_home.gif border=0 align=absmiddle>";
$prev2[2] = "<img src=/images/bbs/bt_pre.gif border=0 align=absmiddle>";
$next1[2] = "<img src=/images/bbs/bt_end.gif border=0 align=absmiddle>";
$next2[2] = "<img src=/images/bbs/bt_next.gif border=0 align=absmiddle>";
if (count($link)>0 && $link!="")
{
foreach ($link as $key => $value)
{
$url_link[] = "$key=" . urlencode($value);
}
$url_link = "&" . join("&",$url_link);
}
$pagenumber = 10;
$totalpage=intval($tot / $e_limit);
if (($tot % $e_limit)>0)
$totalpage++;
$cpage=$page;
$startpage = intval(($cpage - 1) / $pagenumber) * $pagenumber +1;
$endpage = intVal(((($startpage -1) +$pagenumber) / $pagenumber) * $pagenumber) ;
if ($totalpage <= $endpage)
$endpage = $totalpage;
if ( $cpage > $pagenumber)
{
$curpage = intval($startpage - 1);
$navi .=" <a href=\"$_SERVER[PHP_SELF]?page=1$url_link\">$prev1[$icon]</a> ";
$navi .=" <a href=\"$_SERVER[PHP_SELF]?page=$curpage$url_link\">$prev2[$icon]</a> ";
}
$curpage = $startpage;
while ($curpage <= $endpage):
$navi .= $curpage == $cpage ? " <font color=red>$cpage</font> " : " <a href=\"$_SERVER[PHP_SELF]?page=$curpage$url_link\">[$curpage]</a> ";
$curpage++;
endwhile ;
$navi .=" ...[<a href=\"$_SERVER[PHP_SELF]?page=$totalpage$url_link\">$totalpage</a>] ";
if ( $totalpage > $endpage)
{
$curpage = intval($endpage + 1);
$navi .= "<a href=\"$_SERVER[PHP_SELF]?page=$curpage$url_link\">$next2[$icon]</a>";
$navi .= "<a href=\"$_SERVER[PHP_SELF]?page=$totalpage$url_link\">$next1[$icon]</a>";
}
return $navi;
}
?>
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
사운드제어 (0) | 2009.01.05 |
---|---|
엑셀로다운받기 (0) | 2009.01.05 |
키코드 만들기 (0) | 2009.01.05 |
PHP, Ajax (prototype)을 이용한 XML 통신 (0) | 2009.01.05 |
정규표현식(php) (0) | 2009.01.05 |
글
키코드 만들기
<?
////////////////////////////////////////////////////////////////////////////////////
/////////////////////////링크에 키코드 만들기///////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
///4자리 랜덤 문자가져와서
function randomenum60()
{
global $pass;
$pass='';
$num = array(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,1,2,3,4,5,6,7,8,9,0);
for($i=0;$i<60;$i++)
{
$rand = rand(0,35);
$pass .= $num[$rand];
}
return $pass;
}
function KeyEncode($str)
{
global $key_ff,$key_f;
$key_ff='';
$key_f='';
$total=0;
$key_f='';
$seed = 'sjdcmvlweq';
$len=strlen($str);
for($i = 0 ;$i < $len;$i++)
{
$n_s = substr($str,$i,1);
$total+=$n_s;
$tmp = substr($seed,$n_s,1);
$key_f .=$tmp;
}
$t_s=substr($total,-1);
$total_string = substr($seed,$t_s,1);
$key_ff=$key_f.$total_string;
return $key_ff;
}
?>
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
엑셀로다운받기 (0) | 2009.01.05 |
---|---|
소켓통신 프로토콜, xml 파싱 (0) | 2009.01.05 |
PHP, Ajax (prototype)을 이용한 XML 통신 (0) | 2009.01.05 |
정규표현식(php) (0) | 2009.01.05 |
암,복호화 함수 (0) | 2009.01.05 |
글
PHP, Ajax (prototype)을 이용한 XML 통신
이 글은 공부목적으로 개인적으로 정리한 것이다.
Javascript에 있는 XHR(XMLHttpRequest)를 이용하여 php에서 XML을 동적으로 받는 프로그램을 간단하게 만들었다.
특별히 Javascript에서 XHR을 구현을 위해서는 각종 브라우져마다 다르게 만들어야하는 번거로움이 있어서 나는 prototype.js 라는 Javascript 프레임워크에서 제공하는 XHR 기능을 이용했다.
아주 쉬운 예제이기 때문에 자세한 설명은 생략한다.(사실 귀찮기 때문에.. ㅋ)
PHP에서 inconv("CP949","UTF-8",$xml);은 한글을 UTF-8형태로 전송하기 위한 것이다. 서버에서 UTF-8을 지원하지 않는다면 이렇게 해야한다. 그래야 UTF-8로 보낼시 한글이 깨지지 않는다.
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
소켓통신 프로토콜, xml 파싱 (0) | 2009.01.05 |
---|---|
키코드 만들기 (0) | 2009.01.05 |
정규표현식(php) (0) | 2009.01.05 |
암,복호화 함수 (0) | 2009.01.05 |
iframe자동 크기 조절 (0) | 2009.01.05 |
글
정규표현식(php)
정규표현식이란 어떤한 문자열의 집합을 정확하게 나타내기 위한 표현 규칙이다.
찾고자 하는 문자열들이 가진 공통된 패턴을 정규표현식을 이용해 표현, 지정함으로써 이 패턴에 일치하는 문자열의 검색을
쉽게 할 수 있고 좀 더 세밀한 방법으로 검색이 가능하다.
2.정규표현식의 규칙
1) .
임의의 한 글자를 가리킨다.
s.e : sae, sbe, sce, sde
2) *
* 바로 앞의 문자가 없거나 하나 이상임을 나타낸다.
// * 앞에 있는 문자인 s가 e 앞에 없거나 하나 이상 존재한다.
s * e : e, se, sse, ssse
3) +
+ 바로 앞의 문자가 하나 이상이다.
s + e : se, sse, ssse
4) ?
? 바로 앞의 문자가 없거나 1개 임을 나타낸다.
th?e : te, the
5) ^
^ 바로 뒤의 문자열(뒤에 있는 문자 모두)로 시작된다.
^the the로 시작하는 모든 문자 the girl, theater
^a?bc bc나 abc로 시작하는 모든 문자열 bceft, abcdef
^.e e 앞에 한 글자가 존재하는 문자열로 시작 he, me, request
^s.e? s와 한 문자로 시작하고 그 뒤에 e가 하나 있거나 없는 문자열 sa, sae, sb
6) $
$ 바로 뒤에 나오는 문자열로 끝나는 것을 의미
a?bc$ eeabc, seebc, bc
t.e$ onthetoe, bctae
s?e+$ e, se, ee, seee
^the$ the
7) [ ]
괄호 안에 있는 문자열 중에서 하나의 문자를 포함하는 문자열
.범위를 지정할 때에는 - 사용한다. // [0-9], [a-z]
.원하지 않는 문자를 제외할 때 [] 안에 첫문자로 ^를 사용한다. //[^ab]cd
8) { }
{ } 앞에 있는 문자나 문자열의 개수를 나타낸다.
{n} : n개 {n,} : 최소 n개 {n,m} : n개에서 m개까지
a{2}b {}앞에 있는 문자 a의 개수가 2개임 aab
a{2 ,}b a의 개수가 최소한 2개임 aab, aaab, aaaab
a{1,3}b a의 개수가 1개에서 3개까지임 ab, aab, aaab
9) ( )
( ) 안에 있는 글자들을 그룹화한다.
a(bc){2} bc가 두 개임 ocabcbctor
10) |
or 연산자이다.
he|she he 나 she 를 포함하는 문자열 he is handsome, she"s gone
3.정규 표현식에서 특수 문자의 사용
정규 표현식에서 사용되는 특수 문자를 특수 문자가 아닌 그 문자 자체의 의미로 사용하려면
특수 문자 앞에 역슬래시()를 붙여야 한다.
이를 특수문자를 escape시킨다,, 고 한다.
특수문자: ^ . [ ] $ ( ) | * + ? { }
4.문자 클래스
패턴을 [a-z]나 [A-Z]로 표현하는 대신 축약 형태의 문자 클래스로 간단히 표현하는 것
[[:alpah:]] 알파벳 문자 중 하나를 의미하며 [a-zA-Z] 또는 [a-Z]와 동일
[[:digit:]] 숫자 한자를 의미하며 [0-9]와 동일
[[:alnum:]] 알파벳 문자나 숫자 중 하나를 의미하며 [a-zA-Z0-9]와 동일
[[:space:]] 공백문자(" ")를 의미
[[:punct:]] 모든 구두점 기호
=======================================================================
초보자를 위한 PHP 강좌 - 정규표현식 | PHP학습 2006.11.30 23:17
PHP 에서 제공하는 정규 표현식에 대해서 알아보겠습니다.
정규 표현식은 웹 프로그래밍을 할 때 문자열을 정교하게 처리하기 위해 필요합니다.
먼저, 정규 표현식에서 사용되는 패턴 문자 몇 가지를 소개하면 아래와 같습니다.
+ -> "+" 표시 바로 앞의 문자열(문자)이 한 번 이상 존재하는 것을 의미함
^ -> "^" 표시 뒤의 문자열(문자)로 시작되는 것을 의미함
[ ] -> "[ ]" 로 둘러쌓인 문자열(문자) 중에서 하나의 문자를 의미함
[^ ] -> "[ ]" 패턴의 문자열(문자)을 제외한 나머지 문자열(문자)을 의미함
{ } -> "{ }" 앞의 문자열(문자)이 "{ }" 안의 숫자가 나타내는 갯수만큼 존재하는 것을 의미함
[[:digit:]] -> 하나의 숫자(0 에서 9 까지) 를 의미함
[[:alpha:]] -> 하나의 영문자(a 에서 Z 까지) 를 의미함
[[:alnum:]] -> 하나의 숫자(0 에서 9 까지) 또는 영문자(a 에서 Z 까지) 를 의미함
[[:space:]] -> 하나의 공백 문자(blank) 를 의미함
위 패턴 문자를 사용한 정규 표현식이 어떻게 사용되는지 살펴보기 전에, 위와 같은 패턴 문자로 나타내어진 정규 표현식을 사용하기 위해 필요한 함수가 있는데, ereg() 함수가 있습니다.
ereg() 함수는 일반적으로 두 개의 인자를 취하는데, 첫 번째 인자는 패턴 문자로 나타내어진 정규 표현식이 오며 두 번째 인자는 그 정규 표현식에 의해 검색될 대상 문자열이 옵니다.
이렇게 ereg() 함수 내의 두 번째 인자인 검색 대상 문자열에서 첫 번째 인자인 정규 표현식의 패턴이 존재할 경우 ereg() 함수는 true 값을 반환하며 그렇지 않을 경우에는 false 값을 반환하게 됩니다.
그럼, ereg() 함수를 사용하여 위 패턴 문자로 나타내어진 정규 표현식이 어떻게 사용되는지 몇 가지 예제를 살펴보겠습니다.
<?
$string = "mizzle PHP 2002";
# "+" 패턴 검사
if(ereg("iz+", $string)) {
echo("지정된 패턴과 일치합니다.<br>"); # 실행 라인
} else {
echo("지정된 패턴과 일치하지 않습니다.<br>");
}
# "^" 패턴 검사
if(ereg("^mi", $string)) {
echo("지정된 패턴과 일치합니다.<br>"); # 실행 라인
} else {
echo("지정된 패턴과 일치하지 않습니다.<br>");
}
# "[ ]" 패턴 검사
if(ereg("[si]m", $string)) {
echo("지정된 패턴과 일치합니다.<br>");
} else {
echo("지정된 패턴과 일치하지 않습니다.<br>"); # 실행 라인
}
# "[[:digit:]]" 패턴 검사
if(ereg("[[:digit:]]{4}", $string)) {
echo("지정된 패턴과 일치합니다.<br>"); # 실행 라인
} else {
echo("지정된 패턴과 일치하지 않습니다.<br>");
}
# "[[:alpha]]" 패턴 검사
if(ereg("[[:alpha:]]{7}", $string)) {
echo("지정된 패턴과 일치합니다.<br>");
} else {
echo("지정된 패턴과 일치하지 않습니다.<br>"); # 실행 라인
}
# "[[:space]]" 패턴 검사
if(ereg("[[:space:]]{2}", $string)) {
echo("지정된 패턴과 일치합니다.<br>");
} else {
echo("지정된 패턴과 일치하지 않습니다.<br>"); # 실행 라인
}
?>
위 예제를 실행하게 되면, 위 예제 코드의 주석("#실행 라인")으로 표기한 라인이 실행되는 것을 볼 수 있습니다.
위 예제 중 몇 가지만 살펴보면,
"+" 패턴 검사 코드의 경우, "iz" 문자열이 한 번 이상 존재해야 함을 의미하는 iz+ 패턴이 "mizzle PHP 2002" 문자열에 존재하기 때문에 비교 조건식에 일치하는 결과가 출력됩니다.
"[ ]" 패턴 검사 코드의 경우, "sm" 또는 "im" 문자열이 존재해야 함을 의미하는 [si]m 패턴이 "mizzle PHP 2002" 문자열에 존재하지 않기 때문에 비교 조건식에 일치하지 않는 결과가 출력됩니다.
"[[:digit:]]" 패턴 검사 코드의 경우, 연속되는 숫자 4개의 문자가 존재해야 함을 의미하는 [[:digit:]]{4} 패턴이 "mizzle PHP 2002" 문자열에 존재하기 때문에 비교 조건식에 일치하는 결과가 출력됩니다.
이상, 정규 표현식의 기초에 대해서 살펴보았습니다.
정규 표현식의 경우, 위에 제가 설명해 드린 부분 외에도 배울 내용이 많기 때문에 그 부분에 대해서 개인적으로 공부하시면서 충분히 연습 하시기 바랍니다.
=======================================================================
정규표현식
1. 각 문자와 숫자는 해당 문자 또는 문자열이 테스트할 문자열에 있을경우 true 가된다.
<script>
// ""a"" 가 있는 문자열 모두가 TRUE (대소문자 구분)
var filter = /a/
if (filter.test("some test words") == true) { alert("ok"); } else { alert("fail"); }
</script>
<script>
// "about" 가 있는 문자열 모두가 TRUE (대소문자 구분)
var filter = /about/
if (filter.test("some test words") == true) { alert("ok"); } else { alert("fail"); }
</script>
2. 대소문자 구분없이 해당 문자 또는 문자열을 검색할 경우 끝에 i 를 붙인다.
<script>
// ""a"" 또는 ""A"" 가 있는 문자열 모두가 TRUE (대소문자 구분 안함)
var filter = /a/i
if (filter.test("some test words") == true) { alert("ok"); } else { alert("fail"); }
</script>
3. 여러개의 이어지는 내용들을 검색할 경우는 ""-"" 를 넣어 표현한다.
<script>
// ""a"" 에서 ""z"" 까지중 하나만 있으면 모두가 TRUE (대소문자 구분)
var filter = /[a-z]/
if (filter.test("some test words") == true) { alert("ok"); } else { alert("fail"); }
</script>
4. 여러가지의 문자 또는 문자열을 검색할 경우 ""|"" 를 넣는다.
<script>
// ""a"" 또는 ""b"" 또는 ""c"" 가 있는 문자열 모두가 TRUE (대소문자 구분)
var filter = /a|b|c/
if (filter.test("some test words") == true) { alert("ok"); } else { alert("fail"); }
</script>
<script>
// ""a"" 에서 ""z"" 까지 또는 ""0"" 에서 ""9"" 까지중 하나만 있으면 모두가 TRUE (대소문자 구분)
var filter = /[a-z]|[0-9]/
if (filter.test("some test words") == true) { alert("ok"); } else { alert("fail"); }
</script>
5. 해당 문자또는 문자열이 없는 경우를 검색할 경우 브래킷(""["", ""]"") 안에 ""^"" 를 넣는다.
<script>
// ""a"" 에서 ""z"" 까지의 문자가 아닌 문자가 있을 경우 TRUE (대소문자 구분)
var filter = /[^a-z]/
if (filter.test("some test words") == true) { alert("ok"); } else { alert("fail"); }
</script>
6. 문자열의 첫번째 글자가 일치해야할 경우는 ""^"" 를 브래킷(""["", ""]"") 밖에 넣는다.
<script>
// ""a"" 에서 ""z"" 까지의 문자로 시작하는 문자열일 겨우 TRUE (대소문자 구분)
var filter = /^[a-z]/
if (filter.test("some test words") == true) { alert("ok"); } else { alert("fail"); }
</script>
7. 문자열의 끝쪽 글자가 해당 문자 또는 문자열과 일치해야할 경우는 ""$"" 를 넣쨈?
<script>
// ""a"" 에서 ""z"" 까지의 문자로 끝나는 문자열일 겨우 TRUE (대소문자 구분)
var filter = /[a-z]$/
if (filter.test("some test words") == true) { alert("ok"); } else { alert("fail"); }
</script>
8. 특수문자("""", ""^"", ""$"", ""*"", ""+"", ""?"", ""."", ""("", "")"", ""|"", ""{"", ""}"", ""["", ""]"")를 검색할 경우는 """" 를 넣는다.
<script>
// """" 가 있는 문자열일 경우 TRUE (대소문자 구분)
var filter = //
if (filter.test("some test words") == true) { alert("ok"); } else { alert("fail"); }
</script>
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
키코드 만들기 (0) | 2009.01.05 |
---|---|
PHP, Ajax (prototype)을 이용한 XML 통신 (0) | 2009.01.05 |
암,복호화 함수 (0) | 2009.01.05 |
iframe자동 크기 조절 (0) | 2009.01.05 |
엑셀저장처리 (0) | 2009.01.05 |
글
암,복호화 함수
function bytexor($a,$b)
{
$c="";
for($i=0;$i<16;$i++)$c.=$a{$i}^$b{$i};
return $c;
}
function decrypt_md5($msg,$key)
{
$string="";
$buffer="";
$key2="";
while($msg)
{
$key2=pack("H*",md5($key.$key2.$buffer));
$buffer=bytexor(substr($msg,0,16),$key2);
$string.=$buffer;
$msg=substr($msg,16);
}
return($string);
}
function encrypt_md5($msg,$key)
{
$string="";
$buffer="";
$key2="";
while($msg)
{
$key2=pack("H*",md5($key.$key2.$buffer));
$buffer=substr($msg,0,16);
$string.=bytexor($buffer,$key2);
$msg=substr($msg,16);
}
return($string);
}
// 사용 예
$message = "다양한 원본 메시지 東西南北 ABC abc 123 ※ ↔ ";
$key = "아..이정도면 매우 복잡한 키--1;";
$encrypted = encrypt_md5($message, $key);
$decrypted = decrypt_md5($encrypted, $key);
echo "Encrypted = $encrypted";
echo " <HR>";
echo "Decrypted = $decrypted";
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
PHP, Ajax (prototype)을 이용한 XML 통신 (0) | 2009.01.05 |
---|---|
정규표현식(php) (0) | 2009.01.05 |
iframe자동 크기 조절 (0) | 2009.01.05 |
엑셀저장처리 (0) | 2009.01.05 |
표준웹코딩 예제 (0) | 2007.10.09 |
글
iframe자동 크기 조절
<html>
<head>
<script language="JavaScript">
<!--
var ifrContentsTimer;
function resizeRetry() { //이미지같이 로딩시간이 걸리는 것들이 로딩된후 다시 한번 리사이즈
if(document.body.readyState == "complete") {
clearInterval(ifrContentsTimer);
}else {
resizeFrame();
}
}
function resizeFrame(){ //페이지가 로딩되면 바로 리사이즈..
var h = parseInt(document.body.scrollHeight)+10;
if(h<600){h=600;}
self.resizeTo(document.body.scrollWidth + (document.body.offsetWidth-document.body.clientWidth), h);
}
//-->
</script>
</head>
<body onload="resizeFrame();ifrContentsTimer = setInterval("resizeRetry()",100);" style="margin-top:0;margin-left:0" bgcolor="#FFFFFF">
//iframe 크기 조정
if(document.attachEvent){
document.attachEvent("onreadystatechange",
function (){
var h = parseInt(document.body.scrollHeight)+10;
if(h<600) h=600;
self.resizeTo(document.body.scrollWidth + (document.body.offsetWidth-document.body.clientWidth), h);
}
);
}
[다른 도메인간 iframe 세로 자동스크롤 조정]
a.com
- auto.size.html
- testiframe.html
#################################################################
# auto.size #
# #
# iframe #
# ############### #
# #b.com/cp.html# #
# ############### #
# #
#################################################################
b.com
- cp.html
#################################################################
# function(){ #
# www.a.com/auto_size.html?height='+height; => 높이값 전달 #
# #
# iframe #
# ###################### #
# #a.com/auto_size.html# #
# ###################### #
# #
#################################################################
먼저 a라는 홈페이지에 auto_size.html을 만듭니다.
====================== auto_size.html - a.com =========================
<html>
<head>
<title>Resizing Page</title>
<script type="text/javascript">
function onLoad() {
var params = window.location.search.substring( 1 ).split( '&' );
var height;
for( var i = 0, l = params.length; i < l; ++i ) {
var parts = params[i].split( '=' );
switch( parts[0] ) {
case 'height':
height = parseInt( parts[1] );
break;
}
}
if( typeof( height ) == 'number' ) {
//alert(height);
window.top.updateIFrame( height );
}
}
window.onload = onLoad;
</script>
</head>
<body>
<p>Resizing IFrame...</p>
</body>
</html>
=======================================================
그리고 a라는 홈페이지에서 링크할 문서에는 아래와 같이 삽입합니다.
======================= a.html - a.com ===================
<script type="text/javascript">
function updateIFrame( height ) {
alert(height);
var iframe = document.getElementById( 'myiframe' );
iframe.setAttribute( 'height', height );
}
</script>
<iframe name=myiframe src='http://**.***.com/' width='900' height='1000' scrolling='no' frameborder='0'></iframe>
이제 b라는 도메인의 b.html에는 아래와 같이 삽입합니다.
================== b.html - b.com============================
<style>
inneriframe { position :
</style>
<script type="text/javascript">
function rsize() {
var iframe = document.getElementById( 'inneriframe' );
var height_autosize = document.getElementById( 'height_autosize' );
var height = document.body.scrollHeight;
iframe.src = 'http://***.*****.com/html/auto_size.html?height='+height;
}
</script>
<BODY onload=rsize();>
<div id = height_autosize>
내용
</div>
<iframe id="inneriframe" width="600" height="50"></iframe>
</BODY>
--------------------------------------------------------------------------------------
동일 도메인
--------------------컨텐츠 사이트에----------------------------
<body onload="resizeFrame(); ifrContentsTimer = setInterval('resizeRetry()',100);">
<script>
var ifrContentsTimer;
//이미지같이 로딩시간이 걸리는 것들이 로딩된후 다시 한번 리사이즈
function resizeRetry()
{
if(document.body.readyState == "complete") {
clearInterval(ifrContentsTimer);
}
else {
resizeFrame();
}
}
//페이지가 로딩되면 바로 리사이즈..
function resizeFrame()
{
self.resizeTo(
//document.body.scrollWidth + (document.body.offsetWidth-document.body.clientWidth),
document.body.scrollWidth,
parseInt(document.body.scrollHeight)+10);
}
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
정규표현식(php) (0) | 2009.01.05 |
---|---|
암,복호화 함수 (0) | 2009.01.05 |
엑셀저장처리 (0) | 2009.01.05 |
표준웹코딩 예제 (0) | 2007.10.09 |
표준웹코딩의 장점 Table for layout과 CSS layout의 비교실험 (0) | 2007.06.09 |
글
엑셀저장처리
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
정규표현식(php) (0) | 2009.01.05 |
---|---|
암,복호화 함수 (0) | 2009.01.05 |
iframe자동 크기 조절 (0) | 2009.01.05 |
표준웹코딩 예제 (0) | 2007.10.09 |
표준웹코딩의 장점 Table for layout과 CSS layout의 비교실험 (0) | 2007.06.09 |
글
표준웹코딩 예제
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<style type="text/css">
body {
margin: 10px auto;
height: 100%;
text-align: center;
}
#container {
width: 832px;
border:1px solid red;
}
#header {
height: 100px;
text-align: center;
border-bottom: 1px solid red;
}
#middle #left, #middle #center, #middle #right {float: left;}
#middle #left .left.content.c, #middle #left .left.content.d, #middle #left .left.content.e, #middle #left .left.content.f {
width: 170px;
margin: 10px;
border: 1px solid red;
}
#middle #left .left.content.c {height: 60px;}
#middle #left .left.content.d {height: 70px;}
#middle #left .left.content.e {height: 80px;}
#middle #left .left.content.f {height: 40px;}
#middle #center, #middle #right {
overflow: hidden;
width: 310px;
}
#middle #right {
margin-left: 10px;
}
#middle .center.content.g, #middle .center.content.h, #middle .right.content.j, #middle .right.content.k, #middle .right.content.l {
width: 308px;
margin-top: 10px;
border: 1px solid red;
}
#middle .center.content.g {height: 130px;}
#middle .center.content.h {height: 90px;}
#middle .right.content.j {height: 70px;}
#middle .right.content.k {height: 80px;}
#middle .right.content.l {height: 58px;}
#middle #bottom {
position: relative;
right: 6px;
margin-top: 10px;
height: 42px;
width: 628px;
border: 1px solid red;
}
#footer {
clear: both;
height: 80px;
text-align: center;
border-top: 1px solid red;
}
</style>
</head>
<body>
<div id="container">
<div id="header"> a </div>
<div id="middle">
<div id="left">
<div class="left content c"> c </div>
<div class="left content d"> d </div>
<div class="left content e"> e </div>
<div class="left content f"> f </div>
</div>
<div id="center">
<div class="center content g"> g </div>
<div class="center content h"> h </div>
</div>
<div id="right">
<div class="right content j"> j </div>
<div class="right content k"> k </div>
<div class="right content l"> l </div>
</div>
<div id="bottom"> i </div>
</div>
<div id="footer"> m </div>
</div>
</body>
</html>
---------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<style type="text/css">
* html, body {height: 100%}
body {
margin: 10px auto;
text-align: center;
}
#container {
width: 832px;
border:1px solid red;
}
#header {
height: 100px;
text-align: center;
border-bottom: 1px solid red;
}
#middle #left, #middle #center, #middle #right {float: left;}
#middle #left .left.content.c, #middle #left .left.content.d, #middle #left .left.content.e, #middle #left .left.content.f {
width: 170px;
margin: 10px;
border: 1px solid red;
}
#middle #left .left.content.c {height: 60px;}
#middle #left .left.content.d {height: 70px;}
#middle #left .left.content.e {height: 80px;}
#middle #left .left.content.f {height: 40px;}
* html #middle #center, * html #middle #right {
overflow: hidden;
width: 310px;
}
* html #middle #right {
margin-left: 10px;
}
#middle .center.content.g, #middle .center.content.h, #middle .right.content.j, #middle .right.content.k, #middle .right.content.l {
width: 308px;
margin-top: 10px;
border: 1px solid red;
}
#middle .center.content.g {height: 130px;}
#middle .center.content.h {height: 90px;}
#middle .right.content.j {height: 70px;}
#middle .right.content.k {height: 80px;}
#middle .right.content.l {height: 58px;}
#middle #bottom {
position: relative;
right: 6px;
margin-top: 10px;
height: 42px;
width: 628px;
border: 1px solid red;
}
#footer {
clear: both;
height: 80px;
text-align: center;
border-top: 1px solid red;
}
</style>
</head>
<body>
<div id="container">
<div id="header"> a </div>
<div id="middle">
<div id="left">
<div class="left content c"> c </div>
<div class="left content d"> d </div>
<div class="left content e"> e </div>
<div class="left content f"> f </div>
</div>
<div id="center">
<div class="center content g"> g </div>
<div class="center content h"> h </div>
</div>
<div id="right">
<div class="right content j"> j </div>
<div class="right content k"> k </div>
<div class="right content l"> l </div>
</div>
<div id="bottom"> i </div>
</div>
<div id="footer"> m </div>
</div>
</body>
</html>
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
정규표현식(php) (0) | 2009.01.05 |
---|---|
암,복호화 함수 (0) | 2009.01.05 |
iframe자동 크기 조절 (0) | 2009.01.05 |
엑셀저장처리 (0) | 2009.01.05 |
표준웹코딩의 장점 Table for layout과 CSS layout의 비교실험 (0) | 2007.06.09 |
글
표준웹코딩의 장점 Table for layout과 CSS layout의 비교실험
약 1년 전 네이버 블로그를 사용하면서 동일한 실험을 했던 적이 있습니다. 그 당시에는 Table Layout과 DIV Layout을 비교한다고 말했었지만 사실 Table Layout 이라는 말과 DIV Layout 이라는 말은 모두 잘못된 표현입니다. Table Layout 이라는 용어는 Table이 격자형의 2차원 데이터를 마크업 하는 용도를 지니고 있다는 점에서 Layout 이라는 표현과 함께 사용한 것이 잘못된 표현이며, DIV Layout 이라는 용어는 DIV가 의미를 그룹짓는 용도를 지니고 있다는 점에서 역시 Layout과 결합한 것은 잘못된 표현 입니다. 결국 Layout 이라는 것은 화면배치를 위한 표현에 해당하기 때문에 어떤 (X)HTML 요소와도 조합하여 사용하는 것은 잘못된 표현이라고 할 수 있습니다. Table Layout 이라는 말은 사실 ‘Table for Layout’ 즉, ‘레이아웃을 위하여 사용된 테이블’ 정도로 밖에 표현할 수 없습니다. 두 가지 표현이 별반 차이가 없는 것처럼 느껴지는 분들도 계실테지만 사실 엄청난 차이가 존재합니다. 전자는 Table이 Layout을 위하여 사용되고 있고 또 그럴 수도 있다는 것을 전제 하지만 후자는 Table이 Layout 용도로 사용되는 것을 확실하게 경계하였기 때문에 사용되는 표현입니다. 어쨌거나 이미 네이버에서만 162분이나 스크랩을 하셨고 저는 1년이 지난 최근에서야 해당 포스트를 수정하였는데 1년동안 여러 분들께 잘못된 정보를 제공했다는 사실 때문에 약간의 죄책감을 가지게 되었습니다. 그것을 만회할 요량으로 다시 해당 코드를 손질하고 이곳에 올려놓습니다. 이제는 자수하여 광명찾고 싶습니다.
Table for Layout 예제보기 | CSS Layout 예제보기 |
---|---|
웹 표준 방식의 CSS Layout은 콘텐트가 논리적으로 선형화 됩니다.
상기 두 개의 이미지는 동일한 Layout을 제공하고 있지만 코드는 각각 다릅니다. 이미 짐작하고 계셨겠지만 이번에는 CSS를 제거한 상태로 한번 보여드리겠습니다. CSS를 제거하게 되면 콘텐트가 선형화 되는 모습을 시각적으로 확인할 수 있고 선형화 하였을 때 콘텐트의 나열 순서에 무리가 없다면 그것은 어떤 장치에서 보더라도 논리적으로 바르게 이해할 수 있습니다. 왼쪽은 화면배치를 위하여 Table이 사용된 페이지이며 오른쪽이 CSS를 이용하여 Layout된 페이지 입니다. Opera Mini와 같은 휴대용 웹 브라우징 장치는 웹 페이지를 렌더링 할 때 Table을 모두 걷어내고 CSS조차 제거된 상태로 표시합니다. 따라서 아래 두 가지 경우의 페이지 가운데 어떤 페이지가 논리적으로 선형화 될 것인지는 굳이 보지 않더라도 쉽게 추측이 가능합니다. 사실 이것은 CSS Layout의 영향이라기 보다는 Markup을 잘 했기 때문에 볼 수 있는 결과 입니다. 하지만 거꾸로 생각하면 표현요소가 Markup으로부터 완전히 분리되어 있기 때문에 이렇게 논리적으로 Markup 하는것이 가능해 집니다. Layout에 Table을 사용하는 경우는 마크업이 표현요소를 포함하고 있기 때문에 콘텐트를 논리적으로 배치하려고 시도하면 표현문제와 충돌하게 되고 결국 논리보다는 표현을 위한 용도로 마크업을 사용하게 되어 논리적인 배치와는 거리가 멀어지게 됩니다.
CSS가 제거된 Table for Layout 예제보기 | CSS가 제거된 Web Standard Layout 예제보기 |
---|---|
보통 Table을 선형화 하더라도 콘텐트의 순서가 완전히 뒤죽박죽으로 인식되지는 않습니다. 왜냐하면 Table을 걷어내는 경우 좌측 상단으로부터 우측 하단으로 콘텐트가 선형화 되는데 그러한 순서에 맞게 페이지의 콘텐트를 배치하는 경우도 있기 때문입니다. 그러나 그것은 운이 아주 좋은 경우이며 대부분의 경우는 논리적인 순서에 문제가 생기게 됩니다.
CSS Layout은 Table for Layout에 비하여 파일의 용량을 50% 이상 절감해 줍니다.
무엇인가 원하는 위치에 표시하기 위하여 Table을 Layout에 사용하는 경우는 <table><tr><td>내용</td></tr></table> 형식으로 코딩 되지만 CSS Layout은 <div>내용</div> 형식으로 코딩 됩니다. 예제코드 전체를 보여드리겠습니다. 화면(또는 지면) 관계상 코드를 모두 담아내면 화면이 너무 커지므로 코드의 서체크기를 일부러 줄여 놓았습니다. 코드를 자세히 확인하시려면 그냥 복사해서 메모장에서 볼 것을 권합니다.
Table for Layout | CSS Layout |
---|---|
89 line | 39 line |
2,661 byte | 1,027 byte |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr" /> <title>Table for Layout</title> <link href="TableForLayout.css" rel="stylesheet" type="text/css" /> </head> <body style="margin:0"> <p id="moveTo"><a href="CSSLayout.html">Go to CSS Layout</a></p> <table width="100%" border="0" cellspacing="0" cellpadding="20"> <tr> <td colspan="3" valign="top" id="header">Table for Layout</td> </tr> <tr> <td width="20%" height="300" valign="top" style="background:#666"><table width="100%" border="0" cellspacing="0" cellpadding="5" id="menu"> <tr> <th style="height:30px; background:#999">2Depth Title </th> </tr> <tr> <td>Menu1</td> </tr> <tr> <td class="line"></td> </tr> <tr> <td>Menu2</td> </tr> <tr> <td class="line"></td> </tr> <tr> <td>Menu3</td> </tr> <tr> <td class="line"></td> </tr> <tr> <td>Menu4</td> </tr> <tr> <td class="line"></td> </tr> <tr> <td>Menu5</td> </tr> <tr> <td class="line"></td> </tr> </table></td> <td width="60%" height="300" valign="top" style="background:#999"><table width="100%" border="0" cellspacing="0" cellpadding="5" id="pageTitle"> <tr> <th style="height:30px">3Depth Title </th> </tr> </table> <table width="100%" cellspacing="0"> <tr> <td id="text">Content </td> </tr> </table></td> <td width="20%" height="300" valign="top" style="background:#CCC"><table width="100%" border="0" cellspacing="0" cellpadding="5" id="links"> <tr> <th style="height:30px; background:#666">Links </th> </tr> <tr> <td>Link List 1</td> </tr> <tr> <td class="line"></td> </tr> <tr> <td>Link List 2 </td> </tr> <tr> <td class="line"></td> </tr> <tr> <td>Link List 1</td> </tr> <tr> <td class="line"></td> </tr> </table></td> </tr> <tr> <td colspan="3" valign="top" id="footer" style="background:#333"><a href="http://naradesign.net/">naradesign.net</a></td> </tr> </table> </body> </html> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr" /> <title>CSS Layout</title> <link href="CSSLayout.css" rel="stylesheet" type="text/css" /> </head> <body> <p id="moveTo"><a href="TableForLayout.html">Go to Table for Layout</a></p> <h1>CSS Layout</h1> <div id="center"> <div id="menu"> <h2>2Depth Title </h2> <ul> <li>Menu1</li> <li>Menu2</li> <li>Menu3</li> <li>Menu4</li> <li>Menu5</li> </ul> </div> <div id="content"> <h3>3Depth Title </h3> <div id="text"> Content </div> </div> <div id="links"> <h3>Links</h3> <ul> <li>Link List 1</li> <li>Link List 2</li> <li>Link List 3 </li> </ul> </div> </div> <address id="footer"> <a href="http://naradesign.net/">naradesign.net</a> </address> </body> </html> |
Table for Layout | CSS Layout |
---|---|
17 line | 23 line |
1,030 byte | 1,771 byte |
* { font-size:small; font-family:Arial} a { font:inherit; color:#FFF; text-decoration:none} a:hover { text-decoration:underline} #moveTo { position: #header { font-size:5em; color:#FFF; font-weight:bold; background:#000} #menu th { border-bottom:3px solid #FFF; font-size:x-large; font-weight:bold; color: #FF0; text-align:left} #menu td { font-size:small; font-weight:bold; color:#FFF} #menu td.line { height:1px; padding:0; background:#FFF} #pageTitle { margin-bottom:1em; background:#999} #pageTitle th, #link th {border-bottom:3px solid #FFF; font-size:x-large; font-weight:bold; color: #FF0; text-align:left; background:#666} #text { color:#FFF;} #links { margin-bottom:1em} #links th {border-bottom:3px solid #FFF; font-size:x-large; font-weight:bold; color: #FF0; text-align:left; background:#666} #links td { color:#FFF} #links td.line { height:1px; padding:0; background:#FFF} #footer { font-family: Verdana; font-size:x-large; font-weight:bold; font-style:italic; color:#FFF} |
* { margin:0; padding:0; font-size:small; font-family:Arial} h1 { font-size:5em; color:#FFF; font-weight:bold; background:#000; padding:20px} h2 { padding:5px; font-size:x-large; font-weight:bold; color:#FF0; background:#999; border-bottom:3px solid #FFF; margin:20px; margin-bottom:0} h3 { padding:5px; font-size:x-large; font-weight:bold; color:#FF0; background:#666; border-bottom:3px solid #FFF; margin:20px; margin-bottom:0} a { font:inherit; color:#FFF; text-decoration:none} a:hover { text-decoration:underline} #moveTo { position: #center { position:relative; overflow:hidden} #menu { position:relative; width:20%; background:#666; float:left; height:300px} #menu ul { margin:20px; margin-top:0; padding:0} #menu li { padding:5px; border-bottom:1px solid #FFF; font-weight:bold; color:#FFF; list-style:none} #content { position:relative; background: #999; font-size:small; font-family:Verdana; color:#FFF; width:60%; float:left; height:300px} #content h3 { margin-bottom:1em} #text { margin:20px; margin-top:0; line-height:150%; font-family:Verdana} #text table { border-left:1px solid #CCC; border-top:1px solid #CCC} #text table caption { font-weight:bold; text-align:left} #text table th { background:#666} #text table th, #text table td { padding:.5em; border-right:1px solid #CCC; border-bottom:1px solid #CCC; text-align:center} #links { position:relative; float:left; background:#CCCCCC; width:20%; clear:right; height:300px} #links ul { margin:20px; margin-top:0; padding:0} #links li { padding:5px; border-bottom:1px solid #FFF; color:#FFF; list-style:none} #footer { position:relative; clear:both; background: #333; font |
CSS Layout의 경우 HTML 파일의 용량은 50% 이상 절감됩니다. CSS파일의 용량은 약 70% 정도 증가하였지만 CSS파일은 웹 사이트 접속시 딱 한번 로드되고 로컬 PC의 캐시메모리에서 재활용 되므로 전송량에 미치는 부하는 무시해도 좋은 수준입니다. 이 실험에서는 비록 하나의 웹 페이지를 단순 비교하였지만 웹 페이지의 수가 증가하면 증가할 수록 웹 표준 방식의 CSS Layout Code는 경제적인 효과가 배가됩니다.
사람이나 로봇(컴퓨터)이 이해하기 쉬운 구조가 됩니다.
코드가 줄어들기 때문에 개발자들이 코드보기가 수월해 진다는 것은 쉽게 추측할 수 있습니다. 즉, 삽질을 줄여주죠. 하지만 그런 점은 겨우 부가적인 이점에 불과합니다. 웹 표준 방식의 HTML 코드는 모바일 장치를 포함한 어떤 종류의 웹 브라우저 장치에서 출력 되더라도 그것을 이해할 수 있는 수준으로 렌더링 됩니다. 또한 검색엔진으로부터 높은 점수를 받습니다. 특히 Title 태그와 h1~h6 등의 제목태그 및 alt 텍스트를 사용할 때 그렇습니다. 검색엔진의 접근성이 높아져서 피검색 될 확률이 높아집니다.
유지보수가 쉬워지고 유지보수 비용을 절감시켜 줍니다.
웹 사이트의 디자인만 개편한다고 가정할 때 Table 기반으로 Layout된 페이지들은 Layout을 변경하기 위하여 수천 페이지의 HTML 문서를 모두 열어서 수정해야 하는 고통이 따릅니다. 하지만 CSS 기반으로 Layout된 웹사이트는 HTML 파일은 열어볼 필요조차 없어집니다. 불과 몇개의 CSS파일을 수정하는 것으로 매우 간단하게 수천개의 웹 페이지 디자인을 개편할 수 있습니다. 표현요소를 CSS로 완벽하게 분리했다면 HTML파일을 수정해야 하는 상황은 오직 데이터가 업데이트 될 때 뿐입니다.
웹 접근성 문제는 웹 표준만 지키면 90% 이상 해결 됩니다.
웹은 태어날 때부터 보편성을 전제하였습니다. 즉, 웹 표준만 지키면 누구나 접근할 수 있도록 이미 그렇게 설계 되어 있다는 의미 입니다. 가장 짧은 시간에 접근성을 크게 증진시킬 수 있는 방법으로서 image 요소에 대한 alt 텍스트를 강조하고 있는데 이것은 WCAG 지침이기 이전에 XHTML 표준 문법입니다. 실제로 WCAG 지침은 XHTML의 표준 문법 가운데 접근성 이슈만 추려내 놓고 그것을 지키라고 말하는 문장이 많습니다.
'렛츠웹 + 게임 > My Tip' 카테고리의 다른 글
정규표현식(php) (0) | 2009.01.05 |
---|---|
암,복호화 함수 (0) | 2009.01.05 |
iframe자동 크기 조절 (0) | 2009.01.05 |
엑셀저장처리 (0) | 2009.01.05 |
표준웹코딩 예제 (0) | 2007.10.09 |