웹마당넷 |[POPUP] 팝업 생성기

Javascript Example
제 목
[POPUP] 팝업 생성기
작성자
운영자
등록일
200809260105453
조회수
25,879
팝업생성기 자바스크립트 소스입니다.
<script language="javascript"> 
var posval,infocus,settings,mywidth,myheight,mytop,myleft,mylink; 

var loc,toolb,statusb,menub,direc,scrollb,resiz,depend; 
var mstr=''; 

settings=''; 

function checkvalue(mycontrol) 
{ 
  if(isNaN(mycontrol.value)!=false) 
  { 
    alert('The value of this field ( '+mycontrol.name+' ) needs to be a number.'); 
    mycontrol.focus(); 
    mycontrol.select(); 
    } 
} 

function GenerateCode() 
{ 
  document.frm.gencode.enabled=false; 
  var BadChars=new Array 
  ( 
    " ", 
    "'", 
    "!", 
    "@", 
    "#", 
    "$", 
    "%", 
    "^", 
    "&", 
    "*", 
    "(", 
    ")", 
    "-", 
    "=", 
    "+", 
    "|", 
    "[", 
    "]", 
    "{", 
    "}", 
    "]", 
    ";", 
    ":", 
    ",", 
    "<", 
    ".", 
    ">", 
    "/", 
    "?"); 
  var functionname=document.frm.txtFunctionname.value; 
  var popupname=document.frm.txtPopupname.value; 
  if(document.frm.txtFunctionname.value=='') 
  { 
    alert("Please enter a Function Name of atleast one character"); 
    document.frm.txtFunctionname.focus(); 
    return 
  } 

  for(var i=0;i<BadChars.length;i++) 
  { 
      if(functionname.indexOf(BadChars[i])!=-1) 
      { 
            alert('The function name can NOT have a " '+BadChars[i]+' " in it.'); 
            document.frm.txtFunctionname.value=""; 
            document.frm.txtFunctionname.focus(); 
            return; 
      } 
  } 

  if(document.frm.txtPopupname.value=='') 
  { 
    alert("Please enter a Popup Name of atleast one character"); 
    document.frm.txtPopupname.focus(); 
    return 
  } 

  for(var i=0;i<BadChars.length;i++) 
  { 
      if(popupname.indexOf(BadChars[i])!=-1) 
      { 
            alert('The Popup name can NOT have a " '+BadChars[i]+' " in it.'); 
            document.frm.txtPopupname.value=""; 
            document.frm.txtPopupname.focus(); 
            return; 
      } 
  } 

if(document.frm.rdFocus[0].checked) 
{ 
    infocus='front'; 
} 
else 
{ 
    infocus='back'; 
} 

  if(infocus=='front') 
  { 
  var winfocus="win.focus();" 
  var mywinfocus=''; 
  } 
  else 
  { 
  var winfocus="win.blur();"; 
    var mywinfocus="return false \" onFocus= \"this.blur();\""; 
  } 

mywidth=document.frm.txtWidth.value; 
myheight=document.frm.txtHeight.value; 
mytop=document.frm.txtTop.value; 
myleft=document.frm.txtLeft.value; 

posval='custom'; 
if(document.frm.rdwindow[0].checked){posval='fullscreen';} 
if(document.frm.rdwindow[1].checked){posval='center';} 
if(document.frm.rdwindow[2].checked){posval='random';} 

if(document.frm.rdlink[0].checked){mylink='standard';} 
if(document.frm.rdlink[1].checked){mylink='formbutton';} 
if(document.frm.rdlink[2].checked){mylink='formload';} 
if(document.frm.rdlink[3].checked){mylink='formunload';} 


loc=(document.frm.chkLocation.checked)?'yes':'no'; 
toolb=(document.frm.chkToolbar.checked)?'yes':'no'; 
statusb=(document.frm.chkStatusbar.checked)?'yes':'no'; 
menub=(document.frm.chkMenubar.checked)?'yes':'no'; 
direc=(document.frm.chkDirectories.checked)?'yes':'no'; 
scrollb=(document.frm.chkScrollbar.checked)?'yes':'no'; 
resiz=(document.frm.chkResizable.checked)?'yes':'no'; 
depend=(document.frm.chkDependant.checked)?'yes':'no'; 

if(posval=='fullscreen') 
{ 
  settings='fullscreen'; 
} 
else 
{ 
  if(posval=='center') 
  { 
  myleft=(screen.width-mywidth)/2; 
  mytop=(screen.height-myheight)/2; 
  settings="width=" + mywidth + ",height=" + myheight + ",left=" + myleft + ",top=" + mytop + ",location=" + loc + ",toolbar=" + toolb + ",status=" + statusb + ",menubar=" + menub + ",directories=" + direc + ",scrollbars=" + scrollb + ",resizable=" + resiz + ",dependent=" + depend + "'"; 

  } 
  else 
  { 
    if(posval=='random') 
    { 
      myleft=(screen.width)?Math.floor(Math.random()*(screen.width-mywidth)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-myheight)-75)):100; 
      settings="width=" + mywidth + ",height=" + myheight + ",left=" + myleft + ",top=" + mytop + ",location=" + loc + ",toolbar=" + toolb + ",status=" + statusb + ",menubar=" + menub + ",directories=" + direc + ",scrollbars=" + scrollb + ",resizable=" + resiz + ",dependent=" + depend + "'"; 

    } 
    else 
    { 
      settings="width=" + mywidth + ",height=" + myheight + ",left=" + myleft + ",top=" + mytop + ",location=" + loc + ",toolbar=" + toolb + ",status=" + statusb + ",menubar=" + menub + ",directories=" + direc + ",scrollbars=" + scrollb + ",resizable=" + resiz + ",dependent=" + depend + "'"; 

    } 
  } 
} 

