본문 바로가기

킴스큐로 레이아웃이나 모듈을 만들때 필요한 정보입니다.

회원가입형 서비스인 경우 항상 로그인 기능이 있어야 할텐데요. 회원로그인하는 방법에 대해 주로 많이 사용하는 3가지 방법을 모아봤습니다.

첫번째는 로그인 버튼을 달고 로그인 버튼을 누르면 로그인하는 화면으로 이동하는 방법이고 두번째는 모달창을 띄워서 간단하게 로그인을 할 수 있가 하는 방법입니다. 마지막으로 세번째 방법은 아예 화면에 아이디와 비밀번호를 바로 입력할 수 있는 기능을 달아서 입력하는 방법입니다.

경우에 따라서 3가지 중에 한가지를 골라서 사용하면 될 것 같습니다. 자세한 설명은 아래에 달아 놓도록 하겠습니다.





킴스큐 전면 로그인페이지 사용

아래와 같이 로그인 페이지로 이동하는 기능입니다.

로그인뿐만 아니라 아이디찾기, 비밀번호찾기, 비밀번호 요청에 대한 처리를 할 수 있습니다.


코드는 아래와 같습니다.

<div class="topinfo">
    <?php if($my['uid']):?>
        <?php if($my['admin']):?>
            <a onclick="getLayerBox('<?php echo $g['s']?>/?r=<?php echo $r?>&amp;_themeConfig=detail&amp;prelayout=<?php echo $d['layout']['dir']?>/eventp','레이아웃 설정 팝업',980,700,'',false,'');" href="#">+레이아웃</a>
            <a onclick="getLayerBox('<?php echo $g['s']?>/?r=<?php echo $r?>&amp;m=admin&amp;module=filemanager&amp;front=main&amp;pwd=<?php echo $g['path_layout'].$d['layout']['dir']?>/&amp;type=php&amp;iframe=Y&amp;editmode=Y&amp;file=plugin_setting.php','플러그인 설정 팝업',900,700,'',false,'');" href="#">+플러그인<span class="sti"></span><?php endif?>
            <a href="<?php echo RW('mod=mypage')?>"<?php echo $d['layout']['_memberlink_color']?>>마이페이지</a><span class="sti"></span>
            <a href="<?php echo $g['s']?>/?r=<?php echo $r?>&amp;a=logout"<?php echo $d['layout']['_memberlink_color']?>>로그아웃</a>
            <?php if(!$d['layout']['sns_hide']):?>
                <a href="#." onclick="getLayerBox('<?php echo $g['s']?>/?r=<?php echo $r?>&m=social&page=account','소셜계정',600,650,event,false,'l');"<?php echo $d['layout']['_memberlink_color']?>><img src="<?php echo $g['img_layout']?>/sns.png" alt="" title="소셜계정" /> SNS</a>
            <?php endif?>
        <?php else:?>
            <a href="<?php echo RW('mod=join')?>"<?php echo $d['layout']['_memberlink_color']?>>회원가입</a><span class="sti"></span>
            <a href="<?php echo RW('mod=login').'&referer='.urlencode($g['s'].'/?'.$_SERVER['QUERY_STRING']) ?>"<?php echo $d['layout']['_memberlink_color']?>>로그인</a>
            <?php if(!$d['layout']['sns_hide']):?>
            <a href="#." onclick="getLayerBox('<?php echo $g['s']?>/?r=<?php echo $r?>&m=social&page=login','소셜 로그인',350,300,event,false,'l');"<?php echo $d['layout']['_memberlink_color']?>><img src="<?php echo $g['img_layout']?>/sns.png" alt="" title="소셜 로그인"/> SNS</a>
        <?php endif?>
    <?php endif?>   
</div>




로그인 모달창으로 띄우기

이번에는 모달창을 띄워서 로그인을 하는 기능입니다. 모달창의 경우 전면페이지로 로그인 하는 것보다는 몇가지 기능이 없지만 쉽고 편하게 로그인이 가능합니다.



코드는 아래와 같습니다.


<?php if($my['uid']):?>
    <a href="<?php echo RW('mod=mypage')?>" style="color:<?php echo $d['layout']['memberlink_color']?>;">나의계정</a> <i style="background:<?php echo $d['layout']['split_color']?>;"></i>
    <a href="<?php echo $g['s']?>/?r=<?php echo $r?>&amp;a=logout" style="color:<?php echo $d['layout']['memberlink_color']?>;">로그아웃</a>
<?php else:?>
    <a href="<?php echo RW('mod=join')?>" style="color:<?php echo $d['layout']['memberlink_color']?>;">회원가입</a> <i></i>
    <a href="#." onclick="crLayer('로그인','<?php echo $g['s']?>/?r=<?php echo $r?>&system=iframe.login&iframe=Y&referer=<?php echo urlencode($g['s'].'/?'.$_SERVER['QUERY_STRING'])?>','iframe',515,250,'15%');" style="color:<?php echo $d['layout']['memberlink_color']?>;">로그인</a>
<?php endif?>




직접 로그인정보를 입력하기

기본레이아웃의 사이드바에 있는 로그인처럼 아이디와 비밀번호를 직업 입력받아서 처리하는 기능입니다.



코드는 아래와 같습니다.



