로그아웃

로그아웃을 위한 페이지 만들기에 대해 설명합니다.

Data ID

SIGN_OUT : Request Data에 정의하지 않습니다.

Request

없음

HTML attributes

Tag : button 또는 a

Name Value Description
class h-btn-sign-out $('.h-btn-sign-out') 에 onclick event가 자동으로 적용됩니다.

HTML

<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>
'h-'로 시작되는 class 명은 JQuery Selector로 사용됩니다.

Response After Submission

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

관련 링크