var htmltext="<SCRIPT LANGUAGE=\'JAVASCRIPT\' TYPE=\'TEXT/JAVASCRIPT\'>\n "; 
htmltext=htmltext + "<!--\n"; 
htmltext=htmltext + "var win=null;\n"; 
htmltext=htmltext + "function NewWindow(mypage,myname,w,h,pos,infocus){\n"; 
if(document.frm.txtDaystoPopup.value > 0){ 
  htmltext=htmltext + "if(GetCookie(\"sid\") == \"999\"){return;}\n"; 
  htmltext=htmltext + "document.cookie=\"sid=999; Path=/; Expires= \" + getFuture("+document.frm.txtDaystoPopup.value+");\n"; 
  } 
htmltext=htmltext + "if(pos==\"random\"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}\n"; 
htmltext=htmltext + "if(pos==\"center\"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}\n"; 
htmltext=htmltext + "else if((pos!=\'center\' && pos!=\"random\") || pos==null){myleft=0;mytop=20}\n"; 
htmltext=htmltext + "settings=\"width=\" + w + \",height=\" + h + \",top=\" + mytop + \",left=\" + myleft + \",scrollbars=" + scrollb + ",location=" + loc + ",directories=" + direc + ",status=" + statusb + ",menubar=" + menub + ",toolbar=" + toolb + ",resizable=" + resiz + "\";"; 
htmltext=htmltext + "win=window.open(mypage,myname,settings);\n"; 
htmltext=htmltext + winfocus + "}\n"; 
if(document.frm.txtDaystoPopup.value > 0){ 
  htmltext=htmltext + "// Cookie functions borrowed from:\n"; 
  htmltext=htmltext + "// Ronnie Moore: Visit him at http://www.ronniemoore.com"; 
  htmltext=htmltext + "\nfunction getFuture(f){\n"; 
  htmltext=htmltext + "var d = new Date();\n"; 
  htmltext=htmltext + "d.setTime(d.getTime() + (86400000 * f));\n"; 
  htmltext=htmltext + "return d;\n"; 
  htmltext=htmltext + "}\n"; 
  htmltext=htmltext + "\nfunction GetCookie (name) {\n"; 
  htmltext=htmltext + "var arg = name + \"=\";\n"; 
  htmltext=htmltext + "var alen = arg.length;\n"; 
  htmltext=htmltext + "var clen = document.cookie.length;\n"; 
  htmltext=htmltext + "var i = 0;\n"; 
  htmltext=htmltext + "while (i < clen) {\n"; 
  htmltext=htmltext + "  var j = i + alen;\n"; 
  htmltext=htmltext + "  if (document.cookie.substring(i, j) == arg)\n"; 
  htmltext=htmltext + "  return getCookieVal (j);\n"; 
  htmltext=htmltext + "  i = document.cookie.indexOf(\" \", i) + 1;\n"; 
  htmltext=htmltext + "  if (i == 0) break; \n"; 
  htmltext=htmltext + "  }\n"; 
  htmltext=htmltext + "  return null;\n"; 
  htmltext=htmltext + "  }\n"; 
  htmltext=htmltext + "\n"; 
  htmltext=htmltext + "function getCookieVal (offset) {\n"; 
  htmltext=htmltext + "var endstr = document.cookie.indexOf (\";\", offset);\n"; 
  htmltext=htmltext + "if (endstr == -1)\n"; 
  htmltext=htmltext + "  endstr = document.cookie.length;\n"; 
  htmltext=htmltext + "  return unescape(document.cookie.substring(offset, endstr));\n"; 
  htmltext=htmltext + "}\n"; 
  } 
