계정
보안
결제
개발
  • 컴포넌트 테스트
  • 디자인 테스트
  • BFF 검증
  • API Explorer
  • 실명인증 테스트
  • GeoIP 테스트
  • 백업인증 테스트
  • 디버그 패널
계정보안결제

마이페이지 공통 컴포넌트 데모

Figma 가이드 4589:266090 (타이틀 영역) + 메인 카드 패턴 시각 확인 페이지

1. PageHeader — 타이틀만

계정

2. PageHeader — 타이틀 + 서브타이틀

로그인 관리

NC 게임 및 서비스에 로그인하는 수단을 관리하고 부가적인 서비스를 이용할 수 있습니다.

3. PageHeader — 타이틀 + 서브타이틀 + 우측 액션

로그인 관리

NC 게임 및 서비스에 로그인하는 수단을 관리하고 부가적인 서비스를 이용할 수 있습니다.

4. PageHeader — back 버튼 + 타이틀 (하위 페이지)

로그인 관리

NC 게임 및 서비스에 로그인하는 수단을 관리하고 부가적인 서비스를 이용할 수 있습니다.

5. InfoCard + InfoRow — 메인 "내 정보" 박스

내 정보

로그인 관리nc abc***84@naver.com, 대한민국생년월일등록하기비밀번호약 1년 3개월 동안 사용 중전화번호+82 10-1234-5678보조 이메일abc***84@naver.com
6. InfoCard 두 번째 박스 — title 없음 + external + disabled
문의내역처리 중 블레이드 & 소울 2025.06.25 (수)NC 서비스 동의 설정본인 확인
회원 탈퇴 (1차 제외)
7. InfoRow valueTone 비교
default기본 톤 (glyphs/subtle)
warning만료 임박 강조 (적색)
muted더 흐림 (glyphs/faint)
값 없음 (라벨만)
화살표 없음123
외부 링크example.com