Skip to content

Feat: Feature/front/auth #6

@Geon72

Description

@Geon72

인증 컴포넌트 (AuthView.vue)

  • 로그인과 회원가입 기능을 하나의 컴포넌트에서 통합 관리
  • 모달 형태의 UI로 구현

주요 기능

인증 모드 전환

  • 로그인/회원가입 모드 간 전환 가능
  • 모드 전환 시 입력 필드 초기화

폼 유효성 검사

  • 이메일 중복 확인
  • 비밀번호 일치 여부 검증
  • 필수 필드 입력 확인

로컬 스토리지 활용

  • 사용자 데이터 로컬 저장
  • 페이지 새로고침 시에도 데이터 유지

UI 구성

헤더 섹션

  • PICCUP 로고
  • 인증 모드에 따른 동적 타이틀
  • 모드 전환 링크

입력 폼

  • 이메일 주소 입력 필드
  • 비밀번호 입력 필드 (비밀번호 표시/숨김 토글)
  • 회원가입 시 비밀번호 확인 필드
  • 로그인 상태 유지 체크박스

소셜 로그인

  • 구분선으로 일반 로그인과 분리

스타일링

  • Tailwind CSS 활용
    -반응형 디자인 (모바일/데스크톱)
  • PICCUP 브랜드 컬러 적용:
    -- Primary: #006B40
    -- Secondary: #8CD196
    -- Error: #dc2626

Metadata

Metadata

Assignees

Labels

featdevelop new feature

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions