Flutter-플러터 썸네일형 리스트형 Flutter 모델에 데이터 추가 시 해야 하는 일 : 장부 test code2 사장님들을 위한 장부 Test 코딩 중 모델에 날짜를 추가했다. 현재 어플에서 구현해야 하는 기능 현재 기능 - FloatingAction 버튼을 누르면 알럿 창이 뜨고 날짜 선택, 내용, 금액을 입력하면, List로 보여지게 된다. 1. 데이터를 추가해야 하는 함수 - 데이터를 추가해야 하는 함수에 해당 모델을 불러오기만 하면 됨 2. 데이터를 수정해야 하는 함수 - 수정하는 코드 꽤 번잡하다. - 수정 하는 페이지를 똑같이 만들어야 한다. - 수정 하는 페이지에 해당 index 리스트 창을 클릭하면 보여줄 초기 값, 초기 변수들을 설정해야 한다. void showEditExpenseDialog(BuildContext context, int index) { final TextEditingControll.. 더보기 Getx Getview를 활용한 애니메이션 복붙임 class HomePageController extends GetxController with GetSingleTickerProviderStateMixin { final Duration duration = const Duration(milliseconds: 300); AnimationController animationController; @override void onInit() { super.onInit(); animationController = AnimationController(vsync: this, duration: duration); } } class HomePage extends GetView @override Widget build(BuildContext context) { // .. 더보기 Flutter X supabase X 공공데이터 북한 인물 조회 본격적으로 외식업 앱을 만들기 전에 공공데이터 API를 활용한 연습을 해봤다. 공공데이터 API를 이용하면서 주의할 점은 다음과 같다. 1. API key값은 숨기기 2. 공공데이터를 전체 받은 다음 내가 원하는 DB에 저장해서 사용하기 (공공 API에서 제한하는 조회수 아낄 수 있다.) 3. 공공API는 xml, json 파일 형식이므로 숫자도 String이라고 생각해야 한다. 오늘 내가 진행한 작업은 북한 인물조회 API Getx ,http를 사용하고 supabase를 DB로 사용하였다. Controller - json 파일이 깨지는 바람에 UTF-8 코드를 사용하였다. - url에 필요한 변수 값을 넣어서 내가 원하는 값을 조회도 가능하게 할 수 있다. import 'dart:convert'; im.. 더보기 Flutter X Supabase RLS , 서버에 유저 정보 저장하기 목표는 로그인 후 테이블에 유저를 특정 할 수 있는 uuid 값과 구글 이메일, 닉네임을 저장 하는 것이었습니다. Supabase에는 기본적인 보안 정책이 있습니다. 로그인 된 유저만 해당 DB 테이블을 CRUD를 할 수 있습니다. 그것을 Row-Level Security 라고 부르고 줄여서 RLS 입니다. RLS 링크 https://supabase.com/docs/learn/auth-deep-dive/auth-row-level-security Part Two: Row Level Security | Supabase Docs _10 const { data, error } = await supabase.from('leaderboard').insert({ name: 'Bob', score: 99999 }) s.. 더보기 Flutter- supabaase Google 소셜 로그인 구현 supabase를 알고 난 후 스프링 부트 과외를 멈췄습니다. supabase는 파이어베이스와 비슷한 기능을 가진 DB 서비스입니다. 파이어 베이스와 가장 큰 차이점은 관계형 DB라는 것 입니다. 아직 한국에서는 supabase 관련 자료가 없기도 하고, supabase 다큐먼트도 오픈베타 서비스다 보니 중구난방으로 정리가 되어 있는 느낌이었습다. 더구나 제가 회원가입, 로그인 로직을 잘 이해하지 못한 상태에서 supabase를 이용한 google 소셜 로그인을 진행하려니 너무 힘들었습니다. 그래도 어찌 어찌 성공했습니다. 제가 이해한 supabase 로그인 방법입니다. supabase 로그인 종류 이메일 로그인 텍스트 필드 창에 이메일과 비밀번호 입력 후 진행하는 일방적인 방법입니다. 소셜 로그인 웹 .. 더보기 Flutter -Auth 코드를 짤 때 Session을 변수명으로 쓰는 이유 Chat GPT가 설명해준 글 Flutter에서 인증(Authentication) 코드를 구현할 때 session이라는 변수명을 사용하는 것은 일반적인 명명 관례에 따른 것입니다. 이는 다음과 같은 이유로 널리 사용됩니다: 의미적 명확성: session이라는 단어는 웹 개발과 앱 개발에서 사용자의 로그인 상태를 유지하는 기간을 나타내는 용어로 널리 사용됩니다. 따라서 session 변수는 사용자의 현재 로그인 세션을 나타내는 데 적합합니다. 표준화된 용어: 대부분의 인증 시스템에서는 '세션(Session)'이라는 용어를 사용하여 사용자의 로그인 상태, 권한, 사용자 정보 등을 저장합니다. 개발자들은 이 용어에 익숙하므로 session이라는 변수명을 사용하면 코드의 가독성과 유지보수성이 향상됩니다. 상태 .. 더보기 Flutter - Gap - SizedBox Flutter 공식 유튜브에서 소개 한 패키지 Gap 입니다. https://www.youtube.com/watch?v=MqjCIITfCIA&ab_channel=Flutter 사용법은 간단합니다. yaml 파일에 gap: ^3.0.1 등록해주고 sizedbox 넣는곳에 을 넣기만 하면 됩니다. 스크롤 방향 기준으로 공간이 생긴다는 점입니다. 기존의 Sizedbox는 가로 방향일 때는 width, 세로 방향일 때는 height를 꼭 넣어줘야 했습니다 그걸 편하게 만들어주네요 Sizedbox(height:30) Gap(30) 더보기 Flutter - supabase https://www.youtube.com/watch?v=-sPCQTpGrWI&ab_channel=%EB%8F%84%EA%B7%B8%ED%92%8B https://supabase.com/docs/guides/getting-started/tutorials/with-flutter?database-method=dashboard 더보기 이전 1 2 3 4 5 6 7 ··· 25 다음
