안녕하세요, 오신 것을 환영합니다!
컴포넌트로는 직접 처리할 수 없지만, CSS를 사용하여 링크를 숨길 수 있습니다.
사용자가 로그인되어 있는지 여부를 판단하는 데 사용할 수 있는 .anon 클래스가 있습니다.
예를 들어, 링크 이름이 "Link 1"과 "Link 2"인 경우:
/* 로그인하지 않은 사용자 */
html.anon .link-1-custom-header-links {
display: none;
}
/* 로그인한 사용자 */
html:not(.anon) .link-2-custom-header-links {
display: none;
}
HTML에는 링크 이름이 대시(-)로 변환된 이름 뒤에 -custom-header-links가 붙은 클래스 이름이 포함되어 있습니다. 링크를 마우스 오른쪽 버튼으로 클릭하여 검사(Inspect)하면 브라우저 콘솔에서 이를 확인할 수 있으며, 다음과 같은 내용을 볼 수 있습니다:
