supabase
CHAPTER 28 / 34
읽기 약 2분
FUNCTION
좋아요/북마크 시스템
핵심 개념
토글 방식의 좋아요와 북마크 시스템을 구현합니다. 낙관적 업데이트로 빠른 사용자 경험을 제공합니다.
코드 분석
// 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