항해 99 - 2022.03.21.MON (전체 뱃지 불러오기)

이번 챕터 일정

• 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 최종 발표회 

오늘 내가 할 일 

• 전체 회의 ✅
• 전체 뱃지 불러오기 서버랑 연결 ✅
• 오늘 집중기록이 날짜가 다르면 안 가져오게 하기 ✅
• api 정리 ✅
• 방 내부 페이지 참가자 프로필에 사진 가져오기 (없을땐 아이콘 노출) ✅
• 모듈스 리덕스 정리하기 ✅

오늘 전체 회의에서는 디자인 요소에 대해서 같이 말씀드리고, 
데이터 수집을 위해서 버그나, 리뷰를 작성하는데 그걸 전부 구글 폼으로 진행하는 방향으로 논의가 되었다. 
그 외에 여러 개 고치는 기능들도 고치다 보니 하루가 훌쩍 지나가 부렀다. 

 

<전체 뱃지 불러오기>

            {editbadge === true ? (
              <BadgeContainer>
                <div className="badgeBox">
                  {badges &&
                    badges.map((b) => {
                      return (
                        <label className="badge" key={b.id}>
                          <input
                            type="radio"
                            name="badge"
                            onChange={(e) => setBadgeId(e.target.value)}
                            value={b.UserBadge.badgeId}
                          />
                          <img src={b.imageUrl} />
                        </label>
                      );
                    })}
                </div>
                <button
                  onClick={() => {
                    dispatch(userActions.editBadgeDB(userId, badgeId));
                    setEditbadge(false);
                  }}
                >
                  수정완료
                </button>
              </BadgeContainer>
            ) : (
              <BadgeContainer>
                <div className="badgeBox">
                  {badges &&
                    badges.map((b) => {
                      return (
                        <div className="badge" key={b.id}>
                          <img src={b.imageUrl} />
                        </div>
                      );
                    })}
                </div>
                <button
                  onClick={() => {
                    setEditbadge(true);
                  }}
                >
                  수정하기
                </button>
              </BadgeContainer>
            )}