[최종프로젝트] 수파베이스 조인 (Join)

회원테이블이랑 커뮤니티 테이블이랑 조인해서 회원 닉네임 갖고 옴

 

• 커뮤니티 테이블에서 커뮤니티 데이터 + 유저 테이블에 유저 닉네임만 필요함
• 커뮤니티 테이블에 이미 유저 아이디가 외래키로 되어있으니 커뮤니티 테이블에서 가져올 정보 + (유저 테이블에서 가져올 정보) 이러면 조인 완료

      const { data, error } = await supabase
        .from("community")
        .select(
          "boardId, boardTitle, likeList, date, userId, userInfo(nickname, userImage)"
        )

 

조인으로 가져온 회원 닉네임 사용 방법

      {communityList.map((item) => {
        const user = item.userInfo.nickname;
        const date = new Date(item.date).toLocaleString("ko-KR", {
          year: "numeric",
          month: "2-digit",
          day: "2-digit",
        });
        return (
          <div key={item.boardId} className="flex items-center">
            <img src={item.thumbnail} alt="" className="w-28" />
            <div className="flex flex-col gap-2">
              <div>{item.boardTitle}</div>
              <div className="flex gap-2">
                <div>{user}</div>
                <div>{date}</div>
                <div>좋아요 {item.likeList.length}</div>
              </div>
            </div>
          </div>
        );
      })}