본문 바로가기
728x90

CODE/Flutter26

[Flutter] Supabase CRUD 해보기 Supabase stream CRUD 이전 포스팅에선 Supabase에서 실시간으로 데이터의 값을 확인하는 방법에 대해서 알아보았습니다 [Flutter, Supabase] Supabase RealTime Data 가져오기 RealTime Data 가져오기 이전 포스팅으로 Supabase를 flutter에 연동하는 부분까지 알아보았다 [Flutter, Supabase] supabase 연동하기 Supabase 란? 간단하게 설명하면 백엔드 서비스 플랫폼이다. 오픈소스이며 Pos nuridal-class.tistory.com 이번 포스팅에서는 App 상에서 create, read, update, delete 이 4가지 기능을 확인해보려고 합니다 Supbase_crud_view.dart 저번에 사용했던 dar.. 2023. 12. 21.
[Flutter, Supabase] Supabase RealTime Data 가져오기 RealTime Data 가져오기 이전 포스팅으로 Supabase를 flutter에 연동하는 부분까지 알아보았다 [Flutter, Supabase] supabase 연동하기 Supabase 란? 간단하게 설명하면 백엔드 서비스 플랫폼이다. 오픈소스이며 PostgreSQL 기반의 DB 기능과 REST API 기능을 제공한다. -> 이 부분때문에 Firebase보다 좋다는 평이 많다 Supabase 연동하기 먼저 nuridal-class.tistory.com 이번 포스팅에서는 Supabase는 실시간으로 db를 감지해서 가져올 수 있다고 하는데 어떤 것을 사용해서 가져오고 flutter에서는 어떻게 쓰이는지 알아보겠습니다 Supabase - stream 하는 방법은 바로 stream과 channel이란 것을.. 2023. 12. 21.
[Flutter, Supabase] supabase 연동하기 Supabase 란? 간단하게 설명하면 백엔드 서비스 플랫폼이다. 오픈소스이며 PostgreSQL 기반의 DB 기능과 REST API 기능을 제공한다. -> 이 부분 때문에 Firebase보다 좋다는 평이 많다 Supabase 연동하기 먼저 로그인 및 회원가입을 해주고 New Project를 클릭해서 새로운 프로젝트를 만들어줍시다. 프로젝트 이름을 적어주고 데이터베이스에 사용할 비밀번호를 입력합니다 지역은 한국에 살기 때문에 한국으로 설정해 주고 Create new project를 클릭해 줍니다 다음은 테스트용 테이블을 하나 만들 텐데 public 스키마 안에 만드는 것이 기본인 것 같습니다 (물론 스키마를 따로 만들으셔서 해도 무관) 저는 Todo라는 테이블을 만들어서 사용해 보겠습니다 여기에서 Ena.. 2023. 12. 21.
[Flutter] env(환경 변수) 설정하기 env를 왜 설정할까? 개발하다 보면 api key를 그냥 복붙으로 쓰다가 github에 그대로 올려서 난감한 상황을 경험을 해봤을 수도 있다! (필자는 경험을 해봤기 때문에 ㅎㅎ😂) 이런 상황을 겪지 않았으면 하는 마음으로 이번 포스팅을 하게 되었다 env 란? env란 환경변수 파일을 의미한다 개발을 하고 나서 github에 공개적으로 올릴때나 또는 배포할 때 DB 비밀번호, 서버 URL, API Key 등 외부로 알려지면 큰일나는 정보들을 모아둘 때 주로 사용하게 된다 env 파일 만들기 간단하게 프로젝트 루트 상에서 .env 파일을 만들면 된다 vscode에서 만들면 아래와 같이 보일 것이다 다음은 flutter에서 env 파일을 쉽게 사용하라고 패키지가 하나 있으니 사용하자! 명령어는 flutt.. 2023. 12. 20.
728x90
728x90