<?php if($my['uid']):?>
<div class="mbrinfo">
    <div class="symbol tooltip"><a href="<?php echo $g['s']?>/?r=<?php echo $r?>&amp;mod=mypage&amp;page=simbol"><img src="<?php echo $g['s']?>/_var/simbol/<?php echo $my['photo']?$my['photo']:'0.gif'?>" alt="" /></a>
    <span class="<?php if($d['layout']['dsp_side']=='left'):?>_right _r150<?php else:?>_left _l150<?php endif?> _w150">클릭하시면 회원님의 사진을 등록하실 수 있습니다.<i></i></span>
    </div>
    <div class="name">
        <div class="namel"><?php echo $my[$_HS['nametype']]?>님</div>
        <div class="namer">
        <?php if($d['layout']['sns_hide']):?>
        <a href="<?php echo RW('mod=mypage')?>"><img src="<?php echo $g['img_layout']?>/btn_config.gif" alt="" /></a>
        <?php else:?>
        <a href="#." onclick="getLayerBox('<?php echo $g['s']?>/?r=<?php echo $r?>&m=social&page=account','소셜계정',600,650,event,true,'<?php echo $d['layout']['dsp_side']=='left'?'r':'l'?>');"><img src="<?php echo $g['img_layout']?>/btn_config1.gif" alt="" /></a>
        <?php endif?>
        <a href="<?php echo $g['s']?>/?r=<?php echo $r?>&amp;a=logout"><img src="<?php echo $g['img_layout']?>/btn_logout.gif" alt="" /></a>
        </div>
    </div>
    <div class="clear"></div>
    <div class="score">
    <a href="<?php echo $g['s']?>/?r=<?php echo $r?>&amp;mod=mypage&amp;page=point">포인트 <?php echo number_format($my['point'])?>P</a> / 가입 <?php echo getDateFormat($my['d_regis'],'Y.m.d')?>
    </div>
</div>
<?php else:?>
    <div class="logout">
        <div class="tabbox">
        <?php if($d['layout']['sns_hide']):?>
            <div class="np">회원 로그인</div>
        <?php else:?>
            <div class="tp vline on" onclick="tabCheck(1,this);">일반 로그인</div>
            <div class="tp" onclick="tabCheck(2,this);">소셜 로그인</div>
            <div class="clear"></div>
        <?php endif?>
        </div>
        <div id="nlogLayer" class="nlog">
        <form name="LayoutLogForm" action="<?php echo $g['s']?>/" method="post" onsubmit="return layoutLogCheck(this);">
            <input type="hidden" name="r" value="<?php echo $r?>" />
            <input type="hidden" name="a" value="login" />
            <div class="i1 tooltip">
            <input type="text" name="id" value="<?php echo getArrayCookie($_COOKIE['svshop'],'|',0)?>" class="input" title="아이디" />
            <input type="checkbox" name="idpwsave" value="checked" class="checkbox"<?php if($_COOKIE['svshop']):?> checked="checked"<?php endif?> /> 정보기억
            <span class="<?php if($d['layout']['dsp_side']=='left'):?>_right _r150<?php else:?>_left _l150<?php endif?> _w150">정보기억에 체크할 경우 다음접속시 아이디와 패스워드를 입력하지 않으셔도 됩니다.<br />그러나, 개인PC가 아닐 경우 타인이 로그인할 수 있습니다.<br />PC를 여러사람이 사용하는 공공장소에서는 체크하지 마세요.<i></i></span>
            <div class="clear"></div>
            </div>
            <div class="i1">
            <input type="password" name="pw" value="<?php echo getArrayCookie($_COOKIE['svshop'],'|',1)?>" class="input" title="패스워드" />
            <input type="image" src="<?php echo $g['img_layout']?>/btn_login.gif" class="submit" />
            <div class="clear"></div>
            </div>
        </form>
        <div class="rbtm">
            <a href="<?php echo RW('mod=join')?>" class="b">회원가입</a> <span>|</span>
            <a href="<?php echo $g['s']?>/?r=<?php echo $r?>&amp;mod=login&amp;page=idpwsearch" class="ipc">아이디/패스워드찾기</a>
        </div>
        </div>
        <div id="slogLayer" class="slog hide">
        <div class="icon">
            <?php if($d['layout']['sns_t']):?><img src="<?php echo $g['img_core']?>/_public/sns_t2.gif" alt="" title="트위터" onclick="snsCheck('t','','connect');" /><?php endif?>
            <?php if($d['layout']['sns_f']):?><img src="<?php echo $g['img_core']?>/_public/sns_f2.gif" alt="" title="페이스북" onclick="snsCheck('f','','connect');" /><?php endif?>
            <?php if($d['layout']['sns_m']):?><img src="<?php echo $g['img_core']?>/_public/sns_m2.gif" alt="" title="미투데이" onclick="snsCheck('m','','connect');" /><?php endif?>
            <?php if($d['layout']['sns_y']):?><img src="<?php echo $g['img_core']?>/_public/sns_y2.gif" alt="" title="요즘" onclick="snsCheck('y','','connect');" /><?php endif?>
        </div>
        <div class="guide">
            소셜네트워크 서비스를 통해서 로그인하시면 별도의 로그인 절차없이 회원서비스를 이용하실 수 있습니다.
        </div>
        </div>
    </div>
<?php endif?>


JOS39 블로그

여행과 맛집 그리고 일상에 대해 나만 몰랐던 이야기들..