항해 99 - 2022.03.24.THU (뱃지 바로 안 뜨는 현상)

이번 챕터 일정

• 02/26 기획 회의 ✅
• 02/28 알고리즘 스터디 발제 ✅
• 03/01 1차 기획멘토링 ✅
• 03/05 1차 기술 멘토링  ✅
• 03/09 2차 기획 멘토링 ✅
• 03/12 2차 기술 멘토링 ✅
• 03/16 3차 기획 멘토링 ✅
• 03/19 중간 점검 ✅
• 03/23 4차 기획멘토링 & 3차 기술 멘토링 ✅
• 04/09 최종 발표회 

오늘 내가 할 일 

• 뒤로가기 막기
• 대표 뱃지 설정했을때 바로 안바뀌는 문제 ✅
• 이미지 모달 띄우고 클릭 했을때 구글 폼으로 이동하게 하기 ✅
• 구글폼 제작 ✅
• 베너 누르면 이미지 모달 뜨고 구글폼으로 이동하게 하기 ✅

오전에 늦잠자서 오후 늦게 나왔다. 
오후에는 뱃지 바로 안 뜨는 현상 때문에 애먹었는데 문제 해결 완료 
저녁에는 뒤로가기 좀 더 찾아볼 예정이다 ㅠ 유유

구글 폼 제작은 완료 
버그랑 리뷰 작성해 주는 사람들 한테 심금을 울릴 만한 내용을 적느라 힘들었다 ㅋㅋ 

베너 누르면 우리 이벤트 페이지 모달이 뜨고 , 구글 폼 이동까지 완료 이건 간단했다. 

<배지 설정하면 바로 안 바뀌고 새로고침 시에만 나오는 문제>

• 문제 
  • 선택된 뱃지에 아이디 값을 넘겨주면 서버에서 이미지 url을 넘겨주면서, 아이디 값은 디비에 저장되는 방식
  • 유저 정보안에 마스터 배지 안에 이미지 url로 저장되니까 그 값을 넣어주는 코드를 짰는데
  • 새로고침 전에는 나타나지 않는 문제가 발생했다
  • 그리고 뱃지 아이디를 넘겨주기 전에는 유저 정보에 마스터 배지 안에 이미지 url이 존재하지 않아서 값을 못 찾아오는 문제가 발생했다.
• 해결
  • 리덕스에 값을 저장할때 아예 다른 이름으로 불러와서 그 값을 바로 나타 내도록 했다 
  • draft.badgeurl = action.payloade.badges
  • 유저 정보에 마스터 뱃지 안에 이미지 url이 없을 땐 badgeurl을 보이게 하고, 있을 땐 유저 정보에 마스터 배지 안에 이미지 url을 보이게 했다. 

{user.MasterBadge 
?<div className="badgeImg"><Image src={user.MasterBadge.imageUrl}/></div>
:<div className="badgeImg"><Image src={MasterBadge}/></div>}