본문 바로가기
728x90

CODE/Flutter26

[Flutter] QR코드 스캔 해서 페이지 열기 ( mobile_scanner ) (1) QR코드 입장 증명이나 설문등을 많이 진행하게 되는데 이 시간은 간단하게 QR코드로 해당 URL을 통해웹페이지를 열어보는 코드를 해보겠습니다. mobile_scanner오늘 사용해볼 패키지는 바로 mobile_scanner이라고 하는 패키지를 사용해서 QR코드를 읽어보겠습니다. mobile_scanner | Flutter packageA universal barcode and QR code scanner for Flutter based on MLKit. Uses CameraX on Android, AVFoundation on iOS and Apple Vision & AVFoundation on macOS.pub.dev 사용방법먼저 manifest 경로로 이동한 뒤 권한을 추가해줍니다.# android\a.. 2024. 11. 26.
[Flutter] 버튼 위젯 모음 flutter에서 자주 사용하는 버튼들을 한번 정리해야겠다라는 생각이 들어 정리합니다. 1. 공통부분각각의 버튼들을 커스텀 하기 위해서는 style로 할 수 있다style: 버튼 종류.styleFrom( ...side: BorderSide(..., color: ...,),  2. ElevatedButton?일반적으로 사용되며 커스텀 해줘야 하는 작업이 필요한 버튼이다예시ElevatedButton( onPressed: () {...}, child: ...,)  3.TextButton?텍스트로만 이루어진 버튼이며 배경색이 없어 사용하기 보조로 사용하기 유용하다예시TextButton( onPressed: () {...}, child: ...,)  4. OutlineButton?테두리만 있는 버튼이다예시Ou.. 2024. 11. 25.
[Flutter] Flutter도 이제 버전 관리하자 FVM (Window) 대부분 Docker로 프로젝트를 관리하다 보니 사용할 일이 없었지만사이드 프로젝트로 어플 하나만 하는데 굳이 Docker까지? 라는 생각이 들어 버전 관리는 어떻게 하나 찾아보는데 검색하니 FVM이 있기에 이번이 기회에 포스팅을 해야겠다 결심했습니다.  FVM이란?Flutter Version Management 의 약자로 말 그대로 Flutter의 SDK 버전을 관리해 주는 Tool이라고 보면 됩니다.그럼 어떻게 사용하는지 바로 알아보겠습니다. FVM 사용방법 Project > testapp 이란 폴더를 만들고 testapp 폴더안에서 FVM을 사용한다고 가정하겠습니다.🚨선행 사항 부분 부터 말씀드리겠습니다.Flutter: 최신버전 설치Git: 최신버전 설치Java: 11 설치따라 하실 분들도 먼저 위.. 2024. 11. 14.
[Flutter] Supabase docker 환경에서 google 로그인하기 Supabase docker 환경에서 google login - Android 편 이제 로컬에서 하는 방법은 카카오나 apple를 예시로 했으니 google도 무난하게 하실 수 있을 겁니다 혹시나 참고하시려면 아래의 포스팅을 확인해 주세요 [Flutter] Supabase를 사용해서 Kakao login 구현하기 Supabase를 사용해서 Kakao login을 구현해 보자! 한국인들이라면 대부분 사용하는 카카오톡! 앱 개발하다 보면 로그인을 구현하는 것은 대부분 필수인데 Supabase로도 카카오톡 로그인이 가능하다고 nuridal-class.tistory.com 그렇다면 이번엔 docker 환경에서 kakao 로그인에 이어서 google 로그인을 하는 방법에 대해서 알아보겠습니다 1. Google C.. 2024. 1. 29.
728x90
728x90