Supabase의 Table Editor란?

2025.02.07 - [개발관련] - iOS Swift 웹뷰 로드시 이전의 쿠키나 데이터가 잔류해 발생하는 문제 해결

iOS Swift 웹뷰 로드시 이전의 쿠키나 데이터가 잔류해 발생하는 문제 해결

 

 

Supabase Table Editor란?

Supabase Table Editor는 Supabase에서 제공하는 직관적인 UI 기반의 데이터베이스 관리 도구입니다. 이 도구를 사용하면 SQL을 직접 작성하지 않고도 테이블을 생성하고, 데이터를 추가·수정·삭제할 수 있습니다.

Supabase는 PostgreSQL을 기반으로 하는 오픈소스 백엔드 서비스로, Firebase의 대안으로 많이 사용됩니다. Table Editor는 Supabase 대시보드 내에서 제공되며, 데이터를 시각적으로 편집할 수 있는 스프레드시트 같은 UI를 제공합니다.

---

✅ 주요 기능

1. 테이블 생성 및 수정

• UI에서 간단하게 테이블을 생성할 수 있으며, 각 컬럼의 타입을 설정할 수 있습니다.
• TEXT, INTEGER, BOOLEAN, JSONB, TIMESTAMP 등 PostgreSQL의 다양한 데이터 타입을 지원합니다.
• Primary Key, Foreign Key, Unique, Default, Not Null 등 컬럼의 제약 조건을 설정할 수 있습니다.

2. 데이터 입력 및 수정

• Google Sheets처럼 직접 셀을 클릭해 데이터를 수정할 수 있습니다.
• + Insert Row 버튼을 눌러 새로운 데이터를 추가할 수 있습니다.
• 데이터를 수정하면 자동으로 변경사항이 저장됨(Auto Save 기능).

3. 필터 및 정렬

• 특정 컬럼을 기준으로 필터링할 수 있습니다.
• 테이블 데이터를 원하는 방식으로 **정렬(Sort)**할 수 있습니다.

4. 관계(Relations) 설정

• Supabase Table Editor에서는 Foreign Key를 설정하여 다른 테이블과의 관계를 쉽게 정의할 수 있습니다.
• Reference 옵션을 사용하면 드롭다운 형태로 데이터를 선택하여 입력할 수 있어 편리합니다.

5. JSONB 데이터 타입 지원

• PostgreSQL의 강력한 JSONB 타입을 활용하여 유연한 데이터 구조를 저장할 수 있습니다.
• JSON 데이터를 테이블 UI에서 직접 확인 및 편집 가능.

6. SQL 쿼리 실행과 연동

• Table Editor에서 작업한 내용은 SQL 쿼리로 변환할 수 있으며, SQL Editor에서 직접 실행할 수도 있습니다.
• 자동 생성된 SQL을 확인하며 학습할 수도 있습니다.

7. 실시간 데이터 동기화

• Supabase의 실시간 기능을 이용하면 다른 사용자와 변경 사항을 즉시 동기화할 수 있습니다.
• 예를 들어, 한 사용자가 데이터를 수정하면 다른 사용자의 화면에서도 즉시 반영됨.

---

🎯 실제 활용 예시

📌 1. 사용자를 관리하는 테이블 만들기

plaintext

복사편집

Table Name: users ----------------------------------- | id | email | role | ----------------------------------- | 1 | user1@test.com | admin | | 2 | user2@test.com | user | -----------------------------------

• id: Primary Key (자동 증가)
• email: Unique & Not Null
• role: Enum (admin, user, guest)

→ Table Editor를 활용하면 이러한 테이블을 SQL 없이 UI로 쉽게 만들 수 있음.

📌 2. 상품 목록 관리

plaintext

복사편집

Table Name: products ------------------------------------------- | id | name | price | created_at | ------------------------------------------- | 1 | T-Shirt | 29.99 | 2024-03-02 | | 2 | Sneakers | 89.99 | 2024-03-01 | -------------------------------------------

• id: Primary Key
• name: 상품명
• price: 숫자형(float)
• created_at: 자동 NOW()로 설정

---

🎯 Table Editor vs SQL 직접 작성

기능Table Editor UISQL Query

테이블 생성	클릭 몇 번으로 가능	CREATE TABLE ... 필요
데이터 입력 및 수정	스프레드시트처럼 편집	INSERT INTO ... 필요
관계(Foreign Key) 설정	UI에서 간편 설정	ALTER TABLE ... ADD CONSTRAINT 필요
데이터 조회 및 정렬	필터 & 정렬 기능 제공	SELECT ... WHERE ... ORDER BY 필요
JSON 데이터 관리	JSON 필드 직접 입력 가능	JSONB 사용 필요

→ SQL을 잘 모르는 사람도 쉽게 사용할 수 있도록 직관적인 UI를 제공하지만, SQL을 병행해서 사용하면 더욱 강력한 기능을 활용할 수 있음.

---

🏆 Table Editor를 사용할 때의 장점

✅ 초보자 친화적 – SQL 없이 UI로 데이터베이스 관리 가능
✅ 빠른 데이터 수정 – 실시간으로 데이터를 추가·수정 가능
✅ PostgreSQL 기능 지원 – JSONB, Foreign Key 등 고급 기능도 UI에서 가능
✅ 실시간 업데이트 – 변경 사항이 자동 저장 및 동기화됨

---

🚀 마무리

Supabase Table Editor는 개발자가 SQL을 몰라도 쉽게 테이블을 관리할 수 있는 강력한 도구입니다.
Firebase의 Firestore처럼 손쉬운 데이터 편집 UI를 제공하면서도, PostgreSQL의 강력한 기능을 함께 사용할 수 있다는 점이 큰 장점입니다.

👉 SQL을 배우면서 Table Editor를 활용하면 더욱 효율적으로 Supabase를 사용할 수 있습니다!