본문 바로가기

반응형

Flutter-플러터

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 더보기
Flutter 구글 스프레드 시트 연동 3 - 데이터 삭제 https://www.youtube.com/watch?v=7RBMsjgAocs&list=TLPQMjkxMDIwMjMfUFMLpVd78w&index=3&ab_channel=HeyFlutter%E2%80%A4com 데이터를 받아 올 때 구글 스페레드 시트가 오류가 나면 대응 하는 코드 Future getUsers() async { try { final users = await UserSheetsApi.getAll(); if (users != null && users.isNotEmpty) { setState(() { this.users = users; }); } else { ScaffoldMessenger.of(context) .showSnackBar(SnackBar(content: Text('데이터를 가져오.. 더보기
Flutter 구글 스프레드 시트를 연동하기 2편 https://www.youtube.com/watch?v=qAEb7VytWP8&list=TLPQMjkxMDIwMjMfUFMLpVd78w&index=3&ab_channel=HeyFlutter%E2%80%A4com 1. 모델에서 int 값과 bool 값을 String으로 decode static User fromJson(Map json) => User( id: jsonDecode(json[UserFields.id]), name: json[UserFields.name], email: json[UserFields.email], isBeginner: jsonDecode(json[UserFields.isBeginner]), ); 2. 구글 스프레드 시트에 있는 row값을 가져오게 하는 코드 (쿼리문 느낌) stat.. 더보기
Flutter 구글 스프레드 시트 이용하기 1. 구글 아이디로 구글 스프레드 시트에 들어가서 파일 만들기 2. 구글 클라우드 api 따오기 3. 만든 구글 스프레드 시트에 공유하기 버튼을 눌러서 구글 클라우드 api 이메일 입력하기 4. 구글 클라우드 api 에 있는 key값 json 파일을 다운받아서 flutter 프로젝트에 입력하기 https://www.youtube.com/watch?v=3UJ6RnWTGIY&ab_channel=HeyFlutter%E2%80%A4com 더보기
Flutter getx ui 렌더링 적용이 안될 때 Getx 는 Flutter 상태관리 중 하나이다. 편하다. 너무 편하다. 개발을 하던 중에 .obs 로 선언한 변수를 ui에 끌어다가 썼는데 바로 적용이 안된다. 핫 리로드를 하면 또 바뀐다. 즉 해당 .obs의 변수를 즉각적으로 감지를 못한 다는 이야기이다. 이 때 수동으로 직접 새로고침을 통해 변환 시켜주는 방법이 있다. 바로 refresh() 함수를 이용해서 바꿔주면 된다. Widget categoryboard(BuildContext context) { return Container( width: double.infinity, height: 50.h, child: ListView.builder( physics: BouncingScrollPhysics(), scrollDirection: Axis.ho.. 더보기
Postman 포스트맨은 API 를 이용한 앱을 만들 때 직관적으로 볼 수 있게 하는 아주 정말 진짜 너무 좋은 사이트 이다. 아래 페이지에 접속~! https://web.postman.co/ 1. 워크 스테이션으로 이동 2. api 주소를 입력하고 키값과 벨류 값을 넣고 샌드를 보내면 끝 아 물론 앱에 인증이 필요 하면 인증 토큰도 입력해주면 된다. Get , Post, Update, Put , Del 여러 메서드도 가능... 세상 너무 좋아졌어 나는 앱에 필요한 데이터를 API에 직접 입력해야 해서 Post를 씀! 더보기
Flutter m1,m2 pod install 펌 https://dev-repository.tistory.com/120 m1, m2 맥에서 Pod install 오류로 Flutter iOS 빌드 안 될 때 Flutter 프로젝트로 iOS 앱을 빌드할 때, m1, m2 맥 기기에서 오류가 발생하면 다음 방식으로 해결할 수 있다. Flutter 프로젝트 루트 경로에서 다음처럼 입력하면 된다. sudo arch -x86_64 gem install ffi cd ios r dev-repository.tistory.com 플러터는 크로스 플랫폼이다 개발 할 때는 편한데 빌드, 배포 할 때는..... 두 플랫폼을 신경써야 하니 결국 힘들다 '' 더보기

반응형