[Zeros] 버그 & 건의 사항

Zeros에 방문해 보기

혹시 다른 버그를 발견하시거나, 건의 사항이 있으시면 댓글로 알려주세요!✨감사합니다. 

버그 

1. 모바일로 접속했을 때, 저축 목표를 수정하는 form의 submit 버튼이 안보이는 버그.
   • 다른 react icon 으로 바꿨더니 아주 잘 보인다! 
2. 모바일에서 구글/깃허브 로그인 버튼을 처음 클릭했을 때 아무런 반응이 없는 버그. 다시 로그인 버튼을 클릭하면 제대로 로그인이 되는데, signInWithPopup 함수랑 관련이 있는 것 같다는 막연한 생각(모바일에서는 signinWithRedirect 으로 호출했더니 해결됐다.)
   • firebase auth 공식 문서에서 모바일 로그인 시 popup 보다 redirect를 사용하는 것을 선호한다고 나와있다. 
   • useDeviceCheck 훅을 만들어서, 로그인 버튼을 클릭했을 때 사용자의 디바이스를 확인하고 => popup/redirect 중 어느 함수를 호출할 것인지 결정한다. 
   • useEffect에서 onAuthStateChange를 등록해 두었기 때문에, 모바일에서 로그인 페이지로 redirect 한 뒤에 다시 어플리케이션으로 돌아와도 로그인 상태가 반영이 된다. 
     • ??? 스택 오버플로에서는 redirect 로그인에서 onAuthStatusChange 대신 getRedirectResult를 호출해야 한다. 고하는데, 나는 이렇게 했을 때 로그인 상태가 유지되지 않았다. 
3. 디테일 페이지에 접속하면, 오늘 날짜가 기본 값으로 선택되어 있다. 오늘 날짜가 캘린더 범위에 존재하지 않을 경우를 대비해야한다. 

건의 사항

1. 저축 목표를 제출/수정 하는 폼에서 목표 금액을 포맷팅 해서 보여주는 기능
   • input 창에서 포맷팅한 값을 보여주려면, input value를 포맷팅한 값으로 변경해야 하기 때문에 이 방법은 제외했다.
   • mdn에서 value는 변경하지 않고, input 창에서 포맷팅한 값을 보여주기만 하는 속성이 있는지 찾아보았지만 없었다. 
   • 고민하던 중에 카카오뱅크 이체하기에 비슷한 기능이 있던 것 같아서 확인해 보았다. input 창 아래에 feedback 형식으로 포맷팅한 값을 보여주고 있었다. 목표 금액을 포맷팅하는 함수를 예전에 만들어 두었기 때문에 이를 재사용했다. 
2. 사용자가 작성한 저축 목표만 모아서 확인할 수 있는 my page 만들기