최종프로젝트 7일차

최종프로젝트가 본격적으로 시작된지 어느새 일주일이 지났다.

내일까지는 프론트엔드의 기본 뼈대를 작성할 예정이며 아래는 오늘 공부한 내용에 대한 트러블슈팅이다.

 

상황: 프론트엔드에 특정 페이지와 연결되는 하이퍼링크를 추가하려고 함. 당연히 특정 요소의 고유한 번호가 필요했고 pk(id)를 사용하기로 결정하고 링크를 연결함.

문제: 그러나 계속해서 null을 출력하는 오류가 발생했고 필요한 pk값을 찾을 수 없어서 링크를 작성하지 못함.

원인: 프론트의 문제가 아니라 백엔드의 문제였음. 백엔드에서 직렬화를 할 때, serializer에서 id필드를 포함하고 있지 않았음.

해결: 시리얼라이저를 수정하여 id필드를 포함하도록 함.

 

이전 serializer

class AverageGradeSerializer(serializers.ModelSerializer):
    average_grade = serializers.FloatField()

    class Meta:
        model = Movie
        fields = ["title", "average_grade"]

class LikeSerializer(serializers.ModelSerializer):
    like = serializers.IntegerField()

    class Meta:
        model = Movie
        fields = ["title", "like"]

 

수정된 serializer

class AverageGradeSerializer(serializers.ModelSerializer):
    average_grade = serializers.FloatField()

    class Meta:
        model = Movie
        fields = ["id", "title", "average_grade"]


class LikeSerializer(serializers.ModelSerializer):
    like = serializers.IntegerField()

    class Meta:
        model = Movie
        fields = ["id", "title", "like"]