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.

Sign up for GitHub

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

Jump to bottom

[FE] 로그인/회원가입 모달 구현 #15

Open
17 tasks
sirloinbh opened this issue Aug 28, 2023 · 0 comments · Fixed by #38 or #61
Open
17 tasks

[FE] 로그인/회원가입 모달 구현 #15

sirloinbh opened this issue Aug 28, 2023 · 0 comments · Fixed by #38 or #61
Assignees
@sirloinbh
Labels
FE Front End
Milestone
Bare Minimum Requ...

Comments

@sirloinbh
Copy link
Collaborator

로그인 /회원가입 모달 구현

기능

  • OAuth 구글, 카카오
  • 이메일로 로그인하기 버튼, 이메일로 회원가입 하기 버튼

이메일로 로그인 시

  • 뒤로가기
  • 이메일 입력창
  • 비밀번호 입력창
  • 비밀번호 찾기 버튼
  • 로그인 버튼

이메일로 회원가입 시

  • 뒤로가기
  • 이메일 입력창
  • 이메일 인증요청 버튼
  • 인증코드 입력창

비밀번호 설정 창

  • 비밀번호 입력 창
  • 비밀번호 확인 입력창
  • 확인 버튼

프로필 설정 창

  • 사진 입력
  • 닉네임 입력창
  • 저장 후 닫기 버튼

세부사항

이메일 요청 메일 전송
이메일 인증코드 생성

비밀번호 8~16자리, 영어 숫자 섞어서
사진 업로드 칸 만들기
토큰 활용

예상 작업 시간

15h
@sirloinbh sirloinbh self-assigned this Aug 28, 2023
@sirloinbh sirloinbh added the FE Front End label Aug 28, 2023
@sirloinbh sirloinbh added this to the Bare Minimum Requirement milestone Aug 28, 2023
@sirloinbh sirloinbh changed the title [Feat] 로그인/회원가입 모달 구현 [FE] 로그인/회원가입 모달 구현 Aug 28, 2023
@sirloinbh sirloinbh mentioned this issue Sep 1, 2023
Merged
@rkddnr05 rkddnr05 linked a pull request Sep 4, 2023 that will close this issue
PR: 자체 회원 가입 및 이메일 인증 기능 구현 #38
Merged
sirloinbh pushed a commit that referenced this issue Sep 6, 2023
[Feat]이메일 유효성 검사 추가
400c5ce 
이메일 형식이 아닐 시 오류 메시지 출력
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 6, 2023
[Feat]OAuth로그인 모달 페이지
dd05133 
주석 추가
OAuth 로그인 경로를 수정
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 6, 2023
[Fix]뒤로가기 기능 롤백
dc156cc 
뒤로가기 기능 삭제
이메일관련 메인페이지 오류 해결
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 6, 2023
[Feat] 약관 동의 체크리스트 구현
4911901 
체크하지 않을 시 메시지 출력
체크하지 않을 시 백엔드로 api요청불가
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 6, 2023
[Feat]비밀번호설정 구현
ba9bd1f 
비밀번호 설정 기능 구현
JWT토큰을 받아서 로컬스토리지에 저장
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 6, 2023
[Feat]비밀번호 확인 및 환영 모달 구현
1c1b1db 
-비밀번호 컴포넌트에서 서버와의 통신 문제로 에러가 발생
-비밀번호 모달의 다음 창으로 환영합니다 모달이 뜨도록 구현
-환영합니다 다음에는 모달창이 닫히도록 구현
Issues #15
@sirloinbh sirloinbh mentioned this issue Sep 6, 2023
Merged
@sirloinbh sirloinbh linked a pull request Sep 6, 2023 that will close this issue
[FE]회원가입 기능 구현 #61
Merged
sirloinbh pushed a commit that referenced this issue Sep 8, 2023
[Fix]로그인 헤더 문자열 삭제
09f18b7 
알림 아이콘, 프로필 아이콘,로그아웃 버튼 오른쪽 문자열 삭제
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 8, 2023
[Feat]로그인 시 토큰 저장
fb93216 
비밀번호 설정 모달에서 백엔드 메시지를 200이 아닌 201로 받음
구글/카카오/이메일 로그인 성공 시 엑세스 토큰과 리프레시 토큰을 변수와 로컬 스토리지에 저장
Issues #15
@sirloinbh sirloinbh mentioned this issue Sep 8, 2023
Merged
sirloinbh pushed a commit that referenced this issue Sep 11, 2023
[Feat]로그인 완료 페이지 구현
2af19ec 
로그인 완료 페이지 구현
이메일로 로그인 페이지 후 로그인 완료 페이지 오픈
로그인 완료 페이지 클로즈 후 로그아웃헤더->로그인 헤더
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 11, 2023
[Feat]회원삭제 기능 구현
ad74d4b 
회원 탈퇴 페이지 완성
/members/{memberId}로 delete요청 후 비밀번호 통과 시 데이터베이스에서 회원 삭제
#Issues #15
sirloinbh pushed a commit that referenced this issue Sep 11, 2023
검색창 구현
ca81a75 
CentralChart폴더의 차트 구현 컴포넌트를 header에 import
기존 SearchBar의 CSS 디자인을 입혔습니다.
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 11, 2023
로그인 시 엑세스토큰 처리
a63c16a 
엑세스 토큰의 밸류를 디코딩
디코딩 된 자료에서 memberId를 추출해 전역변수로 설정
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 12, 2023
[Feat] 구글 oauth로그인 구현
04842c0 
구글 로그인 라이브러리 최신화
구글로그인 컴포넌트를 logins폴더에 생성
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 12, 2023
[Feat]구글 로그인 구현
cacec84 
로그인 시 전역변수에 로그인상태 저장 및 헤더 변경
토큰을 로컬 스토리지에 저장
 Isseus #15
