스파르타 (React_6기) 본캠프

2024. 10. 14. (팀프로젝트 - code404(3))

cha123hein 2024. 10. 15. 08:09

1.  문제점

- next.js에서 미리 만들어둔 데이터를 불러오기위해 supabase와 연결하려 하였으나, 자료를 불러오지 못했다.

2. 해결방안

- console.log를 사용하여 data의 내용을 출력해본다.

- Supabase에서 직접 쿼리 테스트를 해본다.

 

=> 계속 fetch에서 자료를 못불러온다는 오류가 떠서 이상해서 supabase에서 미리 입력해둔 자료를 확인해보니.. postId가 1부터 시작하는게 아닌 10부터 시작하고 있었다. 다시 맞는 postId를 입력해보니 제대로 자료를 불러왔다.

3. 수정된 코드

const fetchPost = async () => {
    const { data, error } = await supabase
        .from("Post")
        .select(`
            *,
            users:user_id (user_name)
        `)
        .eq("board_id", postId)
        .single();


    console.log("Fetched post data:", data);
    //console.log로 데이터 불러오는지 확인
};