내일배움캠프 71일차

1. 오늘 내가 한 일!

게시글 수정 모달 수정 : 게시글 수정을 할 때 이미지를 변경해도 되고 변경하지 않아도 되도록 설정을 다시 해야했다ㅜㅜ어렵지만 그래도 해냈음에 뿌듯✨
게시글 상세페이지에 프로필 이미지 넣기 : 게시글 상세페이지에 프로필 이미지가 들어가면 좋을 것 같아 추가하였다!!🖼

2. 알게 된 것

1. value가 undefined일 경우 제외하고 가져오기

if image == "undefined":
	data = dict({key: value for key, value in data.items() if value != "undefined"})
    serializer = ArticlePutSerializer(article, data = data, partial=True)
    if serializer.is_valid():
    	serializer.save()
        return Response(serializer.data, status=status.HTTP_200_OK)
    else:
        return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)

data의 items를 for구문으로 돌려서 undefined가 아닌 key, value를 가져와서 key:value 형식으로 dictionary에 넣겠다.
partial=True는 입력값을 필수적으로 넣지 않아도 되게 하는 옵션이다.
참고자료 : https://velog.io/@suasue/%EB%B6%80%EB%B6%84%EC%A0%81%EC%9C%BC%EB%A1%9C-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8-partial-update

2. 이미지 css으로 원형으로 만들기

style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover; object-position: top;"

object-position: top는 직사각형 사진의 경우에만 추가하면 된다.