PowerPoint 프레젠테이션

Size: px
Start display at page:

Download "PowerPoint 프레젠테이션"

Transcription

1 휴대폰인증서비스 사용자매뉴얼

2 목차 1. 서비스소개및신청 1) 휴대폰인증서비스란? 2) 휴대폰인증서비스장점 3) 서비스신청하기 1) 회원가입페이지에적용 2) 아이디, 비밀번호찾기페이지에적용 3) 14세미만비회원구매제한팝업에적용 4) 성인인증페이지에적용 2

3 1. 서비스소개및신청 1) 휴대폰인증서비스란? 휴대폰인증서비스는본인명의의휴대폰을사용하여본인확인을가능하게해주는서비스로써, 휴대폰을소유한개인은누구든지간편하게인증을진행할수있습니다. 2) 휴대폰인증서비스장점 인증진행이간편하고인증율이높습니다. 휴대폰인증은누구나소유하고있는휴대폰을이용한인증수단이기에인증자가부담없이인증을진행할수있다는것이가장큰장점입니다. 중복가입방지가가능합니다. 휴대폰인증시에본인확인기관에서보내주는정보에는중복확인을체크하는값이포함되어있어, 개인의중복가입을방지할수있습니다. 신뢰할수있는마케팅정보를얻을수있습니다. 휴대폰인증후본인확인기관에서보내주는정보에인증자의이름 / 나이 / 성별 / 생년월일과같은마케팅에도움을줄수있는정보가포함되어있습니다. 법적제재에서벗어날수있습니다. 휴대폰인증서비스는개인정보를입력받는것이아니기때문에개인정보보호법을준수할수있도록도와줄뿐만아니라, 청소년보호법에의한 14 세미만 /19 세미만회원가입및구매제한법률로부터쇼핑몰을안전하게지켜줍니다. 3

4 1. 서비스소개및신청 3) 서비스신청하기 휴대폰인증서비스는유료부가서비스이므로, 별도신청및결제가완료되어야쇼핑몰에적용할수있습니다. 휴대폰인증은부가서비스메뉴에서신청할수있습니다. 위치 : 부가서비스 > 운영지원서비스 > 휴대폰인증서비스 > 서비스신청 4

5 1) 회원가입페이지에적용 다음순서에따라설정및디자인수정을해야적용됩니다. 1 휴대폰인증사용설정 휴대폰인증신청및심사승인이완료되어사용가능한상태가되면, 아래화면과같이 서비스신청상태가 가 ON 으로표시됩니다. 사용설정항목에서본인인증사용함선택및휴대폰인증에체크합니다. ( 이설정은회원가입, 아이디 / 비밀번호찾기페이지에공통으로적용됩니다.) 위치 : 상점 / 운영 > 상점운영관련설정 > 본인인증서비스설정 5

