로그아웃

로그아웃 기능 구현을 위한 버튼 구성 및 동작 방식에 대해 설명합니다.
지정된 클래스명을 기반으로 로그아웃 처리와 리디렉션이 자동으로 수행됩니다.

HTML

<button type="button" class="h_btn_sign_out">로그아웃</button>
  • button
    <button type="button" class="h_btn_sign_out"></button>

    로그아웃 버튼으로 h_btn_sign_out class는 필수입니다.

Response Result

  • 로그아웃 버튼 클릭시 로그아웃 하고 사이트 인덱스로 이동합니다.

Example

<div v-if="output.member_info">
    <button type="button" class="btn btn-warning border border-3 fw-bold h_btn_sign_out">로그아웃</button>
</div>
<div v-else>
    <a href="/user/sign-in" class="btn btn-warning border border-3 fw-bold h_btn_sign_out">로그인</a>
    <a href="/user/sign-up" class="btn btn-secondary border border-3 fw-bold h_btn_sign_out">회원가입</a>
</div>
<?php if($output['member_info']){ ?>
    <button type="button" class="btn btn-warning border border-3 fw-bold h_btn_sign_out">로그아웃</button>
<?php }else{ ?>
    <a href="/user/sign-in" class="btn btn-warning border border-3 fw-bold h_btn_sign_out">로그인</a>
    <a href="/user/sign-up" class="btn btn-secondary border border-3 fw-bold h_btn_sign_out">회원가입</a>
<?php } ?>

관련 링크