OPEN HYPER STEP
← 목록으로 (Supabase)
SUPABASE · 28 / 34
supabase
CHAPTER 28 / 34
읽기 약 2
FUNCTION

좋아요/북마크 시스템


핵심 개념

토글 방식의 좋아요와 북마크 시스템을 구현합니다. 낙관적 업데이트로 빠른 사용자 경험을 제공합니다.

코드 분석
SUPABASE📋 코드 (19줄)
// Upsert로 토글 구현
export async function toggleLike(postId: string, userId: string) {
  const { data: existing } = await supabase
    .from('likes').select('id')
    .eq('post_id', postId).eq('user_id', userId).single()

  if (existing) {
    await supabase.from('likes').delete().eq('id', existing.id)
    return false  // 좋아요 취소
  } else {
    await supabase.from('likes').insert({ post_id: postId, user_id: userId })
    return true   // 좋아요 추가
  }
}

// 좋아요 수 조회
const { count } = await
  supabase.from('likes').select('*', { count: 'exact', head: true })
    .eq('post_id', postId)

AI 프롬프트
🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트
Claude

무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6

이 Supabase '좋아요/북마크' RLS 정책에서
보안 구멍·우회 가능한 케이스·과도한 권한을 찾고
안전한 정책 코드를 작성해줘.
ChatGPT

무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro

'좋아요/북마크'를 Next.js + Supabase로 구현한
실전 풀스택 코드(Auth/RLS/Realtime 포함)를 만들어줘.
Gemini

무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro

이 Supabase '좋아요/북마크' 관련 테이블·RLS 정책 전체를 분석해서
보안 취약점·N+1 쿼리·인덱스 누락을
우선순위 리포트로 만들어줘.
Grok

무료: Grok 4.1 / SuperGrok $30/mo

Supabase '좋아요/북마크' vs Firebase의
동일 기능 구현을 2026년 기준
비용·성능·DX로 솔직히 비교해줘.

⭐ 이것만 기억하세요
좋아요/북마크 시스템 이 3가지만 확실히 잡으세요
1.좋아요를 posts 테이블의 카운터로만 관리하면 사용자 중복 체크가 안 되고, 취소 기능을 만들 수 없습니다
2.별도 likes 테이블에 user_id + post_id UNIQUE 제약으로 중복을 방지하고, RPC 함수로 카운트를 원자적으로 갱신합니다
3.다음 챕터에서 알림 시스템을 구현합니다


공유하기
진행도 28 / 34