Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat: Feature/front/auth #6

Open
Geon72 opened this issue Dec 25, 2024 · 0 comments
Open

Feat: Feature/front/auth #6

Geon72 opened this issue Dec 25, 2024 · 0 comments
Assignees
Labels
feat develop new feature

Comments

@Geon72
Copy link
Collaborator

Geon72 commented Dec 25, 2024

인증 컴포넌트 (AuthView.vue)

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

주요 기능

인증 모드 전환

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

폼 유효성 검사

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

로컬 스토리지 활용

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

UI 구성

헤더 섹션

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

입력 폼

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

소셜 로그인

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

스타일링

  • Tailwind CSS 활용
    -반응형 디자인 (모바일/데스크톱)
  • PICCUP 브랜드 컬러 적용:
    -- Primary: #006B40
    -- Secondary: #8CD196
    -- Error: #dc2626
@KSAhh KSAhh added the feat develop new feature label Dec 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat develop new feature
Projects
None yet
Development

No branches or pull requests

2 participants