[TIL] Django 마지막 팀 프로젝트 - DRF, React

프로필 페이지 제작

• 다른 사람의 프로폴 조회로 해보기

내가 작성한 글 클릭 시 내가 작성한 posts 내용들을 출력

좋아요 한 글은 내가 좋아요 했던 들 들 출력

15시 mbti별 각 프로필마다 각각에 맞는 이미지 불러오기

• 에러가 계속 발생함 어떨때는 출력이 되게 어떨 때는 출력이 안되고

const getImage = (mbti) => {
        if (!mbti) return null;
        return mbtiParams[mbti.toLowerCase()].image;
    }

그래서 if 문을 추가하여 값이 있을경우에만 실행하게 했음

16시 mbti 각 문자 열마다 퍼센트를 보여주기 위해 mbti 문자열을 출력함

<div>
   {users.mbti &&
    <div>
        <h3>{users.mbti[0]}</h3>
        <p>{Math.floor(users.percentIE)}%</p>
        <h3>{users.mbti[1]}</h3>
        <p>{Math.floor(users.percentNS)}%</p>
        <h3>{users.mbti[2]}</h3>
        <p>{Math.floor(users.percentFT)}%</p>
        <h3>{users.mbti[3]}</h3>
        <p>{Math.floor(users.percentPJ)}%</p>
    </div>
    }
</div>

선택하기 이번에도 위에 mbti 이미지와 같은 문제가 발생했다.

어쩔 때는 출력되고 어쩔 때는 오류가 뜬다 이런 경우를 해결하기 위해 js의 && 조건부를 보면 추가했다.

 

- 카테고리 부분 select를 이용하여 db에서 카테고리 내용을 가져와 보여주는 방법으로 제작 

<option value="" selected disabled hidden> 선택해 주세요 </option>

select트로 category 내용 변경하기