[FE] 이유진 ⚔️ 강화하기

[JIN921]

미션 실행 결과

1. 명예의 전당

• 로그인 안 된 경우 로그인 버튼
  

2. 로그인

• 기본 로그인 화면
  
• 회원가입
  
• 로그인 성공
  
• 로그인 성공시 강화하기 버튼 활성화
  

3. 검 이름 입력 받기

• 6글자 이상 입력 불가능
  
• 입력 성공
  

4. 강화

• 전체 화면
  

• 설명서 팝업
  

• 확률 증가 팝업
  

• 강화하기 팝업
  

• 강화 성공
  

• 강화 실패
  

• 파괴
  

• 명예의 전당 이동

미션 실행 실패 케이스 존재 시, 실패한 이유 고찰해보기

1. 명예의 전당에서 강화하기랑 로그인 버튼을 양 옆에 배치하고 싶었는데 이게 안된다.. 같은 이유로 강화하기 화면에서 명예의 전당도 왼쪽 아래에 배치가 안 됐다.. justify-content: space-between 이거랑 flex-start 이거 다 써봤는데 안 돼서 일단 그냥 배치 했다.

2. 명예의 전당 랭킹 시스템
   랭킹 시스템 구현을 못했다,,

3. 강화 확률 증가 카드 기능 구현을 못했다..

기능 명세서

• Login.jsx
  • 로그인
• Register.jsx
  • 이메일, 비밀번호, 이름, 파트 입력
  • 비밀번호 2번 체크
  • context에 데이터를 넣어서 Home과 Attendance에서 사용
• Home.jsx
  • 출석체크 화면으로 이동
    -Hof.jsx
    -명예의 전당 화면
  • 로그인 안 하면 강화하기 버튼 비활성화, 로그인 시 활성화 됨
• Enforce.jsx
  • 강화하기
  • 설명서 : 게임 룰 설명
  • 확률 증가권 : 3장 증정 사용시 1장 감소
  • 강화하기 : 확률에 따라 강화 성공, 실패, 파괴로 결과가 나옴
  • 명예의 전당 가기 : 다시 명예의 전당으로 이동
• Sword.jsx
  • 검 이름 입력 받는 화면
  • 검 이름은 최대 5글자