본문 바로가기

Front-End/Flutter13

[Flutter] 소셜 로그인 구현 (카카오톡) 필요한 링크들을 모아두었다.- 카카오 로그인 API 공식 문서https://developers.kakao.com/docs/latest/ko/kakaologin/flutter Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com웹은 빼고 개발 중이었으니 빨간 박스 친 부분만 참고해 구현하였다.  ✓ 패키지 의존성 설치는 쉬우니 스킵. ✓ 커스텀 URL 스킴 설정 방법해당 설정을 해두면 사용자가 Android와 iOS 환경에서 카카오톡으로 로그인 후 서비스 앱으로 돌아오거나, 카카오톡 메시지 버튼 또는 링크로 서비스의 앱을 실행할 수 있다.https://de.. 2024. 9. 4.
[Flutter] 11. 드롭다운 메뉴 드롭다운 메뉴란 눌렀을때 펼쳐지면서 아래로 선택가능한 목록이 생기는 위젯을 말함. DropdownButton이라는 위젯과 공식문서가 있긴하지만 디자인이 고정되어 있어서 OverlayEntry로 직접 만들어쓰는게 좋음. 친절하신 분 : https://velog.io/@cyb9701/Flutter-OverlayEntry%EB%A1%9C-Dropdown-%EC%A7%81%EC%A0%91-%EB%A7%8C%EB%93%A4%EA%B8%B0 [Flutter] OverlayEntry로 Dropdown 직접 만들기 Dropdown Button Dropdown 버튼은 활성화했을때, 하위 목록들을 보여주는 버튼이다. Flutter에서도 기본적으로 제공하는 Dropdown Button 위젯이 있다. > DropdownBut.. 2024. 3. 21.
[Flutter] 10. 토스트, 스낵바 플러터에서는 잠시 생겼다가 사라지는 알림으로 Toast와 Snackbar를 사용할 수 있음. 1. Toast 토스트는 다음과 같이 하단에 잠시 떴다가 사라지는 알림을 의미함. 토스트의 모양이나 내용은 물론, 위치나 지속시간 등 커스텀이 가능함. fluttertoast라는 패키지를 사용함. 공식 문서 : https://pub.dev/packages/fluttertoast fluttertoast | Flutter package Toast Library for Flutter, Easily create toast messages in single line of code pub.dev 2. Snackbar 스낵바는 토스트처럼 잠시 생겼다가 사라지는 알림인건 동일하지만 최하단에서 슥 올라왔다가 슥 내려간다는 점, .. 2024. 3. 16.
[Flutter] 09. 카메라 카메라는 camera 패키지를 임포트해야 함. 추가로, OS별로 다음과 같은 추가 작업을 해주어야 사용이 가능함. 예시 코드는 다음과 같음. import 'dart:io'; import 'dart:math' as math; import 'dart:typed_data'; import 'package:camera/camera.dart'; import 'package:flutter/material.dart'; import 'package:get/get.dart'; import 'package:path/path.dart'; import 'package:path_provider/path_provider.dart'; import 'package:http/http.dart' as http; import '../mai.. 2024. 3. 16.
[Flutter] 08. 시간 1. 비동기 플러터에서 비동기 작업을 처리할 때는 async와 await 키워드를 사용함. 비동기 함수가 쓰이는 함수에서는 함수명 뒤에 async를 써놔야하고, 비동기 함수 앞에는 await를 써놔야 비동기 작업이 제대로 수행됨. 다음은 그 예시임. // 리턴타입이 없는 경우 void 사용 void main() async { print(await createOrderMessage()); } // 리턴타입이 있는 경우 Future 사용 Future main() async { print(await createOrderMessage()); } 2. 프로세스 일시정지 프로세스를 멈추는 방법에는 sleep() 함수와 Future.delayed() 메소드가 있음. sleep 함수는 프로세스 전체를 완전히 중지시키지.. 2024. 3. 16.
[Flutter] 07. Row, Column, GridView 1. Row Row는 말그대로 행렬의 "행"을 뜻하고, children 속성에 들어가는 자식 위젯들이 가로로 한 줄로 나열됨. https://api.flutter.dev/flutter/widgets/Row-class.html Row class - widgets library - Dart API A widget that displays its children in a horizontal array. To cause a child to expand to fill the available horizontal space, wrap the child in an Expanded widget. The Row widget does not scroll (and in general it is considered an er.. 2024. 3. 16.