Part 5. 데이터베이스 기초

5.4

읽기 10분 · 동영상 10분

5-4. 데이터 다루기

데이터를 직접 넣어봅시다

테이블은 만들었지만 아직 비어있습니다.

이번에는 직접 데이터를 넣고, 수정하고, 삭제하고, 검색해봅시다.

엑셀을 다루는 것과 거의 똑같으니 어렵지 않습니다.

데이터 추가하기 (Insert Row)

  1. Table Editor에서 inquiries 테이블을 클릭합니다
  2. 상단의 "Insert" → "Insert Row" 버튼을 클릭합니다
  3. 각 칸에 데이터를 입력합니다:
열 입력할 값
name 김영희
email younghee@email.com
message 영업시간이 어떻게 되나요?

id와 created_at은 자동으로 채워지므로 비워두세요.

  1. "Save" 를 클릭합니다

한 건 더 추가해봅시다:

열 입력할 값
name 이철수
email chulsoo@email.com
message 주차가 가능한가요?

데이터 수정하기 (Edit)

엑셀에서 셀을 클릭하면 내용을 고칠 수 있는 것처럼, Supabase에서도 마찬가지입니다.

  1. 수정하고 싶은 셀을 클릭합니다
  2. 내용을 변경합니다
  3. 다른 곳을 클릭하면 자동으로 저장됩니다

예시: 김영희의 메시지를 "영업시간과 주말 운영 여부가 궁금합니다"로 변경해보세요.

데이터 삭제하기 (Delete)

  1. 삭제할 행의 왼쪽 체크박스를 클릭합니다
  2. 상단에 나타나는 "Delete" 버튼을 클릭합니다
  3. 확인 창에서 "Confirm" 을 클릭합니다

주의: 삭제한 데이터는 복구할 수 없습니다. 신중하게 삭제하세요.

필터로 원하는 데이터 찾기

데이터가 많아지면 원하는 것만 골라보고 싶을 때가 있습니다.

  1. 상단의 "Filter" 버튼을 클릭합니다
  2. 조건을 설정합니다:

- Column: name

- Operator: equals

- Value: 김영희

  1. "Apply" 를 클릭하면 김영희의 문의만 보입니다

엑셀의 필터 기능과 같습니다!

"영업시간"이 포함된 메시지만 찾고 싶다면 Operator를 contains(포함)로 선택하세요.

정렬하기

  1. 상단의 "Sort" 버튼을 클릭합니다
  2. Column: created_at, Order: Descending (최신순)
  3. 가장 최근 문의가 위에 표시됩니다

엑셀과 비교해봅시다

작업 엑셀에서 Supabase에서
데이터 추가 빈 행에 직접 입력 Insert Row 클릭 후 입력
데이터 수정 셀 클릭 후 수정 셀 클릭 후 수정 (거의 같음!)
데이터 삭제 행 선택 → 삭제 체크박스 → Delete
검색/필터 필터 기능 사용 Filter 버튼 사용
정렬 정렬 기능 사용 Sort 버튼 사용

보셨듯이, Supabase에서 데이터를 다루는 것은 엑셀과 매우 비슷합니다.

다른 점은 이 데이터를 웹사이트에서 직접 읽고 쓸 수 있다는 것입니다.

이 절의 요약

  • Insert Row로 데이터를 추가합니다 (id와 created_at은 자동)
  • 셀을 클릭해서 데이터를 수정할 수 있습니다
  • 체크박스 선택 후 Delete로 삭제합니다 (복구 불가!)
  • Filter로 조건에 맞는 데이터만 골라볼 수 있습니다
  • Sort로 원하는 순서대로 정렬할 수 있습니다
  • 엑셀을 다룰 줄 알면 Supabase도 다룰 수 있습니다