SPMS/SPMS_WEB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

로그인 페이지 구현 #4

New Issue
Closed
opened 2026-02-26 04:07:35 +00:00 by seonkyu.kim · 0 comments
seonkyu.kim commented 2026-02-26 04:07:35 +00:00
Owner
Copy Link

개요

HTML 시안(Documents/html/auth/login.html)을 기반으로 로그인 페이지를 React 컴포넌트로 구현한다.

구현 범위

  • LoginPage 컴포넌트: react-hook-form + zod 유효성검사
    • 이메일 필드: 필수, 이메일 형식 검증
    • 비밀번호 필드: 필수, 보기/숨기기 토글
    • 에러 상태: field-error 스타일 + shake 애니메이션 (첫 submit부터)
    • 로그인 성공 오버레이 (스피너 + 토스트)
  • 비밀번호 재설정 모달: 이메일 유효성검사, 성공 토스트
  • 회원가입 링크: /signup으로 이동

참조

  • HTML 시안: Documents/html/auth/login.html
  • 로직 분석: Documents/html/analysis/auth_analysis/login-page-logic.md

체크리스트

  • LoginPage 폼 구현 (react-hook-form + zod)
  • 비밀번호 토글
  • shake 애니메이션 (첫 submit부터, 동시 다중 필드)
  • 비밀번호 재설정 모달
  • 빌드 검증
## 개요 HTML 시안(`Documents/html/auth/login.html`)을 기반으로 로그인 페이지를 React 컴포넌트로 구현한다. ## 구현 범위 - **LoginPage 컴포넌트**: react-hook-form + zod 유효성검사 - 이메일 필드: 필수, 이메일 형식 검증 - 비밀번호 필드: 필수, 보기/숨기기 토글 - 에러 상태: field-error 스타일 + shake 애니메이션 (첫 submit부터) - 로그인 성공 오버레이 (스피너 + 토스트) - **비밀번호 재설정 모달**: 이메일 유효성검사, 성공 토스트 - **회원가입 링크**: `/signup`으로 이동 ## 참조 - HTML 시안: `Documents/html/auth/login.html` - 로직 분석: `Documents/html/analysis/auth_analysis/login-page-logic.md` ## 체크리스트 - [ ] LoginPage 폼 구현 (react-hook-form + zod) - [ ] 비밀번호 토글 - [ ] shake 애니메이션 (첫 submit부터, 동시 다중 필드) - [ ] 비밀번호 재설정 모달 - [ ] 빌드 검증
seonkyu.kim added the
Priority
Medium
Status
In Progress
Type
Feature
 labels 2026-02-26 04:07:43 +00:00
seonkyu.kim self-assigned this 2026-02-26 04:07:48 +00:00
seonkyu.kim added this to the Phase 1 - 프로젝트 초기 설정 milestone 2026-02-26 04:07:51 +00:00
seonkyu.kim added
Status
Done
 and removed
Status
In Progress
 labels 2026-02-26 06:12:46 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
  
Priority
High
우선순위: 높음

  
Priority
Low
우선순위: 낮음

  
Priority
Medium
우선순위: 보통 [기본]

  
Priority
Non
우선순위: 없음 [처리 시점 유연]

  
Priority
Urgent
우선순위: 긴급 [지연 금지, 즉시 처리]

  
Status
Available
시작 전

  
Status
Done
종료

  
Status
In Progress
진행 중

  
Type
Bug
버그 수정

  
Type
Chore
유지보수

  
Type
Design
디자인

  
Type
Documentation
문서화

  
Type
Feature
새 기능 추가

  
Type
Improvement
기능 개선

  
Type
Refactor
리팩토링

  
Type
Research
연구, 조사

  
Type
Task
할 일

No Label
Priority
High
Priority
Low
Priority
Medium
Priority
Non
Priority
Urgent
Status
Available
Status
Done
Status
In Progress
Type
Bug
Type
Chore
Type
Design
Type
Documentation
Type
Feature
Type
Improvement
Type
Refactor
Type
Research
Type
Task
Milestone
Clear milestone
No items
No Milestone
Phase 1 - 프로젝트 초기 설정
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
seonkyu.kim
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: SPMS/SPMS_WEB#4
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?