Skip to main content
V
VibeUniv
Module 1

Supabase 시작하기

프로젝트 생성, 클라이언트 설정, 환경변수 구성까지 첫 연결을 해봐요.

Supabase 클라이언트 설정 이해하기

Supabase 클라이언트 설정

프로젝트 생성, 클라이언트 설정, 환경변수 구성까지 첫 연결을 해봐요.

핵심 포인트

  • createClient()로 Supabase 클라이언트를 초기화해요
  • SUPABASE_URL과 ANON_KEY 두 가지 환경변수가 필요해요
  • 서버용(service_role_key)과 클라이언트용(anon_key) 키가 달라요
  • Next.js에서는 서버/클라이언트 별도 클라이언트를 사용해요

💡 관련 키워드: client, setup, configuration, environment, auth

Supabase 클라이언트 설정 코드로 보기

Supabase에서 Supabase 클라이언트 설정이(가) 실제로 어떻게 사용되는지 아래 코드를 읽어보세요.

// Supabase 클라이언트 설정 예시 (Supabase)
// createClient()로 Supabase 클라이언트를 초기화해요

// 💡 실제 프로젝트에서 이 패턴을 찾아보세요!
Quiz

퀴즈: anon key vs service role key 차이

anon key vs service role key 차이

다음 중 올바른 설명은 무엇일까요?

AcreateClient()로 Supabase 클라이언트를 초기화해요
B위 설명과 반대되는 내용이에요
C이것은 Supabase 클라이언트 설정와(과) 관련 없는 설명이에요
Log in to take the quiz and check your score
Quiz

퀴즈: 서버/클라이언트 클라이언트 구분

서버/클라이언트 클라이언트 구분

다음 중 맞는 것을 고르세요.

A이것은 Supabase 클라이언트 설정와(과) 관련 없어요
BSUPABASE_URL과 ANON_KEY 두 가지 환경변수가 필요해요
C이건 다른 개념에 대한 설명이에요
Log in to take the quiz and check your score
Challenge

도전! Supabase 시작하기 실습하기

실습 과제

이번 모듈에서 배운 내용을 직접 코드로 작성해보세요.

  1. 새 파일을 만들어서 배운 개념을 적용해보세요
  2. 기존 프로젝트에서 비슷한 패턴을 찾아 수정해보세요
  3. 콘솔에서 결과를 확인하세요

💪 직접 코드를 작성하는 것이 가장 효과적인 학습 방법이에요!

Log in to write code and check the answer

내 프로젝트에서 찾아보기 🔍

프로젝트 탐색

Supabase 시작하기 개념이 여러분의 프로젝트에서 어떻게 사용되는지 찾아보세요.

  • 프로젝트 파일에서 관련 코드를 검색해보세요
  • AI가 생성한 코드 중 이 패턴이 적용된 부분을 찾아보세요
  • "왜 이렇게 작성했을까?" 생각하며 읽어보세요

🎯 내 코드에서 배운 개념을 발견하면 진짜 이해한 거예요!

Next Module