supabase CRUD 이해하기

Jul 02, 2024

Contents

supabase를 사용하며 대표적인 기능 CRUD에 대해 알아보자.

Create : insert()

위의 예시 코드는 supabase에서 insert 요청을 하는 코드다. (typescript)

supabase
1. supabase 초기 세팅을 통해 export 해준 supabase를 통해 메서드를 불러올 것이다.
.from(‘TEST-DATA’)
1. 어떤 테이블에서 작업을 수행할 것인지 선언해준다.
2. 현재는 TEST-DATA 라는 테이블에서 작업을 수행한다고 선언했다.
.insert({})
1. 넣어줄 값을 입력해준다.
2. 하나의 행을 넣어주기 위한 객체 또는 여러 행을 넣기 위한 배열을 넣어주면 된다.

response

{
  "status": 201,
  "statusText": "Created"
}

위의 예시 코드는 supabase에서 get요청을 받아오는 코드이다. (typescript)
셋째 줄의 supabase 부터 코드를 해석해보자.

supabase
1. supabase 초기 세팅을 통해 export 해준 supabase를 통해 메서드를 불러올 것이다.
.from(‘TEST-DATA’)
1. 어떤 테이블에서 작업을 수행할 것인지 선언해준다.
2. 현재는 TEST-DATA 라는 테이블에서 작업을 수행한다고 선언했다.
.select(‘*’)
1. select 는 table의 column 값을 param으로 받으며 해당 column을 모두 가져오라는 의미이다.
2. 현재는 ‘*’ 을 적어 모든 column의 값을 가져오지만 만약 특정 column의 값만 가져오고 싶다면 해당 column을 적어주면 된다.
.eq("testTwo", "blabla")
1. eq은 filter와 동일한 역할을 한다.
2. 선택사항이며 필수적으로 들어가는 메서드가 아니다.
3. 첫 번째 인자는 column을, 두 번째 인자는 값을 의미한다.
4. 위의 코드는 testTwo라는 column의 blabla와 일치하는 row만 가져오라는 의미이다.
위의 코드를 정리해보자.
1. TEST-DATA 라는 테이블의 모든 정보 중 testTwo column의 값이 blabla와 일치하는 row만 나열하라.

위의 예시 코드는 supabase에서 update요청을 하는 코드다. (typescript)

supabase
1. supabase 초기 세팅을 통해 export 해준 supabase를 통해 메서드를 불러올 것이다.
.from(‘TEST-DATA’)
1. 어떤 테이블에서 작업을 수행할 것인지 선언해준다.
2. 현재는 TEST-DATA 라는 테이블에서 작업을 수행한다고 선언했다.
update({})
1. 수정할 값을 입력해준다.
.eq("id", id)
1. eq은 filter와 동일한 역할을 한다.
2. update()의 경우 필수적으로 eq를 사용해주어야 한다.
3. 첫 번째 인자는 column을, 두 번째 인자는 값을 의미한다.
4. 위의 코드는 id라는 column의 입력된 id와 일치하는 row만 가져오라는 의미이다.
위의 코드를 정리해보자.
1. TEST-DATA 라는 테이블의 모든 정보 중 id column의 값이 입력한 id와 일치하는 row를 가져와 update내부 인자로 보내준 정보로 업데이트 시켜라.

supabase
1. supabase 초기 세팅을 통해 export 해준 supabase를 통해 메서드를 불러올 것이다.
.from(‘TEST-DATA’)
1. 어떤 테이블에서 작업을 수행할 것인지 선언해준다.
2. 현재는 TEST-DATA 라는 테이블에서 작업을 수행한다고 선언했다.
.delete()
1. 삭제한다는 것을 명시해 준다.
.eq("id", id)
1. eq은 filter와 동일한 역할을 한다.
2. delete()의 경우 필수적으로 eq를 사용해주어야 한다.
3. 첫 번째 인자는 column을, 두 번째 인자는 값을 의미한다.
4. 위의 코드는 id라는 column의 입력된 id와 일치하는 row만 가져오라는 의미이다.