htmltext=htmltext + "// -->\n"; 
htmltext=htmltext + "<" + "/scr" + "ipt>"; 
document.frm.txtHTML.value=htmltext; 



if(mylink=='standard') 
{ 
document.frm.txtLink.value="<a href=\"javascript:NewWindow('" + document.frm.txtPopupURL.value + "','" + document.frm.txtPopupname.value + "','" + mywidth + "','" + myheight + "','" + posval + "','" + infocus + "');\"" + mywinfocus + ">LinkText</a>"; 
} 
if(mylink=='formbutton') 
{ 
document.frm.txtLink.value="<input type=\"button\" name=\"B1\" value=\"Click Me\" onClick=\"NewWindow('" + document.frm.txtPopupURL.value + "','" + document.frm.txtPopupname.value + "','" + mywidth + "','" + myheight + "','" + posval + "','" + infocus + "');\"" + mywinfocus + ">"; 

} 
if(mylink=='formload') 
{ 
document.frm.txtLink.value="<body onLoad=\"NewWindow('" + document.frm.txtPopupURL.value + "','" + document.frm.txtPopupname.value + "','" + mywidth + "','" + myheight + "','" + posval + "','" + infocus + "');\"" + mywinfocus + ">"; 
} 
if(mylink=='formunload') 
{ 
document.frm.txtLink.value="<body onUnload=\"NewWindow('" + document.frm.txtPopupURL.value + "','" + document.frm.txtPopupname.value + "','" + mywidth + "','" + myheight + "','" + posval + "','" + infocus + "');\"" + mywinfocus + ">"; 
} 
document.frm.btnTestpopup.enabled=true; 
} 


function TestWindow() 
{ 
var mstr=''; 
  if(document.frm.txtHTML.value=='') 
  { 
    return; 
  } 
  else 
  { 
  var win=window.open(document.frm.txtPopupURL.value,document.frm.txtPopupname.value,settings); 
  if(infocus=='front') 
  { 
  win.focus(); 
  } 

  } 
} 
function customfullscreenmode() 
{ 
    document.frm.chkPopupsize.checked=false; 
    document.frm.chkPosition.checked=false; 
    document.frm.txtTop.enabled=false; 
    document.frm.txtLeft.enabled=false; 
    document.frm.txtWidth.enabled=false; 
    document.frm.txtHeight.enabled=false; 
} 

function customcenter() 
{ 
    document.frm.chkPopupsize.checked=true; 
    document.frm.chkPosition.checked=false; 
    document.frm.txtTop.value=''; 
    document.frm.txtLeft.value=''; 
} 

function customposition() 
{ 
    document.frm.txtTop.enabled=true; 
    document.frm.txtLeft.enabled=true; 
} 

function custompopupsize() 
{ 
    document.frm.txtWidth.enabled=true; 
    document.frm.txtHeight.enabled=true; 
} 

function customrandom() 
{ 
    document.frm.chkPopupsize.checked=false; 
    document.frm.chkPosition.checked=false; 
} 