sirloinbh pushed a commit that referenced this issue Sep 15, 2023
[Fix]로그인 유지안되는 오류 해결
424b30b 
이메일로 로그인 시 로컬스토리지에 저장되는 토큰의 키 이름 변경
Issues #15
@sirloinbh sirloinbh mentioned this issue Sep 15, 2023
Merged
sirloinbh pushed a commit that referenced this issue Sep 16, 2023
[Fix]토큰 변수명 통일
f273193 
엑세스 토큰의 변수명 ->accessToken
리프레시 토큰의 변수명 ->refreshToken
전체 파일에 있는 모든 토큰 명을 변환
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 16, 2023
[Feat]회원가입 로그인 develop
b311505 
회원가입 및 로그인 에러 발생시 모달 창에 띄우도록 구현
OAuth로그인 시 로그인 확인 모달창 띄우고 확인 버튼 클릭 시 비로소 완전히 로그인이 되도록 변경
로그인 확인 모달창에서 확인 버튼 클릭 시 토큰을 스토리지에 저장
메인페이지 안에서 로그인 상태가 유지되도록 토큰명 에러 수정
Issues #15
@sirloinbh sirloinbh mentioned this issue Sep 16, 2023
Merged
sirloinbh pushed a commit that referenced this issue Sep 16, 2023
[Design]소셜로그인 버튼 디자인
f109696 
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 16, 2023
[Fix]모달창 위치 조정
467ad0e 
회원가입, 로그인 모달창의 z-index를 4000으로 설정
다른 모든 모달 창보다 앞에 위치하도록 변경
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 16, 2023
[Fix]소셜 로그인 기능 롤백
f8fc83c 
소셜 로그인 성공시 로그인 확인 모달창을 거치지 않고, 한번 더 로그인 버튼을 눌러야 로그인완료되도록 롤백
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 17, 2023
[Fix]로그인 유지 오류 해결
7ab897e 
메인페이지의 로그인상태 검사 로직에서 acessToken->accessToken으로 고침
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 17, 2023
[Design]OAuth로그인창 디자인 변경
d475330 
버튼에 마우스 올릴 시 밝은 회색으로 덮기
구글로 로그인, 카카오로 로그인 한글로 변경
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 17, 2023
[Design]회원가입 모달창 디자인 변화
e249471 
닫기 버튼의 모서리를 5px만큼 둥글게 적용
버튼 호버 시 밝게 적용
가이드  텍스트 밝고 크게 적용
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 17, 2023
[Design]로그인 모달 창 디자인
3935359 
버튼 호버 시 밝게 변화
닫기 버튼 모서리 5px 만큼 둥글게 변화
에러 메시지 색상 변화
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 18, 2023
[Design]오른쪽 탭 디자인 변경
a6504db 
게시판 UI 단순화
시장정보 UI 단순화
게시판에서 게시글 작성시 또는 댓글 작성시 이름과 시각 출력
전체종목을 종목 랭킹으로 변경
종목랭킹 필터 기능 4개 구현
종목랭킹 데이터 정상화
OAuth로그인 기능 에러 해결
Issues #15
@sirloinbh sirloinbh mentioned this issue Sep 18, 2023
Merged
sirloinbh pushed a commit that referenced this issue Sep 19, 2023
[Fix]OAuth로그인시 환영모달창 띄우지 않기
8d98758 
기능작동 확인 필요
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 19, 2023
[Fix]회원가입/로그인/프로필창에서 엔터키 유효
2e29de6 
엔터키 누르면 다음 입력창/버튼을 클릭하도록 로직 수정
회원가입 시 닉네임 대신 이름 쓰도록 변경
비밀번호 설정 시 대문자 넣어도 되고 안넣어도 되도록 변경
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 19, 2023
[Feat]로그인하기 창 디테일
9b41764 
비밀번호 찾기 구현
회원가입하기 버튼 구현
Issues #15
sirloinbh pushed a commit that referenced this issue Sep 19, 2023
[Feat]서비스 디테일
4fc294c 
로그인이 필요한 서비스입니다 페이지 연결
현금 충전이 필요한 서비스입니다 페이지 연결
현금 충전 메시지 작성
Issues #15
@sirloinbh sirloinbh mentioned this issue Oct 9, 2023
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@sirloinbh sirloinbh

Labels
FE Front End
Projects
None yet
Milestone
Bare Minimum Requirement
1 participant
@sirloinbh