6 2 html 디자인수정 > 회원가입페이지다음과같이회원가입페이지에관련소스를합니다. 위치 : HTML 디자인설정 > 회원가입 / 수정 > 회원가입 / 수정입력폼 (c_3) <input type='hidden' name='nameauthuseflag' id='nameauthuseflag' value='{{$bnameauth' /> <!-- 실명인증서비스사용여부 --> <input type='hidden' name='ipinauthuseflag' id='ipinauthuseflag' value='{{$bipinauth' /> <!-- 아이핀사용여부 --> <input type='hidden' name='mobileauthuseflag' id='mobileauthuseflag' value='{{$bmobileauth' /> <!-- 휴대폰인증사용여부 --> <input type='hidden' name='passwd_type' id='passwd_type' value='{{$passwd_type' /> <!-- 비밀번호사양 --> ==== 생략 ==== <!-- 개인회원 --> <tr style="display:{{$ssn_display" id='dpersonalssn'> <td height=10 align="center" bgcolor="{{$tab_array.c_3.th_bgcolor" width="127" class="txt_pro"> 주민등록번호 </td> <td height=10 bgcolor="{{$tab_array.c_3.td_bgcolor" width="510"> {{if $bipinjoin === true 아이핀인증회원 <input type='hidden' name='ipinjoinflag' id='ipinjoinflag' value='{{$bipinjoin' /> <!-- 아이핀을이용한가입여부 --> {{elseif $bmobileauthjoin === true 휴대폰인증회원 <input type='hidden' name='mobileauthjoinflag' id='mobileauthjoinflag' value='{{$bmobileauthjoin' /> <!-- 휴대폰인증을이용한가입여부 --> {{else <input type=text size=10 name="ssn1" id="ssn1" value="{{$ssn1" {{$ssn_readonly class="input01" maxlength=6> - <input type=password size=10 name="ssn2" value="{{$ssn2" {{$ssn_readonly class="input01" maxlength=7> {{if $bnameauthbt === true <img src='{{$img_array.c_3.15.url' onclick="javascript:window_open( ' =name', 'name_auth',100, 170, 436, 248 )" style="cursor:pointer">{{/if {{/if <!-- 아래의 auth_agreement_check 는개인정보보호정책상삭제되면안되는부분입니다. 개인을구별할수있는고유식별정보 ( 주민등록번호, 여권번호, 외국인등록번호, 국제운전면허증등 ) 를수집혹은이용할경우꼭필요한문구입니다. 삭제시법적제제를받을수있습니다. --> {{$auth_agreement_check </td> </tr> <!-- 개인회원끝 --> ==== 생략 ==== {{/literal {{$AuthFormInit setauthtype(); </script> 위치 : HTML 디자인설정 > 회원가입 / 수정 > 회원가입 / 수정입력폼 (c_3) > 회원정보 (c_3_u22) <input type='hidden' name='ipinbirthday' id='ipinbirthday' /> {{* 아이핀 API 가리턴해준생일 * <input type='hidden' name='ipingender' id='ipingender' /> {{* 아이핀 API 가리턴해준성별 * <input type='hidden' name='mobileauthbirthday' id='mobileauthbirthday' /> {{* 휴대폰인증리턴값 * <input type='hidden' name='mobileauthgender' id='mobileauthgender' /> <input type='hidden' name='mobileauth_di_key' id='mobileauth_di_key' /> ==== 생략 ==== <tr id="personalauth"> <td bgcolor="#f6f6f6" style="text-align: center;"> 회원인증 </td> <td bgcolor="#ffffff"> {{$c_3_u24 {{$c_3_u25 {{$c_3_u26 {{$c_3_u31 {{$c_3_u27 {{$c_3_u28 <!-- 아래의 auth_agreement_check 는개인정보보호정책상삭제되면안되는부분입니다. 개인을구별할수있는고유식별정보 ( 주민등록번호, 여권번호, 외국인등록번호, 국제운전면허증등 ) 를수집혹은이용할경우꼭필요한문구입니다. 삭제시법적제제를받을수있습니다. --> 6

7 위치 : HTML 디자인설정 > 회원가입 / 수정 > 회원가입 / 수정입력폼 (c_3) > 개인인증관련 (c_3_u24) {{* $bnameauth : 실명인증서비스이용여부 - 상점 / 운영 - 상점운영관련설정 - 실명인증서비스설정에서변경가능합니다. $bipinauth : 아이핀서비스이용여부 - 상점 / 운영 - 상점운영관련설정 - 실명인증서비스설정에서변경가능합니다. $bmobileauth : 휴대폰인증서비스이용여부 - 상점 / 운영 - 상점운영관련설정 - 실명인증서비스설정에서변경가능합니다. * <!-- c_3_u24 START --> <div id="nameauthtype"> {{if $bnameauth === true <input type="radio" name="memnameauthtype" id="memnameauthtype1" value="1" checked="checked" onclick="nameauthdisp();"> <label for="memnameauthtype1"> 실명인증 </label> {{/if {{if $bipinauth === true <input type="radio" name="memnameauthtype" id="memnameauthtype2" value="2" checked="checked" onclick="nameauthdisp();"> <label for="memnameauthtype2"> 아이핀 </label> {{/if {{if $bmobileauth === true <input type="radio" name="memnameauthtype" id="memnameauthtype3" value="3" checked="checked" onclick="nameauthdisp(); setauthtype();"> <label for="memnameauthtype3"> 휴대폰인증 </label> {{/if <!-- c_3_u24 END --> 위치 : HTML 디자인설정 > 회원가입 / 수정 > 회원가입 / 수정입력폼 (c_3) > 아이핀인증 (c_3_u26) <!-- c_3_u26 START --> {{if $bnameauth!== true && $bipinauth === true && $bmobileauth!== true <div id="nameauthipin"> {{else <div id="nameauthipin" style="display: none;"> {{/if <div style="padding: 10px;"><a href="#:none" ><img border="0" src=" onclick="ipinpopup();"></a> <div> 아이핀이란, 회원님의개인정보보호를위해웹사이트에주민등록번호를제공하지않고본인임을확인하는인터넷상의개인식별번호서비스입니다.<br/> 아이핀을통한가입을원하시면아이핀인증버튼을눌러진행해주십시오. <input type="hidden" name="ipin_returnurl" id="ipin_returnurl" value="{{$ipinreturnurl"/> <input type="hidden" name="mallid" id="mallid" value="{{$mallid"/> <input type="hidden" name="version" id="version" value="shop20"/> <!-- c_3_u26 START --> 7

8 위치 : HTML 디자인설정 > 회원가입 / 수정 > 회원가입 / 수정입력폼 (c_3) > 휴대폰인증 (c_3_u31) <!-- c_3_u31 START --> {{if $bnameauth!== true && $bipinauth!== true && $bmobileauth === true <div id="nameauthmobile"> {{else <div id="nameauthmobile" style="display: none;"> {{/if <div style="padding: 10px;"><a href="#:none" ><img border="0" src=" onclick="mobileauthpopup();"></a> <div> 본인명의의휴대폰으로본인인증을진행합니다. > <input type='hidden' name='authmodule' id='authmodule' value='{{$authmodule'/> <!-- 휴대폰인증인증사구분 -- <input type='hidden' name='authtype' id='authtype' value='' /> <!-- 실명인증방법변수 --> <input type='hidden' name='mallversion' id='mallversion' value='shop20' /> <!-- 몰버전 shop19 / shop 20 --> <input type='hidden' name='returnurl' id='returnurl' value='{{$mobilereturnurl' /> <!-- 인증후이동할페이지 --> <!-- c_3_u31 START --> 위치 : HTML 디자인설정 > 회원관련화면 > 휴대폰인증결과페이지 > 휴대폰인증결과 (c_1) {{* 휴대폰인증결과화면아래의폼에쓰인필드들의이름 (name/id) 과하단에스크립트를삭제하지마세요. * <input type="hidden" id="mobileauthresult" name="mobileauthresult" value="{{$mobileauthresult"/> <input type="hidden" id="mode" name="mode" value="{{$mode"/> <!-- 성공시쓰이는폼값 --> <input type="hidden" id="mobileauthname" name="mobileauthname" value="{{$mobileauthname"/> <input type="hidden" id="memid" name="memid" value="{{$memid"/> <input type="hidden" id="mobileauthbirthday" name="mobileauthbirthday" value="{{$mobileauthbirthday"/> <input type="hidden" id="mobileauthgender" name="mobilauthgender" value="{{$mobileauthgender"/> <input type="hidden" id="mobileauthdikey" name="mobileauthdikey" value="{{$mobileauthdikey"/> <!-- 실패시쓰이는폼값 --> <input type="hidden" id="resultmsg" name="resultmsg" value="{{$resultmsg"/> <input type="hidden" id="joinlimitday" name="joinlimitday" value="{{$joinlimitday"/> <input type="hidden" id="quitdate" name="quitdate" value="{{$quitdate"/> <script> init(); </script> * 주의위의휴대폰인증 (c_3_u31) 페이지, 휴대폰인증결과 (c_1) 페이지는이번휴대폰인증작업으로새롭게된페이지로써반드시 [ 편집완료저장하기 ] 를 1 회진행해주셔야휴대폰인증이정상작동합니다. 8

9 회원가입페이지에휴대폰인증적용된화면 9

10 2) 아이디, 비밀번호찾기페이지에적용 다음순서에따라설정및디자인수정을해야적용됩니다. 1 휴대폰인증사용설정 본인인증서비스설정 > 회원가입 설정을본인인증사용함선택및휴대폰인증에체크합니다. 이설정은회원가입, 아이디 / 비밀번호찾기페이지에공통으로적용됩니다. (5P 참고 ) 2 html 디자인수정 > 아이디찾기페이지다음과같이아이디찾기페이지에휴대폰인증관련소스를 / 수정합니다. 위치 : HTML 디자인설정 > 아이디찾기 > new 아이디찾기 ( c_4 ) <td> 가입하신방법에따라아이디찾기가가능합니다.<br/> 법인사업자회원또는외국인회원의경우이름 / 주민등록번호란에법인명과법인번호또는이름과등록번호를입력해주세요. </tr> <tr> <td> <form action="./?url=findiddao" name="idfindform" id="idfindform" method="post" onsubmit="return FindIdFormCheck();"> <input type="hidden" name="is_check" id="is_check"/> <input type="hidden" name="mode" id="mode" value="findid"/> <table border="1" cellpadding="5" cellspacing="0" width="100%" style="border-collapse:collapse;" > <col width="120"/> <col/> ==== 생략 ==== <input type="radio" name="memauthtype" id="memauthtypee" value="e" onclick="setdispcheck('e');"/> <label for="memauthtypee"> 이메일로찾기 </label> <input type="radio" name="memauthtype" id="memauthtypeh" value="h" onclick="setdispcheck('h');"/> <label for="memauthtypeh"> 휴대폰번호로찾기 </label> {$c_4_u2} {$c_4_u4} </td> </tr> ==== 생략 ==== <tr id="tr row"> <td bgcolor="#efefef"> 이메일 </td> <td bgcolor="#ffffff"><input type="text" name=" " id=" "/></td> </tr> <tr id="trphonerow"> <td bgcolor="#efefef"> 휴대폰번호 </td> <td bgcolor="#ffffff"><input type="text" name="phone" id="phone"/>* 입력시 (-) 없이숫자만입력하세요.</td> </tr> {$c_4_u3} {$c_4_u5} </table> </form> 10

11 위치 : HTML 디자인설정 > 아이디찾기 > new 아이디찾기 ( c_4 ) > 휴대폰인증선택라디오버튼 (c_4_u4) {{* c_4_u4 START* <span id="mobileauthradio"><input type="radio" name="memauthtype" id="memauthtypem" value="m" onclick="setdispcheck('m');"/> <label for="memauthtypem"> 휴대폰인증으로찾기 </label></span> {{* c_4_u4 END * 위치 : HTML 디자인설정 > 아이디찾기 > new 아이디찾기 ( c_4 ) > 휴대폰인증선택라디오버튼 (c_4_u5) {{* c_4_u5 START * <tr id="trmobileauthrow"> <td bgcolor="#efefef"> 휴대폰인증 </td> <td bgcolor="#ffffff"><a href="#:none" onclick="mobileauthpopup();"><img src=" border="0"/></a><br /> 본인명의의휴대폰으로아이디찾기를진행할수있습니다.<br > 휴대폰명의자의정보로가입한아이디찾기가가능합니다. </td> </tr> <input type='hidden' name='authmodule' id='authmodule' value='{{$authmodule'/> <!-- 휴대폰인증인증사구분 --> <input type="hidden" name="authtype" id="audthtype" value="mobile"/> <input type="hidden" name="returnurl" id="returnurl" value="{{$returnurl"/> <input type="hidden" name="mallid" id="mallid" value="{{$mallid"/> <input type="hidden" name="mallversion" id="mallversion" value="shop20"/> <input type="hidden" name="mobileauth_key" id="mobileauth_key"/> {{* c_4_u5 END * * 주의위의휴대폰인증선택라디오버튼 (c_4_u4) 페이지, 휴대폰인증선택라디오버튼 (c_4_u5) 페이지는이번휴대폰인증작업으로새롭게된페이지로써반드시 [ 편집완료저장하기 ] 를 1 회진행해주셔야휴대폰인증이정상작동합니다. 아이디찾기페이지에휴대폰인증적용된화면 11

12 3 html 디자인수정 > 비밀번호찾기페이지다음과같이비밀번호찾기페이지에휴대폰인증관련소스를 / 수정합니다. 위치 : HTML 디자인설정 > 비밀번호찾기 1 단계 > new 비밀번호찾기 1 단계 ( c_4 ) <td> 가입하신방법에따라비밀번호찾기가가능합니다.<br/> 법인사업자회원또는외국인회원의경우이름 / 주민등록번호란에법인병과법인번호또는이름과등록번호를입력해주세요. </td> </tr> <tr> <td> <form action="./?url=passwdfinddao" name="pwfindform" id="pwfindform" method="post" onsubmit="return FindPwFormCheck();"> <input type="hidden" name="mode" id="mode" value="findpw" /> <input type="hidden" name="is_check" id="is_check" value=="{{$is_check"/> <input type="hidden" id="search_type" value="{{$search_type"/> <table border="1" cellpadding="5" cellspacing="0" width="100%" style="border-collapse:collapse;" > <col width="120"/> <col/> ==== 생략 ==== <td bgcolor="#efefef"> 구분 </td> <td bgcolor="#ffffff"><input type="radio" checked="checked" name="memauthtype" id="memauthtyper" value="r" onclick="setdispcheck('r');"/><label for="memauthtyper"><span id="find_ssn"> 법인등록번호로찾기 </span></label> <input type="radio" name="memauthtype" id="memauthtypee" value="e" onclick="setdispcheck('e');"/> <label for="memauthtypee"> 이메일로찾기 </label> <input type="radio" name="memauthtype" id="memauthtypeh" value="h" onclick="setdispcheck('h');"/> <label for="memauthtypeh"> 휴대폰번호로찾기 </label> {$c_4_u2} {{$c_4_u4 ==== 생략 ==== <tr id="tr row"> <td bgcolor="#efefef"> 이메일 </td> <td bgcolor="#ffffff"><input type="text" name=" " id=" "/></td> </tr> <tr id="trphonerow"> <td bgcolor="#efefef"> 휴대폰번호 </td> <td bgcolor="#ffffff"><input type="text" name="phone" id="phone"/>* 입력시 (-) 없이숫자만입력하세요.</td> </tr> {$c_4_u3} {{$c_4_u5 </table> </form> <div style="padding:10px; text-align: center;"><input type="image" src="{$img_array.c_4.3.url}" onclick="return FindIdFormCheck();"/> </td> 12

13 위치 : HTML 디자인설정 > 비밀번호찾기 1 단계 > new 비밀번호찾기 1 단계 ( c_4 ) > 휴대폰인증라디오버튼 (c_4_u4) {{* c_4_u4 START* <span id="mobileauthradio"><input type="radio" name="memauthtype" id="memauthtypem" value="m" onclick="setdispcheck('m');"/> <label for="memauthtypem"> 휴대폰인증으로찾기 </label></span> {{* c_4_u4 END * 위치 : HTML 디자인설정 > 비밀번호찾기 1 단계 > new 비밀번호찾기 1 단계 ( c_4 ) > 휴대폰인증팝업호출버튼 (c_4_u5) {{* c_4_u5 START * <tr id="trmobileauthrow"> <td bgcolor="#efefef"> 휴대폰인증 </td> <td bgcolor="#ffffff"> <a href="#:none" onclick="mobileauthpopup();"><img src=" border="0"/></a><br /> 본인명의의휴대폰으로비밀번호찾기를진행할수있습니다.<br /> 휴대폰명의자의정보로가입한아이디의비밀번호찾기가가능합니다. </td> </tr> <input type="hidden" name="authmodule" id="authmodule" value="{{$authmodule"/> <input type="hidden" name="authtype" id="audthtype" value="mobile"/> <input type="hidden" name="returnurl" id="returnurl" value="{{$returnurl"/> <input type="hidden" name="mallid" id="mallid" value="{{$mallid"/> <input type="hidden" name="mallversion" id="mallversion" value="shop20"/> <input type="hidden" name="mobileauth_key" id="mobileauth_key"/> {{* c_4_u5 END * * 주의위의휴대폰인증선택라디오버튼 (c_4_u4) 페이지, 휴대폰인증선택라디오버튼 (c_4_u5) 페이지는이번휴대폰인증작업으로새롭게된페이지로써반드시 [ 편집완료저장하기 ] 를 1 회진행해주셔야휴대폰인증이정상작동합니다. 비밀번호찾기페이지에휴대폰인증적용된화면 13

14 3) 14 세미만비회원구매제한팝업에적용 다음순서에따라설정및디자인수정을해야적용됩니다 세미만비회원구매차단설정 14 세미만비회원구매차단설정을합니다. 위치 : 상점 / 운영 > 상점운영관련설정 > 상점운영방식설정 > 구매권한 2 html 디자인수정 > 14 세미만비회원구매제한팝업다음과같이소스를수정합니다. 빨간색으로표시된부분은삭제, 파란색으로표시된부분은되어야할소스입니다. 위치 : HTML 디자인설정 > 주문관련화면 > 주문전로그인 > ID/Pass 입력받는화면 (c_3) 삭제 <td> 본쇼핑몰에서는비회원님도상품구매가가능합니다.<br> 단, 비회원주문시쇼핑몰에서제공하는다양한회원혜택에서제외될수있습니다.</td> </tr> <tr> <td align="center"> <a href="/front/php/address.php?basket_type={{$basket_type"> <a href="javascript:under14check('');"> <img src="{{$img_array.c_3.8.url" border="0" tabindex=5></a> 14

15 위치 : HTML 디자인설정 > 주문관련화면 > 14 세미만비회원체크 function under14check(f) {{ var sauthtype = document.getelementbyid('auth_type').value; if (sauthtype == "N") {{ if (f.ssn1.value =='') {{ alert(' 주민번호를입력해주세요 '); f.ssn1.focus(); return false if (f.ssn2.value =='') {{ alert(' 주민번호를입력해주세요 '); f.ssn2.focus(); return false if( frm.chk_name.value == "" ){{ alert(' 이름을입력하세요.') ; f.chk_name.focus() ; return false ; if( f.auth_agreement_flag && f.auth_agreement_flag.checked === false ){{ alert(' 고유식별정보처리에동의해주시기바랍니다.') ; f.auth_agreement_flag.focus() ; return false ; else {{ if (f.ipin_key == '') {{ alert(' 아이핀을통해본인인증을해주세요.'); return false; if (sauthtype == "M") {{ if(f.mobileauth_key == '') {{ alert(' 휴대폰인증을통해본인인증을해주세요.'); return false; else {{ if (f.ipin_key == '') {{ alert(' 아이핀을통해본인인증을해주세요.'); return false; function setdisplay(stype) {{ try {{ if(document.getelementbyid('c_2')) {{ document.getelementbyid('c_2').style.display = 'none'; document.getelementbyid('c_1').style.display = 'none'; if(stype == 'I') {{ document.getelementbyid('c_2').style.display = ''; document.getelementbyid('auth_type').value = 'I'; else {{ document.getelementbyid('c_1').style.display = ''; document.getelementbyid('auth_type').value = 'N'; 삭제 다음페이지에이어서 15

16 삭제 if (document.getelementbyid('c_1')) {{ document.getelementbyid('c_1').style.display = 'none'; if(document.getelementbyid('c_2')) {{ document.getelementbyid('c_2').style.display = 'none'; if(stype == 'I') {{ document.getelementbyid('c_1').style.display = ''; document.getelementbyid('auth_type').value = 'I'; else if (stype == 'M') {{ document.getelementbyid('c_2').style.display = ''; document.getelementbyid('auth_type').value = 'M'; catch(e) {{ alert(e); function IpinPopup(sParam) {{ var soriaction = document.frm.action; var soritarget = document.frm.target; window.open('', 'popupipin','width=448, height=500'); document.frm.target = "popupipin"; document.frm.action = sparam; document.frm.submit(); document.frm.target = soritarget; document.frm.action = soriaction; function MobileauthPopup(sParam) {{ var soriaction = document.frm.action; var soritarget = document.frm.target; if(!document.getelementbyid('iframe_mobile')) {{ var node = document.createelement('div'); node.id = 'iframe_mobile'; node.innerhtml = '<iframe src="" name="iframe_mobile" id="iframe_mobile" width="0" height="0"></iframe>'; node.style.display = 'none'; document.body.appendchild(node); document.frm.target = "iframe_mobile"; document.frm.action = " document.frm.submit(); document.frm.target = soritarget; document.frm.action = soriaction; 다음페이지에이어서 16

17 삭제 function setforminit() {{ var stype; try {{ // 사용중인본인인증수단여부에따라초기체크값세팅 1 순위아이핀 2 순위휴대폰 if(document.getelementbyid('ipinuse').style.display == 'none') {{ if(document.getelementbyid('mobileauthuse').style.display!= 'none') {{ document.getelementbyid('memauthtypem').checked = true; stype = 'M'; else {{ document.getelementbyid('memauthtypei').checked = true; stype = 'I'; catch(e) {{ alert(e); setdisplay(stype); ==== 생략 ==== <!-- wrap --> <div style="width:450px;"> <!-- title --> <div class="pop_tle"> <img src=" alt="14 세미만구매제한확인절차 "><br> {{$c_1 <!-- //wrap --> </body> <script> setforminit(); </script> </html> 17

18 위치 : HTML 디자인설정 > 주문관련화면 > 14 세미만비회원체크 > 14 세미만비회원구매시체크 (c_1) <div class="txt_age"> 14 세미만사용자는구매가제한되어, 확인이필요합니다. 삭제 <div class="clear"> <form name="frm" method="post" action="/front/basket/?url=basketunder14check" onsubmit="return under14check(this)"> <input type="hidden" name="mode" id="mode" value="under14basket" /> <input type="hidden" name="baskettype" value='{{$baskettype'> <input type="hidden" name="auth_type" id="auth_type" value='{{$auth_type'/> <div class="tab_cont"> <div style="display:{{$c_2_disp"> <div style="border:1px #72a0e6 solid; background-color:#eef6ff; padding:10px 10px 8px 12px; margin-bottom:20px;"> <div id="ipinuse" style="{{$ipinuse"> <input type="radio" checked="checked" name="memauthtype" id="memauthtypei" value="i" onclick="setdisplay('i');"/> <label for="memauthtypei"> 아이핀 (i-pin) 인증 </label> <div id="mobileauthuse" style="{{$mobileauthuse"> <input type="radio" name="memauthtype" id="memauthtypem" value="m" onclick="setdisplay('m');"/> <label for="memauthtypem"> 휴대폰인증 </label> <div id="c_1"> <a href="#:none" onclick="ipinpopup('{{$popupurl');"><img src=" <input type="hidden" name="ipin_returnurl" id="ipin_returnurl" value="{{$ipinreturnurl"/> <input type="hidden" name="mallid" id="mallid" value="{{$mallid"/> <input type="hidden" name="version" id="version" value="shop20"/> <input type="hidden" name="ipin_key" id="ipin_key"/> <div> <p style="text-align:left; margin-bottom:3px;"> 아이핀이란, 회원님의개인정보보호를위해웹사이트에 <br> 주민등록번호를제공하지않고본인임을확인하는인터넷상의 <br> 개인식별번호서비스입니다.<br> 아이핀을통한가입을원하시면아이핀인증버튼을눌러진행해주십시오. <div id="c_2"> <a href="#:none" onclick="mobileauthpopup('{{$mobileauthpopupurl');"><img src=" <input type='hidden' name='authmodule' id='authmodule' value='{{$authmodule'/> <!-- 휴대폰인증인증사구분 --> <input type="hidden" name="authtype" id="authtype" value="mobile"/> <input type="hidden" name="returnurl" id="returnurl" value="{{$mobileauthreturnurl"/> <input type="hidden" name="mallid" id="mallid" value="{{$mallid"/> <input type="hidden" name="mallversion" id="mallversion" value="shop20"/> <input type="hidden" name="mobileauth_key" id="mobileauth_key"/> <div> <p style="text-align:left; margin-bottom:3px;"> 본인명의의휴대폰으로본인인증을진행합니다.<br/> 휴대폰명의자의나이정보로 14 세미만여부를확인합니다. </form> <!-- //cont --> 18

19 14 세미만비회원체크팝업에휴대폰인증적용된화면 19

20 4) 성인인증페이지에적용 다음순서에따라본인인증인트로설정및디자인수정을해야적용됩니다. 1 본인인증인트로사용설정메인, 게시판에각각설정을할수있습니다. 위치 : 디자인관리 > HTML 디자인설정 > 인트로화면디자인선택 20

21 2 html 디자인수정다음과같이소스를수정합니다. 빨간색으로표시된부분은삭제, 파란색으로표시된부분은되어야할소스입니다. 인트로화면 5 {common_5}, 인트로화면 6 {common_6}, 인트로화면 7{common_7} 페이지모두아래와같이수정하시면됩니다. 위치 : HTML 디자인설정 > 인트로화면 > 인트로화면 5 {common_5} <!-- 아이핀인증 --> <div style="display:{$ipindisp}"> <form action="/front/?url=index" method="post" name="under19form"> 삭제 <!-- 비회원성인인증폼 --> <div style="display:{{$nameauth"> <form action="/front/?url=index" method="post" name="under19form" id="under19form"> <div class="box_set" style="margin-top:35px;"> <h2 class="tle"> 비회원성인인증 </h2> <div class="ipin_is"> <label><input type="radio" name="authtype" value="authtypei" checked="checked" style="vertical-align:middle;" /> 아이핀 (i-pin) 인증 </label> <p style="padding:8px px; font:11px/1.5em dotum; color:#939393;"> 아이핀이란, 회원님의개인정보보호를위해웹사이트에주민등록번호를제공하지않고,<br /> 본인임을확인하는인터넷상의개인식별번호서비스입니다.<br /> 아이핀가입또는인증을원하시면 ' 아이핀인증 ' 버튼을눌러진행해주십시오.<br /><br /> <a href="#:none" onclick="ipinpopup();"><img src=" alt=" 아이핀인증 " /></a> <input type="hidden" name="ipin_returnurl" id="ipin_returnurl" value="{{$ipinreturnurl"/> <input type="hidden" name="mallid" id="mallid" value="{{$mallid"/> <input type="hidden" name="version" id="version" value="shop20"/> <input type="hidden" name="ipin_key" id="ipin_key"/> </p> <div class="ipin_is" style="display:{{$nameauth"> <span style="display:{{if $bipinuse === falsenone{{/if"><input type="radio" name="authtype" id="authtypei" value="authtypei" {{$ipinchecked style="vertical-align:middle;" onclick="setauthtype();"/><label for="authtypei"> 아이핀 (i-pin) 인증 </label> </span> <span style="display:{{if $bmobileauthuse === falsenone{{/if"><input type="radio" name="authtype" id="authtypem" value="authtypem" {{$mobileauthchecked style="vertical-align:middle;" onclick="setauthtype();"/><label for="authtypem"> 휴대폰인증 </label></span> <div id="ipinauth"> <p style="padding:8px px; font:11px/1.5em dotum; color:#939393;"> <a href="#:none" onclick="ipinpopup();"><img src=" alt=" 아이핀인증 " /></a><br /><br /> 아이핀이란, 회원님의개인정보보호를위해웹사이트에주민등록번호를제공하지않고,<br /> 본인임을확인하는인터넷상의개인식별번호서비스입니다.<br /> 아이핀가입또는인증을원하시면 ' 아이핀인증 ' 버튼을눌러진행해주십시오.<br /><br /> <input type="hidden" name="ipin_returnurl" id="ipin_returnurl" value="{{$ipinreturnurl"/> <input type="hidden" name="mallid" id="mallid" value="{{$mallid"/> <input type="hidden" name="version" id="version" value="shop20"/> <input type="hidden" name="ipin_key" id="ipin_key"/> </p> 다음페이지에이어서 21

22 <div id="mobileauth"> <p style="padding:8px px; font:11px/1.5em dotum; color:#939393;"> <a href="#:none" onclick="mobileauthpopup();"><img src=" alt=" 휴대폰인증 " /></a><br /><br /> 본인명의의휴대폰으로본인인증을진행합니다.<br /> 휴대폰명의자의나이정보로성인여부를확인합니다. <input type="hidden" name="authmodule" id="authmodule" value="{{$authmodule"/> <input type="hidden" name="mode" id="mode" value="under19_enter"/> <input type="hidden" name="authtype" id="authtype" value="mobile" /> <input type="hidden" name="returnurl" id="returnurl" value="{{$mobileauthreturnurl"/> <input type="hidden" name="mallid" id="mallid" value="{{$mallid"/> <input type="hidden" name="mallversion" id="mallversion" value="shop20"/> <input type="hidden" name="mobileauth_key" id="mobileauth_key"/> </p> <div class="btm"> </form> <!-- // 아이핀인증 --> <!-- / 비회원성인인증폼 --> 삭제 <p class="txt_add"> 미성년자차단을위하여로그인또는본인인증절차를거치셔야합니다.</p> </center> <script> setauthtype(); </script> 22

23 휴대폰인증적용된본인인증인트로화면 23

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 휴대폰인증서비스 사용자매뉴얼 목차 1. 서비스소개및신청 1) 휴대폰인증서비스란? 2) 휴대폰인증서비스장점 3) 서비스신청하기 1) 회원가입페이지에적용 2) 아이디, 비밀번호찾기페이지에적용 3) 14세미만비회원구매제한팝업에적용 4) 성인인증페이지에적용 2 1. 서비스소개및신청 1) 휴대폰인증서비스란? 휴대폰인증서비스는본인명의의휴대폰을사용하여본인확인을가능하게해주는서비스로써,

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 휴대폰인증서비스 사용자매뉴얼 목차 1. 서비스소개및신청 1) 휴대폰인증서비스란? 2) 휴대폰인증서비스장점 3) 서비스신청하기 1) 회원가입페이지에적용 2) 아이디, 비밀번호찾기페이지에적용 3) 14세미만비회원구매제한팝업에적용 4) 성인인증페이지에적용 2 1. 서비스소개및신청 1) 휴대폰인증서비스란? 휴대폰인증서비스는본인명의의휴대폰을사용하여본인확인을가능하게해주는서비스로써,

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 휴대폰인증서비스 사용자매뉴얼 목차 1. 서비스소개및신청 1) 휴대폰인증서비스란? 2) 휴대폰인증서비스장점 3) 서비스신청하기 1) 회원가입페이지에적용 2) 아이디, 비밀번호찾기페이지에적용 3) 14세미만비회원구매제한팝업에적용 4) 성인인증페이지에적용 2 1. 서비스소개및신청 1) 휴대폰인증서비스란? 휴대폰인증서비스는본인명의의휴대폰을사용하여본인확인을가능하게해주는서비스로써,

More information

[ 네이버마일리지 ] 디자인셋팅매뉴얼 1. 장바구니페이지에네이버마일리지안내추가 - 위치 : HTML 디자인설정 > 장바구니 > 장바구니주문목록 {{$c_3}} [ 편집 ] 버튼클릭 > HTML 편집탭으로이동 > 여러개의장바구니모두결제버튼 {u9} [ 편집 ] 버튼클릭하

[ 네이버마일리지 ] 디자인셋팅매뉴얼 1. 장바구니페이지에네이버마일리지안내추가 - 위치 : HTML 디자인설정 > 장바구니 > 장바구니주문목록 {{$c_3}} [ 편집 ] 버튼클릭 > HTML 편집탭으로이동 > 여러개의장바구니모두결제버튼 {u9} [ 편집 ] 버튼클릭하 [ 네이버마일리지 ] 디자인셋팅매뉴얼 1. 장바구니페이지에네이버마일리지안내추가 - 위치 : HTML 디자인설정 > 장바구니 > 장바구니주문목록 {{$c_3}} [ 편집 ] 버튼클릭 > HTML 편집탭으로이동 > 여러개의장바구니모두결제버튼 {u9} [ 편집 ] 버튼클릭하여팝업에서코드수정 1) 장바구니페이지디자인수정위치 디자인관리 > HTML 디자인설정 > 장바구니이동

More information

하둡을이용한파일분산시스템 보안관리체제구현

하둡을이용한파일분산시스템 보안관리체제구현 하둡을이용한파일분산시스템 보안관리체제구현 목 차 - 1 - - 2 - - 3 - - 4 - - 5 - - 6 - - 7 - - 8 - 1. 사용자가웹서버에로그인하여다양한서비스 ( 파일업 / 다운로드, 폴더생성 / 삭제 ) 를활용 2. 웹서버와연동된하둡서버에서업 / 다운로드된파일을분산저장. ( 자료송수신은 SSH 활용 ) - 9 - - 10 - - 11 -

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 7. HTML 와 CSS 로웹사이트만들 기 웹사이트작성 웹사이트구축과정 내비게이션구조도 홈페이지레이아웃 헤더 web Shop 내비게이션메뉴

More information

PHP & ASP

PHP & ASP PHP 의시작과끝 echo ; Echo 구문 HTML과 PHP의 echo 비교 HTML과 PHP의 echo를비교해볼까요

More information

SK Telecom Platform NATE

SK Telecom Platform NATE SK Telecom Platform NATE SK TELECOM NATE Browser VER 2.6 This Document is copyrighted by SK Telecom and may not be reproduced without permission SK Building, SeRinDong-99, JoongRoGu, 110-110, Seoul, Korea

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 바로가기마케팅서비스 사용자매뉴얼 최종업데이트 2013-08-02 문서버전 1.2 목차 1. 서비스소개및신청 1) 바로가기마케팅서비스란? 2) 서비스신청및적용 3) 서비스활용 2. 디자인설정 ( 구 ) 디자인 1) 바로가기아이콘소개페이지적용 2) 바로가기접속상태아이콘노출 3) 바로가기접속주문혜택노출 3. 디자인설정 - 스마트디자인 1) 바로가기아이콘서비스소개페이지적용

More information

PHP & ASP

PHP & ASP 단어장프로젝트 프로젝트2 단어장 select * from address where address like '% 경기도 %' td,li,input{font-size:9pt}

More information

PART 1 CHAPTER 1 Chapter 1 Note 4 Part 1 5 Chapter 1 AcctNum = Table ("Customer").Cells("AccountNumber") AcctNum = Customer.AccountNumber Note 6 RecordSet RecordSet Part 1 Note 7 Chapter 1 01:

More information

슬라이드 1

슬라이드 1 네이버마일리지사용매뉴얼 1. 네이버마일리지소개 2. 네이버마일리지설정 3. 네이버마일리지운영 1. 네이버마일리지소개 :: 네이버마일리지란? 1) 정의 쇼핑몰구매자의네이버아이디로네이버마일리지가맹점에서네이버마일리지를적립및사용할수있는 통합적립금이다. 2) 구매자의네이버마일리지적립및사용에따른대금정산 - 구매자에게적립된네이버마일리지 : 카페 24 가맹점 ( 운영자 )

More information

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 제이쿼리 () 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 CSS와마찬가지로, 문서에존재하는여러엘리먼트를접근할수있다. 엘리먼트접근방법 $( 엘리먼트 ) : 일반적인접근방법

More information

< DC1A6C1D6C1BEC7D5BBE7C8B8BAB9C1F6B0FCBBE7BEF7BAB8B0EDBCADC7A5C1F62E696E6464>

< DC1A6C1D6C1BEC7D5BBE7C8B8BAB9C1F6B0FCBBE7BEF7BAB8B0EDBCADC7A5C1F62E696E6464> Jeju Community Welfare Center Annual Report 2015 성명 남 여 영문명 *해외아동을 도우실 분은 영문명을 작성해 주세요. 생년월일 E-mail 전화번호(집) 휴대폰 주소 원하시는 후원 영역에 체크해 주세요 국내아동지원 국외아동지원 원하시는 후원기간 및 금액에 체크해 주세요 정기후원 월 2만원 월 3만원 월 5만원 )원 기타(

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 10. DOM 과이벤트처리, 입력검 증 문서객체모델 (DOM) DOM 은 HTML 문서의계층적인구조를트리 (tree) 로표현 DOM 과 BOM HTML 문서를객체로표현한것을 DOM 웹브라우저를객체로표현한것을 BOM(Browser Object Model) HTML 요소찾기 동적인웹페이지를작성하려면원하는요소를찾아야한다. id 로찾기 태그이름으로찾기

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 PHP 와 MySQL 의연동 Jo, Heeseung Content MySQL을지원하는 PHP API 함수 과변수값전달 DB 테이블생성과데이터읽기성적관리프로그램제작 2 1.2 DB 테이블생성과레코드삽입 데이터베이스테이블구조설계 [ 표 7-1] 명함관리데이터베이스테이블 ( 테이블명 : biz_card) 필드명 타입 추가사항 설명 num int primary

More information

PowerPoint Template

PowerPoint Template JavaScript 회원정보 입력양식만들기 HTML & JavaScript Contents 1. Form 객체 2. 일반적인입력양식 3. 선택입력양식 4. 회원정보입력양식만들기 2 Form 객체 Form 객체 입력양식의틀이되는 태그에접근할수있도록지원 Document 객체의하위에위치 속성들은모두 태그의속성들의정보에관련된것

More information

Javascript

Javascript 1. HTML 이란? HTML 은 Hyper Text Mark Up Language 의약자로예약되어있는각종태그라는명령어를이용하여웹페이지를작성할때사용하는언어입니다. 2. HTML 의기본구조 < 태그 > 내용 < 태그속성 = 변수 > 내용

More information

C스토어 사용자 매뉴얼

C스토어 사용자 매뉴얼 쪽지 APP 디자인적용가이드 I. 쪽지 APP 소개 2 I. 쪽지 APP 소개 쪽지 APP 을통해쇼핑몰의특정회원또는특정등급의회원그룹에게 알림메시지나마케팅을위한쪽지를발송하실수있습니다. 쪽지 APP의주요기능 1. 전체회원, 특정ID, 특정회원그룹별로쪽지발송가능 2. 발송예약기능 3. 발송한쪽지에대해수신및열람내역조회가능 4. 쇼핑몰페이지에서쪽지함과쪽지알림창제공 3

More information

Overall Process

Overall Process CSS ( ) Overall Process Overall Process (Contents : Story Board or Design Source) (Structure : extensible HyperText Markup Language) (Style : Cascade Style Sheet) (Script : Document Object Model) (Contents

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 바로가기마케팅서비스 사용자매뉴얼 최종업데이트 2017-05-04 문서버전 1.4 목차 1. 서비스소개및신청 1) 바로가기마케팅서비스란? 2) 서비스신청및적용 3) 서비스활용 2. 디자인설정 ( 구 ) 디자인 1) 바로가기아이콘소개페이지적용 2) 바로가기접속상태아이콘노출 3) 바로가기접속주문혜택노출 3. 디자인설정 - 스마트디자인 1) 바로가기아이콘서비스소개페이지적용

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 3. HTML 멀티미디어와입력요소 웹브라우저와멀티미디어 예전방법 : HTML 안에서는 나 태그를사용하여야했고웹브라우저에는플래시나 ActiveX 를설치 HTML5: 와 태그가추가 오디오 요소의속성 오디오파일형식 MP3 'MPEG-1 Audio Layer-3' 의약자로 MPEG

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 11. 자바스크립트와캔버스로게임 만들기 캔버스 캔버스는 요소로생성 캔버스는 HTML 페이지상에서사각형태의영역 실제그림은자바스크립트를통하여코드로그려야한다. 컨텍스트객체 컨텍스트 (context) 객체 : 자바스크립트에서물감과붓의역할을한다. var canvas = document.getelementbyid("mycanvas"); var

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 12 장. 인터페이스관련 API 목차 12.1 위치정보사용하기 12.2 드래그앤드롭사용하기 12.3 오디오및비디오제어하기 2 12.1 위치정보사용하기 12.1.1 지오로케이션 API의개요 12.1.2 단발성위치요청하기 12.1.3 반복적위치요청하기 3 위치정보 (geolocation) 위치정보 GPS 가내장된모바일기기에서정확한위치파악가능

More information

var answer = confirm(" 확인이나취소를누르세요."); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write(" 확인을눌렀습니다."); else { document.write(" 취소를눌렀습니다.");

var answer = confirm( 확인이나취소를누르세요.); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write( 확인을눌렀습니다.); else { document.write( 취소를눌렀습니다.); 자바스크립트 (JavaScript) - HTML 은사용자에게인터페이스 (interface) 를제공하는언어 - 자바스크립트는서버로데이터를전송하지않고서할수있는데이터처리를수행한다. - 자바스크립트는 HTML 나 JSP 에서작성할수있고 ( 내부스크립트 ), 별도의파일로도작성이가능하다 ( 외 부스크립트 ). - 내부스크립트 - 외부스크립트

More information

Cookie Spoofing.hwp

Cookie Spoofing.hwp Cookie Spoofing&Sniffing By Maxoverpro[max]( 장상근) maxoverpro@empal.com http://www.maxoverpro.org 1. 서론 이문서는 Cookie Spoofing 과 Sniffing 에대해정석적인방법을이야기하도록하며또 한어느특정곳의취약점을설명하지않고직접제작한예제를가지고 Cookie Spoofing 과

More information

SBR-100S User Manual

SBR-100S User Manual ( 1 / 13 ) SBR-100S 모델에 대한 사용자 펌웨어 업그레이드 방법을 안내해 드립니다. SBR-100S 는 신규 펌웨어가 있을시 FOTA(자동업데이트) 기능을 통하여 자동 업그레이드가 되며, 필요시 사용자가 신규 펌웨어를 다운받아 수동으로 업그레이드 할 수 있습니다. 1. 준비하기 1.1 연결 장치 준비 펌웨어 업그레이드를 위해서는 SBR-100S

More information

Ext JS À¥¾ÖÇø®ÄÉÀ̼ǰ³¹ß-³¹Àå.PDF

Ext JS À¥¾ÖÇø®ÄÉÀ̼ǰ³¹ß-³¹Àå.PDF CHAPTER 2 (interaction) Ext JS., HTML, onready, MessageBox get.. Ext JS HTML CSS Ext JS.1. Ext JS. Ext.Msg: : Ext Ext.get: DOM 22 CHAPTER 2 (config). Ext JS.... var test = new TestFunction( 'three', 'fixed',

More information

HTML5

HTML5 주사위게임 류관희 충북대학교 주사위게임규칙 플레이어 두개의주사위를던졌을때두주사위윗면숫자의합 The First Throw( 두주사위의합 ) 합 : 7 혹은 11 => Win 합 : 2, 3, 혹은 12 => Lost 합 : 4, 5, 6, 8, 9, 10 => rethrow The Second Throw 합 : 첫번째던진주사위합과같은면 => Win 합 : 그렇지않으면

More information

Microsoft PowerPoint 세션.ppt

Microsoft PowerPoint 세션.ppt 웹프로그래밍 () 2006 년봄학기 문양세강원대학교컴퓨터과학과 세션변수 (Session Variable) (1/2) 쇼핑몰장바구니 장바구니에서는사용자가페이지를이동하더라도장바구니의구매물품리스트의내용을유지하고있어야함 PHP 에서사용하는일반적인변수는스크립트의수행이끝나면모두없어지기때문에페이지이동시변수의값을유지할수없음 이러한문제점을해결하기위해서 PHP 에서는세션 (session)

More information

View Licenses and Services (customer)

View Licenses and Services (customer) 빠른 빠른 시작: 시작: 라이선스, 라이선스, 서비스 서비스 및 주문 주문 이력 이력 보기 보기 고객 가이드 Microsoft 비즈니스 센터의 라이선스, 서비스 및 혜택 섹션을 통해 라이선스, 온라인 서비스, 구매 기록 (주문 기록)을 볼 수 있습니다. 시작하려면, 비즈니스 센터에 로그인하여 상단 메뉴에서 재고를 선택한 후 내 재고 관리를 선택하십시오. 목차

More information

Javascript.pages

Javascript.pages JQuery jquery part1 JavaScript : e-mail:leseraphina@naver.com http://www.webhard.co.kr I.? 2 ......,,. : : html5 ; ; .

More information

(Microsoft PowerPoint - 9\300\345.ppt [\310\243\310\257 \270\360\265\345])

(Microsoft PowerPoint - 9\300\345.ppt [\310\243\310\257 \270\360\265\345]) 제9장폼객체 객체다루기 학습목표 폼객체에서사용하는속성, 메소드, 이벤트핸들러를이해한다. 목록상자에서사용하는속성, 메소드, 이벤트핸들러를이해한다. 목차 9.1 form 객체 9.2 입력상자, 체크상자, 라디오버튼 9.3 목록상자 2 9.1 form 객체 폼은주로서버에어떤데이터를보내고자하는경우에많이사용한다. 태그를제어하는 form 객체의기본용법은다음과같다

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 5. CSS 박스모델과응용 박스모델 HTML 요소들을박스 ( 사각형 ) 형태로그리는것 박스는배치, 색상, 경계등의속성을가진다. 박스모델의속성 배경색과배경이미지 HTML 요소에배경색과배경이미지가설정되어있는경우에, 패딩은투명하므로배경이미지와배경색이보이게된다 ( 그림출처 : Jon Hicks) 경계선스타일

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 13. HTML5 위치정보와드래그앤드롭 SVG SVG(Scalable Vector Graphics) 는 XML- 기반의벡터이미지포맷 웹에서벡터 - 기반의그래픽을정의하는데사용 1999 년부터 W3C 에의하여표준 SVG 의장점 SVG 그래픽은확대되거나크기가변경되어도품질이손상되지않는다. SVG 파일에서모든요소와속성은애니메이션이가능하다. SVG 이미지는어떤텍스트에디터로도생성하고편집할수있다.

More information

Javascript

Javascript 1. 폼 (Form) 태그란? 일반적으로폼 (Form) 태그는입력양식을만들때사용됩니다. 입력양식이란어떤데이터를받아전송해주는양식을말합니다. 예를들면, 방명록이나게시판, 회원가입등의양식을말합니다. 이러한입력양식의처음과끝에는반드시폼태그가들어가게됩니다. 폼의입력양식에는 Text Box, Input Box, Check Box, Radio Button 등여러가지입력타입들이포함됩니다.

More information

C H A P T E R 2

C H A P T E R 2 C H A P T E R 2 Foundations of Ajax Chapter 2 1 32 var xmlhttp; function createxmlhttprequest() { if(window.activexobject) { xmlhttp = new ActiveXObject( Micr else if(window.xmlhttprequest) { xmlhttp =

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 한눈에보는회원가입길잡이 접속 약관동의 정보입력 1 정보입력 2 이메일인증 인터넷접속 이용약관 & 개인정보이용방침 아이디입력 & 아이디중복확인 주소입력 이메일입력 확인및동의 코인허브홈페이지접속 비밀번호입력 & 확인입력 생년월일입력 이메일중복확인 회원가입클릭 휴대폰인증 직업 & 가입목적입력 인증메일확인 코인허브회원가입가이드 1. 홈페이지접속 2. 회원가입 3.

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 회원가입화면 개편안내가이드 (D2) . 회원가입시, 약관및개인정보취급방침을보다간편하게동의받을수있도록 9 월 7 일회원가입화면이개편되었습니다. 개편된새로운회원가입화면은개정된정보통신망법을적용한상점만이용할수있으며, [ 쇼핑몰구축 > 쇼핑몰관리기능설정 > 회원관련특수조건설정 > 약관노출위치설정 ] 에따라개편된화면이기본소스로적용됩니다. 개별디자인을사용하고있는상점의경우,

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 실습문제 Chapter 05 데이터베이스시스템... 오라클로배우는데이터베이스개론과실습 1. 실습문제 1 (5 장심화문제 : 각 3 점 ) 6. [ 마당서점데이터베이스 ] 다음프로그램을 PL/SQL 저장프로시져로작성하고실행해 보시오. (1) ~ (2) 7. [ 마당서점데이터베이스 ] 다음프로그램을 PL/SQL 저장프로시져로작성하고실행해 보시오. (1) ~ (5)

More information

HTML5

HTML5 퀴즈 류관희 게임규칙 동적으로 HTML 요소생성 생성된 HTML 요소의화면배치및위치옮기기 퀴즈게임 국가명과수도명의짝맞추기 배열 ( 국가명, 수도명 ) 짝모두맞추면 => 동영상플레이 2 퀴즈게임 3 4 5 6 주요특징 배열 : 국가명과수도명저장 피드백 : 색상변경, 동영상재생 플레이 20쌍중에 4 쌍무작위로선택 글자 : 국가명과수도명 => 그림으로대치 7 사전준비항목

More information

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2 03 장. 테두리여백지정하는속성 이번장에서는테이블, 레이어, 폼양식등의더예쁘게꾸미기위해서 CSS 를이용하여 HTML 요소의테두리속성을바꾸어보자. 이장에서다룰내용 1 2 3 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2 01. 테두리를제어하는스타일시트 속성값설명 border-width border-left-width

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 ONE page html 이란? 원페이지는최근의홈페이지제작트렌드로한페이지에상단에서하단으로의마우스스크롤링을통해서컨텐츠를보여주는스타일의홈페이지입니다. USER 의시선을분산시키지않고위쪽에서아래쪽으로마우스스크롤링을통해서홈페이지의컨텐츠를보여주게됩니다. 반응형으로제작되어스마트폰, 아이패드, 태블릿,PC, 노트북등다양한디바이스에서자동으로최적화됩니다. ONE page 웹사이트사례

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 전자세금계산서서비스 매뉴얼 Last Update : 2015/10/01 1 # 목차 항목을선택하시면해당가이드로바로이동합니다. 번호기능분류이용가이드페이지 # 이용프로세스 3 1 서비스안내 - 이란? 4 2 신청안내 - 서비스신청하기 6 - 공급자등록하기 8 - 공급자수정하기 11 3 공급자관리 - 쇼핑몰관리자페이지연동하기 14 - 전자세금계산서발급요청하기 16

More information

- 이벤트의처리 <input type= button id= button1 value= 확인 /> <input type= button id= button2 value= 확인 /> 자바스크립트인경우 : document.getelementbyid( button1 ).oncl

- 이벤트의처리 <input type= button id= button1 value= 확인 /> <input type= button id= button2 value= 확인 /> 자바스크립트인경우 : document.getelementbyid( button1 ).oncl 제이쿼리 (JQuery) - 제이쿼리는자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리이다. - 따라서, 제이쿼리를사용하기위해서는자바스크립트라이브러리를사용해야한다. - 제이쿼리사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) - 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호를말함. - 사용예 )

More information

목 차 1. 세대원의발급일자는왜필요하나요? 1 - 주민등록증분실시도용방지 2. 1인세대주본인인증 1 - 타아이핀 ( 신용평가사 ) 을이용 3. 방문신청시본인인증 1 - 주민등록증을소지하고주민센터방문 4. 미성년자 ( 일반회원 : 주민등록증미소지자 ) 회원가입 2 - 세

목 차 1. 세대원의발급일자는왜필요하나요? 1 - 주민등록증분실시도용방지 2. 1인세대주본인인증 1 - 타아이핀 ( 신용평가사 ) 을이용 3. 방문신청시본인인증 1 - 주민등록증을소지하고주민센터방문 4. 미성년자 ( 일반회원 : 주민등록증미소지자 ) 회원가입 2 - 세 공공 I-PIN 발급시자주하는질문 (FAQ) 2014. 8. 14. 서울특별시교육청 [ 평생교육과 ] 목 차 1. 세대원의발급일자는왜필요하나요? 1 - 주민등록증분실시도용방지 2. 1인세대주본인인증 1 - 타아이핀 ( 신용평가사 ) 을이용 3. 방문신청시본인인증 1 - 주민등록증을소지하고주민센터방문 4. 미성년자 ( 일반회원 : 주민등록증미소지자 ) 회원가입

More information

Lab10

Lab10 Lab 10: Map Visualization 2015 Fall human-computer interaction + design lab. Joonhwan Lee Map Visualization Shape Shape (.shp): ESRI shp http://sgis.kostat.go.kr/html/index.html 3 d3.js SVG, GeoJSON, TopoJSON

More information

2. 로그인 1 1 메인화면에서왼쪽상단에있는그림을 터치하면 ( 그림 1) 과같은화면이나옵니다. 1. 메인화면에서오른쪽상단에있는그림을터치하거나그림을터치하고 ( 그림1) 과같이그림을터치하면로그인화면으로이동할수있습니다 아이디를잊어버린경우그림을터치 해서아이디

2. 로그인 1 1 메인화면에서왼쪽상단에있는그림을 터치하면 ( 그림 1) 과같은화면이나옵니다. 1. 메인화면에서오른쪽상단에있는그림을터치하거나그림을터치하고 ( 그림1) 과같이그림을터치하면로그인화면으로이동할수있습니다 아이디를잊어버린경우그림을터치 해서아이디 1. 앱설치 OS가 Android( 삼성,LG 스마트폰 ) 은에들어가서검색란에경기도인재개발원을입력하고검색하면그림 (1) 과같은화면이나오면터치하여설치하면됩니다. OS가 ios( 아이폰 ) 은에들어가서검색란에경기도인재개발원을입력하고검색하고터치하면그림 (2) 와같은화면이나오면터치하여설치하면됩니다. ( 그림 1). Android 검색화면 ( 그림 2). ios 검색화면

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Copyright NICE Information Service all rights reserved. OneClick 4.0 사용자매뉴얼 Copyright NICE Information Service all rights reserved. Copyright NICE Information Service all rights reserved.... 4. 제출가능서류

More information

PathEye 공식 블로그 다운로드 받으세요!! 지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다.

PathEye 공식 블로그 다운로드 받으세요!!   지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다. PathEye Mobile Ver. 0.71b 2009. 3. 17 By PathEye 공식 블로그 다운로드 받으세요!! http://blog.patheye.com 지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다. PathEye 설치 1/3 최종 배포 버전을 다 운로드 받습니다. 다운로드된 파일은 CAB 파일입니다. CAB 파일에는

More information

로거 자료실

로거 자료실 redirection 매뉴얼 ( 개발자용 ) V1.5 Copyright 2002-2014 BizSpring Inc. All Rights Reserved. 본문서에대한저작권은 비즈스프링 에있습니다. - 1 - 목차 01 HTTP 표준 redirect 사용... 3 1.1 HTTP 표준 redirect 예시... 3 1.2 redirect 현상이여러번일어날경우예시...

More information

Lab1

Lab1 Lab 1: HTML CSS 2015 Fall human-computer interaction + design lab. Joonhwan Lee HTML Web Server (World Wide Web: WWW)? (., FTP ). web 3 웹 구조의 이해 웹페이지 웹페이지는 HTML 이라는 언어로 만들어진 일종의 프로그램 웹페이지는 텍스트, 이미지, 동영상,

More information

고도몰5 manual

고도몰5 manual ) 주요기능 카카오아이디로쇼핑몰을간편하게가입하고이용할수있습니다. 카카오아이디로회원가입시카카오아이디로 PC / 모바일쇼핑몰에서쉽게로그인할수있습니다. 회원가입시카카오로그인회원정보를이용하여회원가입단계를단축시킵니다. 기존쇼핑몰회원도마이페이지에서카카오아이디를연결하여카카오아이디로그인기능을이용할수있습니다. 2) 추가메뉴구성 ( 관리자 ) 회원 > 간편로그인 > 카카오아이디로그인설정

More information

학습목표 함수프로시저, 서브프로시저의의미를안다. 매개변수전달방식을학습한다. 함수를이용한프로그래밍한다. 2

학습목표 함수프로시저, 서브프로시저의의미를안다. 매개변수전달방식을학습한다. 함수를이용한프로그래밍한다. 2 학습목표 함수프로시저, 서브프로시저의의미를안다. 매개변수전달방식을학습한다. 함수를이용한프로그래밍한다. 2 6.1 함수프로시저 6.2 서브프로시저 6.3 매개변수의전달방식 6.4 함수를이용한프로그래밍 3 프로시저 (Procedure) 프로시저 (Procedure) 란무엇인가? 논리적으로묶여있는하나의처리단위 내장프로시저 이벤트프로시저, 속성프로시저, 메서드, 비주얼베이직내장함수등

More information

EBS-PDF컴퓨터일반-07-오

EBS-PDF컴퓨터일반-07-오 www.ebsi.co.kr 13 11 US US US US 2009 1 15 2009 3 24 US 1G 2G 4 US 2.0 12 (Filter) 14 조건 10 g 1000 5000 kg 10000 구매 리스트 (15) g 1kg (10) (14) kg RM HDD DVD 200,000 210,000 233,000 235,000 240,000 1 15 (가)

More information

메뉴얼41페이지-2

메뉴얼41페이지-2 데이터 기반 맞춤형 성장관리 솔루션 스마트빌 플러스 은행계좌등록 은행계좌를 조회하여 등록합니다. 신용카드등록 신용카드를 조회하여 등록합니다. 금융정보 자동수집을 위하여 인증서이름, 아이디, 비밀번호를 등록합니다. 통합 자동 수집 금융정보 통합 자동수집을 실행합니다 은행계좌등록 은행계좌를 조회하여 등록합니다. 신용카드등록 신용카드를 조회하여

More information

카택스 비즈 관리자용 사용설명서 목차 사용 전에 시작하기 사용하기 설정하기 알아두기 훑어보기 차량 관리 운행내역 조회 부관리자 설정 자주묻는 질문 회원가입 사용자 관리 운행구간 조회 앱 권한 설정 GPS 오류 요인 부서 관리 운행일지 다운로드

카택스 비즈 관리자용 사용설명서 목차 사용 전에 시작하기 사용하기 설정하기 알아두기 훑어보기 차량 관리 운행내역 조회 부관리자 설정 자주묻는 질문 회원가입 사용자 관리 운행구간 조회 앱 권한 설정 GPS 오류 요인 부서 관리 운행일지 다운로드 관리자용 사용설명서 카택스 비즈는 다수 차량 보유 회사에 최적화된 서비스입니다. COPYRIGHT 2016 Jeycorp. ALL RIGHTS RESERVED. 카택스 비즈 관리자용 사용설명서 목차 03 05 10 15 18 사용 전에 시작하기 사용하기 설정하기 알아두기 훑어보기 차량 관리 운행내역 조회 부관리자 설정 자주묻는 질문 회원가입 사용자 관리 운행구간

More information

ISP and CodeVisionAVR C Compiler.hwp

ISP and CodeVisionAVR C Compiler.hwp USBISP V3.0 & P-AVRISP V1.0 with CodeVisionAVR C Compiler http://www.avrmall.com/ November 12, 2007 Copyright (c) 2003-2008 All Rights Reserved. USBISP V3.0 & P-AVRISP V1.0 with CodeVisionAVR C Compiler

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 5 장. 고급표현을위한 CSS3 활용 1 목차 5.1 박스모델설정하기 5.2 레이아웃설정하기 5.3 다양한효과설정하기 5.4 움직임설정하기 2 5.1 박스모델설정하기 5.1.1 영역설정을위한박스모델 5.1.2 박스모델유형의지정 3 영역설정을위한박스모델 배경영역 , , : 해당하는줄만큼배경 ,

More information

Microsoft Word - ntasFrameBuilderInstallGuide2.5.doc

Microsoft Word - ntasFrameBuilderInstallGuide2.5.doc NTAS and FRAME BUILDER Install Guide NTAS and FRAME BUILDER Version 2.5 Copyright 2003 Ari System, Inc. All Rights reserved. NTAS and FRAME BUILDER are trademarks or registered trademarks of Ari System,

More information

Javascript

Javascript 1. 이벤트와이벤트핸들러의이해 이벤트 (Event) 는웹브라우저에서발생하는다양한사건을말합니다. 예를들면, 버튼을마우스로을했다거나브라우저를닫았다거나 Enter 키를눌렀다거나등등아주다양한사건들이있습니다. 그렇다면이벤트핸들러 (Event Handler) 는무엇일까요? 이다양한이벤트들을핸들링 ( 처리 ) 해주는것입니다. 예를들면, 어떤버튼을했을때메시지창이뜨게하는등을말합니다.

More information

슬라이드 1

슬라이드 1 Index 1. 광고상품요약 2. 공통가이드 3. 상품별제작시주의사항 4. 플래시배너액션가이드 5. DM제작가이드 6. 모바일광고제작가이드 7. Contact Us 1. 광고상품요약 상품명사이즈용량 CPM( 원 ) A.CTR 특이사항태그가능여부 CF 480*270 15 초이내 10,000 CTR 1.6% 동영상 wmv 파일 X I-Cover 1000*630

More information

AMP는 어떻게 빠른 성능을 내나.key

AMP는 어떻게 빠른 성능을 내나.key AMP는 어떻게 빠른 성능을 내나? AU개발 김태훈 kishu@navercorp.com AMP 란무엇인가? AMP 방식으로 HTML을 만들고 AMP JS를 로딩하고 AMP 컴포넌트만 사용하면 웹페이지의 빠른 렌더링을 보장 + 구글 검색 결과에서 즉시 로딩(빠르고 멋있게) AMPs are just Web Pages! AMPs are just Web Pages!

More information

슬라이드 1

슬라이드 1 학습목표 제 10 장 ASP 와데이터베이스활용 10.1 RUNNING 데이터베이스 HEADER, 14 PT., ALL CAPS, Line Spacing=1 line 데이터베이스띾 데이터를다루는방법으로데이터를논리적으로구조화하여모아놓은것 각각의데이터는컴퓨터가처리핛수있는일관성있게저장 방대핚데이터의검색과수정이용이 10.2 RUNNING 데이터베이스 HEADER, 14

More information

Install stm32cubemx and st-link utility

Install stm32cubemx and st-link utility STM32CubeMX and ST-LINK Utility for STM32 Development 본문서는 ST Microelectronics 의 ARM Cortex-M 시리즈 Microcontroller 개발을위해제공되는 STM32CubeMX 와 STM32 ST-LINK Utility 프로그램의설치과정을설명합니다. 본문서는 Microsoft Windows 7

More information

구축환경 OS : Windows 7 그외 OS 의경우교재 p26-40 참조 Windows 의다른버전은조금다르게나타날수있음 Browser : Google Chrome 다른브라우저를사용해도별차이없으나추후수업의모든과정은크롬사용 한

구축환경 OS : Windows 7 그외 OS 의경우교재 p26-40 참조 Windows 의다른버전은조금다르게나타날수있음 Browser : Google Chrome 다른브라우저를사용해도별차이없으나추후수업의모든과정은크롬사용   한 수업환경구축 웹데이터베이스구축및실습 구축환경 OS : Windows 7 그외 OS 의경우교재 p26-40 참조 Windows 의다른버전은조금다르게나타날수있음 Browser : Google Chrome 다른브라우저를사용해도별차이없으나추후수업의모든과정은크롬사용 http://chrome.google.com 한림대학교웹데이터베이스 - 이윤환 APM 설치 : AUTOSET6

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 부록. 웹서버구축하기 1 목차 A.1 웹서버시스템 A.2 PHP 사용하기 A.3 데이터베이스연결하기 2 A.1 웹서버시스템 3 웹서버의구축 웹서버컴퓨터구축 웹서버소프트웨어설치및실행 아파치 (Apache) 웹서버가대표적 서버실행프로그램 HTML5 폼을전달받아처리 PHP, JSP, Python 등 데이터베이스시스템 서버측에데이터를저장및효율적관리

More information

대량문자API연동 (with directsend)

대량문자API연동 (with directsend) 1 삼정데이타서비스 DIRECTSEND 제공 [ 저작권안내 ] 본문서는삼정데이타서비스 ( 주 ) 에서고객의원활한업무지원을위하여무상으로배포하는사용자매뉴얼및가이드로써저작권과전송권은삼정데이타서비스 ( 주 ) 에있습니다. 따라서당사고객이이를이러한용도로사용하는것에는제한이없으나저작권자에대한허락및표시없이이를제 3 자에게재전송하거나복사및무단전제할때는국내및국제저작권법에의하여서비스이용이제한되고법적인책임이따를수있습니다.

More information

특징 찾아보기 열쇠 없이 문을 열 수 있어요! 비밀번호 및 RF카드로도 문을 열 수 있습니다. 또한 비밀번호가 외부인에게 알려질 위험에 대비, 통제번호까지 입력해 둘 수 있어 더욱 안심하고 사용할 수 있습니다. 나만의 비밀번호 및 RF카드를 가질 수 있어요! 다수의 가

특징 찾아보기 열쇠 없이 문을 열 수 있어요! 비밀번호 및 RF카드로도 문을 열 수 있습니다. 또한 비밀번호가 외부인에게 알려질 위험에 대비, 통제번호까지 입력해 둘 수 있어 더욱 안심하고 사용할 수 있습니다. 나만의 비밀번호 및 RF카드를 가질 수 있어요! 다수의 가 www.kdnetwork.com 특징 찾아보기 열쇠 없이 문을 열 수 있어요! 비밀번호 및 RF카드로도 문을 열 수 있습니다. 또한 비밀번호가 외부인에게 알려질 위험에 대비, 통제번호까지 입력해 둘 수 있어 더욱 안심하고 사용할 수 있습니다. 나만의 비밀번호 및 RF카드를 가질 수 있어요! 다수의 가능할 삭제할 건전지 사용자를 위한 개별 비밀번호 및 RF카드

More information

SOFTBASE XFRAME DEVELOPMENT GUIDE SERIES HTML 연동가이드 서울특별시구로구구로 3 동한신 IT 타워 1215 호 Phone Fax Co

SOFTBASE XFRAME DEVELOPMENT GUIDE SERIES HTML 연동가이드 서울특별시구로구구로 3 동한신 IT 타워 1215 호 Phone Fax Co SOFTBASE XFRAME DEVELOPMENT GUIDE SERIES 2012.02.18 서울특별시구로구구로 3 동한신 IT 타워 1215 호 Phone 02-2108-8030 Fax 02-2108-8031 www.softbase.co.kr Copyright 2010 SOFTBase Inc. All rights reserved 목차 1 장 : HTML 연동개요...

More information

사용설명서를 읽기 전에 ios용 아이디스 모바일은 네트워크 연결을 통해 ios 플랫폼 기반의 모바일 기기(iOS 버전 6.0 이상의 ipod Touch, iphone 또는 ipad)에서 장치(DVR, 네트워크 비디오 서버 및 네트워크 카메라)에 접속하여 원격으로 영상을

사용설명서를 읽기 전에 ios용 아이디스 모바일은 네트워크 연결을 통해 ios 플랫폼 기반의 모바일 기기(iOS 버전 6.0 이상의 ipod Touch, iphone 또는 ipad)에서 장치(DVR, 네트워크 비디오 서버 및 네트워크 카메라)에 접속하여 원격으로 영상을 IDIS Mobile ios 사용설명서 Powered by 사용설명서를 읽기 전에 ios용 아이디스 모바일은 네트워크 연결을 통해 ios 플랫폼 기반의 모바일 기기(iOS 버전 6.0 이상의 ipod Touch, iphone 또는 ipad)에서 장치(DVR, 네트워크 비디오 서버 및 네트워크 카메라)에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다.

More information

최종보고서 데이터베이스의취약점분석과해결책 제출일자 : 2012년 5월 00일과목명 : 캡스톤디자인팀명 : DIS 팀장 : 강연준팀원 : 강연준 조응철담당교수 : 양환석교수님

최종보고서 데이터베이스의취약점분석과해결책 제출일자 : 2012년 5월 00일과목명 : 캡스톤디자인팀명 : DIS 팀장 : 강연준팀원 : 강연준 조응철담당교수 : 양환석교수님 최종보고서 데이터베이스의취약점분석과해결책 제출일자 : 2012년 5월 00일과목명 : 캡스톤디자인팀명 : DIS 팀장 : 강연준팀원 : 90816542 강연준 90710000 조응철담당교수 : 양환석교수님 목 차 1. 서론 1.1. 연구의필요성 1.1.1 데이터베이스보안의개념 1.1.2 데이터베이스보안의필요성 1.2. 팀구성원 1.2.1 구성원 1.3. 주간활동보고서

More information

Microsoft Word - src.doc

Microsoft Word - src.doc IPTV 서비스탐색및콘텐츠가이드 RI 시스템운용매뉴얼 목차 1. 서버설정방법... 5 1.1. 서비스탐색서버설정... 5 1.2. 컨텐츠가이드서버설정... 6 2. 서버운용방법... 7 2.1. 서비스탐색서버운용... 7 2.1.1. 서비스가이드서버실행... 7 2.1.2. 서비스가이드정보확인... 8 2.1.3. 서비스가이드정보추가... 9 2.1.4. 서비스가이드정보삭제...

More information

[ 나이스평가정보 ( 주 ) 귀중 ] 나이스평가정보 ( 주 )( 이하 회사 ) 는 SK텔레콤 ( 주 ) 의업무를대행하여휴대폰본인확인서비스를제공함에있어고객으로부터개인정보를수집하고이용하기위해 정보통신망이용촉진및정보보호에관한법률 에따라서다음과같이본인의동의를받습니다. 1. 개

[ 나이스평가정보 ( 주 ) 귀중 ] 나이스평가정보 ( 주 )( 이하 회사 ) 는 SK텔레콤 ( 주 ) 의업무를대행하여휴대폰본인확인서비스를제공함에있어고객으로부터개인정보를수집하고이용하기위해 정보통신망이용촉진및정보보호에관한법률 에따라서다음과같이본인의동의를받습니다. 1. 개 휴대폰개인정보수집, 이용동의 개인정보수집, 이용동의 [SK 텔레콤귀중 ] 본인은 SK 텔레콤 ( 주 )( 이하 회사 라합니다 ) 가제공하는본인확인서비스 ( 이하 서비스 라합니다 ) 를이용하기위해, 다음과같이 회사 가본인의개인정보를수집 / 이용하고, 개인정보의취급을위탁하는것에동의합니다. 1. 수집항목 - 이용자의성명, 이동전화번호, 가입한이동전화회사, 생년월일,

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 현대닷컴법인전용서비스이용방법 Contents I. 개요 II. III. 계정관리자등록방법 계정관리자변경방법 ) 계정관리자추가 2) 계정관리자등록동의 3) 계정관리자삭제 IV. 홈페이지법인전용서비스안내 ) 법인페이지 MAP 2) 법인계정정보확인 3) 법인계정등록해지 4) 법인카드관리 5) 법인포인트관리 I. 개요 계정관리자란? 현대자동차홈페이지법인계정등록을완료한회원을말합니다.

More information

Week8-Extra

Week8-Extra Week 08 Extra HTML & CSS Joonhwan Lee human-computer interaction + design lab. HTML CSS HTML, HTML 5 1. HTML HTML HTML HTML (elements) (attributes), (arguments). HTML (tag), DTD (Document Type Definition).!4

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Web server porting 2 Jo, Heeseung Web 을이용한 LED 제어 Web 을이용한 LED 제어프로그램 web 에서데이터를전송받아타겟보드의 LED 를조작하는프로그램을작성하기위해다음과같은소스파일을생성 2 Web 을이용한 LED 제어 LED 제어프로그램작성 8bitled.html 파일을작성 root@ubuntu:/working/web# vi

More information

804NW±¹¹®

804NW±¹¹® Copyright Samsung SDS All rights Reserved. 1 2 3 4 센트에서 빼낸 다음 삼성 S D S 고객센터 기사에게 연락합니다. 5 6 삼성 고객센터 기사에게 이지온 영상 전화기가 작동하는 상태에서 안전점검을 수행토록 요구해야 합니다 7 8 반드시 삼성 에서 승인된 부품만을 사용해야 합니다 삼성 에서 승인된 부품을 사용하지 않을

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Html 은웹에서 text, images, movie 등다양한정보의요소를 담을수있는문서형식이다. 정보 (txt, imges) 전송 = 동일한어플리케이션 = 정보 (txt, imges) 정보 (txt, imges Movie, 동작 ) 정보 (txt, imges movie) 어플리케이션 웹브라우저 HTML5 는기존 HTML 에차별화된특징을가진 최신버전의웹표준언어.

More information

<3033B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770>

<3033B0AD D4C5F584D4C5FC0CEC5CDB3DDBAB8C3E6C7D0BDC0C0DAB7E12E687770> HTML/XML 인터넷보충학습자료 - 1 - - HTML 표를만들기위해서는 태그를사용한다. - - 테이블에서행과열을나눠주기위한태그는따로지정해야해며나눌개수만큼반복해서작성해야한다.

More information

HTML5

HTML5 행맨 류관희 충북대학교 2 3 4 5 사전준비 단어목록읽기 단어빈칸보여주기 인터페이스를통해알파벳선택하면알파벳사라지기 단어에선택한알파벳이있으면표시하기 없으면선이나타원으로사람형태그리기 게임종료조건 : 모든맞추는경우 모두틀린경우 ( 행맨 ) 6 단어목록배열에저장 words.js var words = [ "muon", "blight","kerfuffle","qat"

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 실시간주소정보조회 (OPEN API) 연계신청및활용가이드 목차 1. 실시간주소정보조회 (OPEN API) 2. 신청방법 1. 연계신청등록 / 확인 2. I-PIN 인증 3. 신청서작성 3. 확인방법 1. 신청목록 2. 처리상태확인 3. 신청결과확인 4. 적용방법 1. 송수신포멧 2. 에러코드 3. AJAX를활용한 Controller 호출방식 4. JSON을활용한웹페이지호출방식

More information

Modern Javascript

Modern Javascript ES6 - Arrow Function Class Template String Destructuring Default, Rest, Spread let, const for..of Promises Module System Map, Set * Generator * Symbol * * https://babeljs.io/ Babel is a JavaScript compiler.

More information

A Hierarchical Approach to Interactive Motion Editing for Human-like Figures

A Hierarchical Approach to Interactive Motion Editing for Human-like Figures 단일연결리스트 (Singly Linked List) 신찬수 연결리스트 (linked list)? tail 서울부산수원용인 null item next 구조체복습 struct name_card { char name[20]; int date; } struct name_card a; // 구조체변수 a 선언 a.name 또는 a.date // 구조체 a의멤버접근 struct

More information

목차 1. 시스템요구사항 암호및힌트설정 ( 윈도우 ) JetFlash Vault 시작하기 ( 윈도우 ) JetFlash Vault 옵션 ( 윈도우 )... 9 JetFlash Vault 설정... 9 JetFlash Vault

목차 1. 시스템요구사항 암호및힌트설정 ( 윈도우 ) JetFlash Vault 시작하기 ( 윈도우 ) JetFlash Vault 옵션 ( 윈도우 )... 9 JetFlash Vault 설정... 9 JetFlash Vault 사용자매뉴얼 JetFlash Vault 100 ( 버전 1.0) 1 목차 1. 시스템요구사항... 3 2. 암호및힌트설정 ( 윈도우 )... 3 3. JetFlash Vault 시작하기 ( 윈도우 )... 7 4. JetFlash Vault 옵션 ( 윈도우 )... 9 JetFlash Vault 설정... 9 JetFlash Vault 찾아보기... 10 JetFlash

More information

< 목차 > Ⅰ. 개요 3 Ⅱ. 실시간스팸차단리스트 (RBL) ( 간편설정 ) 4 1. 메일서버 (Exchange Server 2007) 설정변경 4 2. 스팸차단테스트 10

< 목차 > Ⅰ. 개요 3 Ⅱ. 실시간스팸차단리스트 (RBL) ( 간편설정 ) 4 1. 메일서버 (Exchange Server 2007) 설정변경 4 2. 스팸차단테스트 10 (https://www.kisarbl.or.kr) < 목차 > Ⅰ. 개요 3 Ⅱ. 실시간스팸차단리스트 (RBL) ( 간편설정 ) 4 1. 메일서버 (Exchange Server 2007) 설정변경 4 2. 스팸차단테스트 10 Ⅰ. 개요 실시간스팸차단리스트 (RBL) 는메일서버를운영하는누구나손쉽게효과적으로스팸수신을차단하는데이용할수있도록한국인터넷진흥원 (KISA)

More information

HTML5

HTML5 미로 류관희 미로만들고이동하는프로그래밍기법 플레이어가직접미로만들어저장 벽의충돌검사 미로프로그램 캔버스 ( 객체, 미로의벽 ) 토큰 ( 오각형 ) 과벽의충돌검사 미로의벽그리기 마우스이용 토큰의이동 ( 화살표를이용 ) 2 1 차버전미로 모든기능을하나의파일 2 차버전미로 미로제작하는코드파일 플레이어가라디오버튼으로미로를선택할수있는코드파일 3 미로구조제작 화살표키로토큰움직이기

More information

예스폼 프리미엄 템플릿

예스폼 프리미엄 템플릿 HTML 과 CSS 를활용한개별디자인 D4 강사김준일 01. HTML, CSS 그리고메이크샵 1 2 쇼핑몰의구조와기능 이미지, 문구등내용을 담당하는언어 쇼핑몰 쇼핑몰이어떻게보여질지 표현 ( 디자인 ) 을담당하는언어 3 4 쇼핑몰의 UI 및배너등을 표현하며유효성검사등을 담당하는개발언어 쇼핑몰의핵심기능을담당하는 쇼핑몰프로그램으로 HTML,CSS,Javascript

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 14. HTML5 웹스토리지, 파일 API, 웹소켓 웹스토리지 웹스토리지 (web storage) 는클라이언트컴퓨터에데이터를저장하는메카니즘 웹스토리지는쿠키보다안전하고속도도빠르다. 약 5MB 정도까지저장이가능하다. 데이터는키 / 값 (key/value) 의쌍으로저장 localstorage 와 sessionstorage localstorage 객체

More information

EMBARCADERO TECHNOLOGIES (Humphery Kim) RAD Studio : h=p://tech.devgear.co.kr/ : h=p://blog.hjf.pe.kr/ Facebook : h=p://d.com/hjfactory :

EMBARCADERO TECHNOLOGIES (Humphery Kim) RAD Studio : h=p://tech.devgear.co.kr/ : h=p://blog.hjf.pe.kr/ Facebook : h=p://d.com/hjfactory : #3 (RAD STUDIO) In www.devgear.co.kr 2016.05.23 EMBARCADERO TECHNOLOGIES (Humphery Kim) RAD Studio : h=p://tech.devgear.co.kr/ : h=p://blog.hjf.pe.kr/ Facebook : h=p://d.com/hjfactory : hskim@embarcadero.kr

More information

개인정보수집 제공동의서작성가이드라인 업무처리에필요한개인정보파악 처리하고자하는업무에꼭필요한최소한의개인정보는어떤것들이있는지파악합니다 고유식별정보나민감정보는일반개인정보와구분하여처리하여야하므로처리하고자하는개인정보중에고유식별정보나민감정보가있는지확인해야합니다 개인정보의보유기간확인

개인정보수집 제공동의서작성가이드라인 업무처리에필요한개인정보파악 처리하고자하는업무에꼭필요한최소한의개인정보는어떤것들이있는지파악합니다 고유식별정보나민감정보는일반개인정보와구분하여처리하여야하므로처리하고자하는개인정보중에고유식별정보나민감정보가있는지확인해야합니다 개인정보의보유기간확인 개인정보수집 제공동의서작성가이드라인 업무처리에필요한개인정보파악 처리하고자하는업무에꼭필요한최소한의개인정보는어떤것들이있는지파악합니다 고유식별정보나민감정보는일반개인정보와구분하여처리하여야하므로처리하고자하는개인정보중에고유식별정보나민감정보가있는지확인해야합니다 개인정보의보유기간확인 개인정보처리방침이나관련법령등을통해수집이용할개인정보의보유기간을확인합니다 일시적인개인정보수집

More information

INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS

INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS 개발자에게넘겨주기편한 TABLE&FORM 마크업 김남용 INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS 들어가기 이제는 ~ 서로간의이슈웹표준 & 웹접근성왜웹표준으로해야할까요? 모든웹페이지는 ~ 퍼블리싱순서 이제는 ~ 디자이너 디자이너 퍼블리셔 Front-end (UI 개발자 ) 퍼블리셔 Front-end (UI 개발자 ) 서버개발자 서버개발자

More information

개인정보처리방침_성동청소년수련관.hwp

개인정보처리방침_성동청소년수련관.hwp 서울시립성동청소년수련관 개인정보 처리방침 서울시립성동청소년수련관은 개인정보 보호법 제30조에 따라 정보주체의 개인정 보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리지침을 수립 공개합니다. 제1조(개인정보의 처리목적) 1 서울시립성동청소년수련관은 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고

More information

EDB 분석보고서 (04.03) ~ Exploit-DB(http://exploit-db.com) 에공개된별로분류한정보입니다. ** 5개이상발생한주요소프트웨어별상세 EDB 번호 종류 공격난이도 공격위험도 이름 소프트웨어이름 3037 SQL Inj

EDB 분석보고서 (04.03) ~ Exploit-DB(http://exploit-db.com) 에공개된별로분류한정보입니다. ** 5개이상발생한주요소프트웨어별상세 EDB 번호 종류 공격난이도 공격위험도 이름 소프트웨어이름 3037 SQL Inj EDB 분석보고서 (04.03) 04.03.0~04.03.3 Exploit-DB(http://exploit-db.com) 에공개된별로분류한정보입니다. 분석내용정리 ( 작성 : 펜타시큐리티시스템보안성평가팀 ) 04년 03월에공개된 Exploit-DB의분석결과, 해커들이가장많이시도하는공격으로알려져있는 SQL Injection 공격에대한보고개수가가장많았습니다. 무엇보다주의가필요한부분은

More information

Microsoft PowerPoint - aj-lecture1-HTML-CSS-JS.ppt [호환 모드]

Microsoft PowerPoint - aj-lecture1-HTML-CSS-JS.ppt [호환 모드] Web Technology Stack HTML, CSS, JS Basics HTML Tutorial https://www.w3schools.com/html/default.asp CSS Tutorial https://www.w3schools.com/css/default.asp JS Tutorial 524730-1 2019 년봄학기 3/11/2019 박경신 https://www.w3schools.com/html/default.asp

More information

Data Provisioning Services for mobile clients

Data Provisioning Services for mobile clients 9 장. 요청흐름제어와모듈화 1. 액션태그를이용한흐름제어 액션태그 하나의 JSP 페이지에서다른 JSP 페이지로요청처리를전달할때사용 중요사항 from.jsp 가아닌 to.jsp 가생성한응답결과가웹브라우저에전달된다. from.jsp 에서사용한 request, response 기본객체가 to.jsp 에그대로전달된다.

More information

B _00_Ko_p1-p51.indd

B _00_Ko_p1-p51.indd KOS-V000 B64-797-00/00 (MV) KOS-V000 설명서를 보는 방법 이 설명서에서는 삽입된 그림을 통해 작동 방법을 설명합니다. 이 설명서에 나타낸 화면과 패널은 작동 방법을 자세히 설명하는 데 이용되는 예입니다. 따라서 실제 화면이나 패널과 다르거나 일부 디 스플레이 패턴이 다를 수도 있습니다. 찾기 모드 방송국 선택 설정. TUNER

More information

슬라이드 1

슬라이드 1 네이버마일리지사용매뉴얼 1. 네이버마일리지소개 2. 네이버마일리지설정 3. 네이버마일리지운영 1. 네이버마일리지소개 :: 네이버마일리지란? 1) 정의 쇼핑몰구매자의네이버아이디로네이버마일리지가맹점에서네이버마일리지를적립및사용할수있는 통합적립금입니다. 2) 구매자의네이버마일리지적립및사용에따른대금정산 - 구매자에게적립된네이버마일리지 : 카페 24 가맹점 ( 운영자

More information

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상 Android 용 Brother Image Viewer 설명서 버전 0 KOR 아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상표입니다. Android는

More information

Microsoft PowerPoint Python-WebDB

Microsoft PowerPoint Python-WebDB 8. 웹과데이터베이스연결응용 순천향대학교컴퓨터공학과이상정 순천향대학교컴퓨터공학과 1 학습내용 파이썬과데이터베이스연결 웹과데이터베이스연결 로그인페이지예 순천향서핑대회예 순천향대학교컴퓨터공학과 2 파이썬과 SQLite3 연결 sqlite3 모듈을사용하여파이썬과 SQLite3 데이테베이스연동프로그램작성 데이터베이스연결을오픈, 종료및내보내기 sqlite3.connect(filename)

More information