</script> 

    <form name="frm"> 
      <table border="1" cellpadding="5" bordercolor="#000000" cellspacing="0"> 
        <tr> 
          <td width="100%"> 
          <table border="1" cellspacing="0" cellpadding="3" bordercolor="#EFEFEF" style="border-collapse: collapse"> 
            <tr> 
              <td valign="top" align="left"> 
              <table border="0" width="100%" cellspacing="0" cellpadding="2" style="border-collapse: collapse" bordercolor="#111111"> 
                <tr> 
                  <td align="center"><b>Function Name</b></td> 
                </tr> 
                <tr> 
                  <td align="center"> 
                  <input type="text" name="txtFunctionname" maxlength="50" size="20" value="acewindow"> 
                  
                  </td> 
                </tr> 
                <tr> 
                  <td align="center"><b>Popup Name</b></td> 
                </tr> 
                <tr> 
                  <td align="center"> 
                  <input type="text" name="txtPopupname" maxlength="50" size="20" value="acepopup"></td> 
                </tr> 
                <tr> 
                  <td align="center"><b>Location of 
                  Window</b></td> 
                </tr> 
                <tr> 
                  <td align="center"> 
                  <div align="center"> 
                    <table border="0" cellspacing="0" cellpadding="2"> 
                      <tr> 
                        <td nowrap> 
                        <p align="right"> 
                        
                        <input type="radio" name="rdFocus" value="front" checked> 
                        </td> 
                        <center> 
                        <td nowrap>In Front</td> 
                      </tr> 
                      </center> 
                      <tr> 
                        <td nowrap> 
                        <p align="right"> 
                        
                        <input type="radio" name="rdFocus" value="back"> 
                        </td> 
                        <center> 
                        <td nowrap>In Back</td> 
                      </tr> 
                    </table> 
                    </center> 
                  </div> 
                  </td> 
                </tr> 
              </table> 
              </td> 
              <td valign="top" align="left"> 
              <table border="0" width="100%" cellspacing="0" cellpadding="2" style="border-collapse: collapse" bordercolor="#111111"> 
                <tr> 
                  <td width="100%" valign="top" align="left"> 
                  <p align="center"><b>Dimensions</b> 
                    
                  </td> 
                </tr> 
                <tr> 
                  <td width="100%" valign="top" align="left"> 
                  <table border="0" width="108%" cellspacing="0" cellpadding="0"> 
                    <tr> 
                      <td nowrap> 
                      <p align="right"> 
                      <input type="checkbox" value="V2" value name="chkPopupsize" onClick="custompopupsize();"> 
                      
                      </td> 
                      <td nowrap><b>Popup Size</b> 
                      </td> 
                    </tr> 
                  </table> 
                  </td> 
                </tr> 
                <tr> 
                  <td width="100%" align="center" valign="top"> 
                  Width<br> 
                  <input type="number" name="txtWidth" maxlength="3" size="10" value="640" onBlur="checkvalue(this);"> 
                  
                  </td> 
                </tr> 
                <tr> 
                  <td width="100%" align="center" valign="top"> 
                  Height<br> 
                  <input type="number" name="txtHeight" maxlength="3" size="10" value="480" onBlur="checkvalue(this);"> 
                  
                  </td> 
                </tr> 
                <tr> 
                  <td width="100%" valign="top" align="left"> 
                  <table border="0" width="100%" cellspacing="0" cellpadding="0"> 
                    <tr> 
                      <td nowrap> 
                      <p align="right"> 
                      <input type="radio" value="fullscreen" name="rdwindow" onClick="customfullscreenmode();"> 
                      </td> 
                      <td nowrap><b>FullScreen</b></td> 
                    </tr> 
                  </table> 
                  </td> 
                </tr> 
              </table> 
              </td> 
              <td valign="top" align="left"> 
              <table border="0" width="100%" cellspacing="0" cellpadding="2" style="border-collapse: collapse" bordercolor="#111111"> 
                <tr> 
                  <td width="100%" valign="top" align="left"> 
                  <p align="center"><b>Position</b>  
                  
                  </td> 
                </tr> 
                <tr> 
                  <td width="100%" valign="top" align="left"> 
                  <table border="0" cellspacing="0" cellpadding="0"> 
                    <tr> 
                      <td nowrap> 
                      <p align="right"> 
                      <input type="checkbox" value="V3" name="chkPosition" onClick="customposition();"> 
                      
                      </td> 
                      <td nowrap><b>Specify</b> 
                      
                      </td> 
                    </tr> 
                  </table> 
                  </td> 
                </tr> 
                <tr> 
                  <td width="100%" align="center" valign="top"> 
                  Top<br> 
                  <input type="number" name="txtTop" maxlength="4" size="10" value="0" onBlur="checkvalue(this);"> 
                  
                  </td> 
                </tr> 
                <tr> 
                  <td width="100%" align="center" valign="top"> 
                  Left<br> 
                  <input type="number" name="txtLeft" maxlength="4" size="10" value="0" onBlur="checkvalue(this);"> 
                  
                  </td> 
                </tr> 
                <tr> 
                  <td width="100%" align="left" valign="top"> 
                  <table border="0" cellspacing="0" cellpadding="0"> 
                    <tr> 
                      <td nowrap> 
                      <p align="right"><b> 
                      <input type="radio" value="center" name="rdwindow" onClick="customcenter();"> 
                      </b> 
                      </td> 
                      <td nowrap><b>Center</b></td> 
                    </tr> 
                  </table> 
                  </td> 
                </tr> 
                <tr> 
                  <td width="100%" align="left" valign="top"> 
                  <table border="0" cellspacing="0" cellpadding="0"> 
                    <tr> 
                      <td nowrap> 
                      <p align="left"><b> 
                      <input type="radio" value="random" name="rdwindow" onClick="customrandom();"> 
                      </b> 
                      </td> 
                      <td nowrap><b>Random</b></td> 
                    </tr> 
                  </table> 
                  </td> 
                </tr> 
              </table> 
              </td> 
              <td valign="top" align="left"> 
              <table border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#111111"> 
                <tr> 
                  <td valign="top" align="right" colspan="2"> 
                  <p align="center"><b>Options</b> 
                  
                  
                  </td> 
                </tr> 
                <tr> 
                  <td valign="top" align="right"> 
                  <input type="checkbox" name="chkLocation" value="ON"> 
                  </td> 
                  <td valign="top" align="left" nowrap> 
                  Location Bar 
                  </td> 
                </tr> 
                <tr> 
                  <td valign="top" align="right"> 
                  <input type="checkbox" name="chkDirectories" value="ON"> 
                  </td> 
                  <td valign="top" align="left" nowrap> 
                  Directories 
                  </td> 
                </tr> 
                <tr> 
                  <td valign="top" align="right"> 
                  <input type="checkbox" name="chkMenubar" value="ON"> 
                  </td> 
                  <td valign="top" align="left" nowrap> 
                  Menu Bar 
                  </td> 
                </tr> 
                <tr> 
                  <td valign="top" align="right"> 
                  <input type="checkbox" name="chkToolbar" value="ON"> 
                  </td> 
                  <td valign="top" align="left" nowrap> 
                  Tool Bar 
                  </td> 
                </tr> 
                <tr> 
                  <td valign="top" align="right"> 
                  <input type="checkbox" name="chkStatusbar" value="ON"></td> 
                  <td valign="top" align="left" nowrap> 
                  Status Bar 
                  </td> 
                </tr> 
                <tr> 
                  <td valign="top" align="right"> 
                  <input type="checkbox" name="chkResizable" value="ON"></td> 
                  <td valign="top" align="left" nowrap> 
                  Resizable 
                  </td> 
                </tr> 
                <tr> 
                  <td valign="top" align="right"> 
                  <input type="checkbox" name="chkScrollbar" value="ON"></td> 
                  <td valign="top" align="left" nowrap> 
                  Scrollbar</td> 
                </tr> 
                <tr> 
                  <td valign="top" align="right"> 
                  <input type="checkbox" name="chkDependant" value="ON"></td> 
                  <td valign="top" align="left" nowrap> 
                  Dependant</td> 
                </tr> 
              </table> 
              </td> 
            </tr> 
            <tr> 
              <td valign="top" align="left" colspan="4"> 
              <table border="0" width="100%" cellspacing="0" cellpadding="2"> 
                <tr> 
                  <td nowrap> 
                  <p align="right"><b>URL of Window:</b> 
                  </td> 
                  <td nowrap> 
                  <input type="text" name="txtPopupURL" maxlength="50" size="50" value="http://www.naver.com"> 
                  
                  </td> 
                </tr> 
              </table> 
              </td> 
            </tr> 
            <tr> 
              <td valign="top" align="left" colspan="4"> 
              <table border="0" cellspacing="0" cellpadding="2"> 
                <tr> 
                  <td rowspan="2"> 
                  <p align="right"><b>Select Window 
                  Trigger:</b> 
                  </td> 
                  <td align="left"> 
                  <table border="0" cellspacing="0" cellpadding="0"> 
                    <tr> 
                      <td nowrap> 
                      <p align="right"> 
                      <input type="radio" name="rdlink" value="standard" checked> 
                      </td> 
                      <td nowrap>Standard Link</td> 
                    </tr> 
                  </table> 
                  </td> 
                  <td align="left"></td> 
                  <td align="left"> 
                  <table border="0" cellspacing="0" cellpadding="0"> 
                    <tr> 
                      <td nowrap> 
                      <p align="right"> 
                      <input type="radio" name="rdlink" value="formbutton"> 
                      </td> 
                      <td nowrap>Form Button</td> 
                    </tr> 
                  </table> 
                  </td> 
                </tr> 
                <tr> 
                  <td align="left"> 
                  <table border="0" cellspacing="0" cellpadding="0"> 
                    <tr> 
                      <td nowrap> 
                      <p align="right"> 
                      <input type="radio" name="rdlink" value="formload"> 
                      </td> 
                      <td nowrap>When Page Loads</td> 
                    </tr> 
                  </table> 
                  </td> 
                  <td align="left"></td> 
                  <td align="left"> 
                  <table border="0" cellspacing="0" cellpadding="0"> 
                    <tr> 
                      <td nowrap> 
                      <p align="right"> 
                      <input type="radio" name="rdlink" value="formunload"> 
                      </td> 
                      <td nowrap>When Page Unloads</td> 
                    </tr> 
                  </table> 
                  </td> 
                </tr> 
              </table> 
              </td> 
            </tr> 
            <tr> 
              <td valign="top" align="left" colspan="4"> 
              <div align="left"> 
                <table border="0" cellpadding="2" cellspacing="0"> 
                  <tr> 
                    <td><b>Days to Repeat Popup:</b></td> 
                    <td> 
                    
                    <input type="text" name="txtDaystoPopup" size="3" value="0"></td> 
                    <td><font size="1" face="Tahoma">Hint: enter '0' to popup every 
                    visit. Enter '999' to popup once for each visitor.</td> 
                  </tr> 
                </table> 
              </div> 
              </td> 
            </tr> 
            <tr> 
              <td valign="top" align="left" colspan="4"> 
              <div align="center"> 
                <center> 
                <table border="0" cellspacing="0" cellpadding="2"> 
                  <tr> 
                    <td nowrap> 
                    <input type="button" value="Generate Code" name="gencode" onClick="GenerateCode();"></td> 
                    <td nowrap> 
                    <input type="reset" value="Reset"></td> 
                    <td nowrap> 
                    <input type="button" value="Test / View Popup" name="btnTestpopup" onClick="TestWindow();"></td> 
                  </tr> 
                </table> 
                </center> 
              </div> 
              </td> 
            </tr> 
          </table> 
          </td> 
        </tr> 
      </table> 
      <p><strong>Step 1:</strong> HEAD에 삽입하세요.. 
      <p> 
      <input type="button" onClick="document.frm.txtHTML.select();" value="Grab Text" name="cmdgrabtext"> 
      Control-C를 눌러서 카피한 후 페이지에 복사하세요.. 
      <br> 
      <textarea name="txtHTML" cols="50" rows="5" wrap="virtual"></textarea> 
      <p><strong>Step 2:</strong> 본문에 링크할 위치에 삽입하세요.. 
      
      <p> 
      <input type="button" onclick="document.frm.txtLink.select();" value="Grab Text" name="cmdgrab1ink"> 
      Control-C를 눌러서 카피한 후 페이지에 복사하세요..<br> 
      <textarea name="txtLink" cols="50" rows="5" wrap="virtual"></textarea> 
    </form> 




</body> 
</html>
※ 짧은 댓글일수록 예의를 갖추어 작성해 주시기 바랍니다.
번호
제목
글쓴이