Flutter/기본

Flutter/기본

[Flutter] 개발 환경 세팅 - macOS

1.  Xcode 설치하기 App Store에서 Xcode를 설치해 주세요.   2. Flutter SDK 설치하기 https://docs.flutter.dev/get-started/install/macos Choose your first type of appConfigure your system to develop Flutter on macOS.docs.flutter.dev 설치하려는 Flutter_SDK 버전을 찾아서 본인의 mac칩에 따라 SDK를 설치해 주세요.    3.  SDK 압축 해제  SDK를 설치했으면 위와 같이 압축파일이 생성됩니다. 해당 압축파일을 Command + Option + C를 해서 파일 위치 복사를 합니다. 터미널에서 아래와 같이 코드를 입력해 원하는 위치에 압축해제를 진..

Flutter/기본

[Flutter] 해피톡(HappyTalk) 서비스 레퍼런스

https://www.happytalk.io/ 해피톡|고객 상담을 더 잘하게업무자동화 챗봇과 채팅상담으로 고객경험을 혁신하는 비대면 고객상담솔루션, 카카오 상담톡 공식 1위 해피톡입니다. 20,000여 고객사와 함께합니다.happytalk.io 채팅상담 솔루션 해피톡을 Flutter에서 적용하는 간단 예제 레퍼런스 남깁니다. Serviceimport 'dart:io';import 'package:flutter/material.dart' as material;import 'package:flutter/foundation.dart';import 'package:image/image.dart';import 'package:path_provider/path_provider.dart';import 'package..

Flutter/기본

[Flutter] 정규식 모음 (TextField 적용가능)

정규식 모음 숫자 1~3자리 (1, 12, 123)선택적으로 소수점 및 소수점 뒤의 숫자 최대 1자리 (1., 12., 123., 1.1, 12.1, 123.1)신장, 몸무게 입력 받는데 사용하면 좋음.RegExp(r'^\d{1,3}(\.\d?)?') 1, 12, 123: 허용됨1234: 허용되지 않음 (숫자가 3자리를 초과함)1., 12., 123.: 허용됨 (소수점 뒤에 숫자가 없을 수도 있음)1.1, 12.1, 123.1: 허용됨123.12: 허용되지 않음 (소수점 뒤에 숫자가 1개를 초과함) 숫자만 받는 정규식RegExp(r'^\d*') 허용되는 입력: 123, 4567, 890허용되지 않는 입력: 123a, 45.67, #890   이메일 정규식RegExp(r'^[a-zA-Z0-9._%+-]+@..

Flutter/기본

[Flutter] IOS App Tracking Transparency 요청

App Tracking Transparency(ATT)는 iOS 14.5, iPadOS 14.5, tvOS 14.5부터 도입된 Apple의 프레임워크로, 앱 개발자가 사용자의 동의 없이 앱 사용 데이터를 추적하거나 타사와 공유하는 것을 제한합니다. ATT는 사용자에게 개인 정보 보호에 대한 더 많은 제어 권한을 제공하며, 앱 개발자는 사용자의 명시적 동의를 얻어야 앱 사용 데이터를 추적하거나 광고 타겟팅에 활용할 수 있습니다. 사용자를 추적하기 위해 데이터를 수집하는 앱은 App Tracking Transparency를 사용하여 사용자 활동을 추적하기 전에 사용자의 허가를 요청하지 않으면 IOS 앱 심사가 실패 됩니다.  1.  패키지 설치https://pub.dev/packages/permission_..

Flutter/기본

[Flutter] Ios Cupertino DatePicker

void showDatePicker( BuildContext context, ) { showCupertinoDialog( context: context, builder: (context) { DateTime currentDateTime = DateFormat('yyyy-MM-dd').parse( "2000-01-01", ); return Align( alignment: Alignment.center, child: Container( color: Colors.white, height: 300, child: CupertinoDatePi..

Flutter/기본

[Flutter] Isolate 설명과 사용방법

IsolateIsolate는 Dart의 고급 기능 중 하나로, 단일 스레드로 실행되는 Dart 환경에서 병렬 작업을 수행할 수 있도록 도와줍니다. 이를 통해 복잡한 계산이나 I/O 작업을 별도의 스레드에서 처리하여 메인 스레드의 응답성을 유지할 수 있습니다.   Isolate 왜 필요해?대부분의 Flutter 작업에서는 Isolate가 필요하지 않을 수도 있습니다. 하지만 복잡한 계산이나 오랜 시간이 걸리는 작업을 수행할 때, Dart는 단일 스레드로 동작하기 때문에 다른 작업을 할 수 없는 상황이 발생할 수 있습니다. 이러한 상황에서는 앱이 멈춘 것처럼 느껴져 사용성을 해칠 수 있습니다. 이런 경우 Isolate를 사용하면 메인 스레드의 응답성을 유지하면서도 복잡한 작업을 처리할 수 있습니다.   위와..

Flutter/기본

[Flutter] 세 자리마다 쉼표가 있는 TextField 구현하기

https://pub.dev/packages/intl intl | Dart packageContains code to deal with internationalized/localized messages, date and number formatting and parsing, bi-directional text, and other internationalization issues.pub.dev앱의 텍스트, 날짜, 숫자 등의 Format을 도와주는 intl 패키지를 설치합니다.   import 'package:flutter/services.dart';import 'package:intl/intl.dart';class CommaTextInputFormatter extends TextInputFormatter ..

Flutter/기본

[Flutter] 특수상황의 DateTime UTC -> UTC 변환

외부에서 UTC 시간을 받아와서 사용할 때 일반적으로 ISO8601 형식으로 주지만 때때로는"2023-08-08T06:06:29" 이렇게 Z가 붙지 않거나 "2023-08-08 06:06:29" 이런식으로 받아오는 경우가 있습니다. 이런 시간을 toUtc()를 해서 Utc시간으로 바꾸게 된다면 사용 국가 표준시 만큼 추가로 계산됩니다.예로 들어 한국은 UTC+9 한국 표준시를 가지고 있기 때문에 "2023-08-08T06:06:29" 해당 DateTime을 toUtc()하게 된다면 2023-08-07 21:06:29.000Z 이렇게 바뀌는 현상이 생깁니다. 받아온 UTC시간을 그대로 UTC로 변환하려면 아래 코드를 이용하면 됩니다.Z가 붙으면 dart에서는 UTC시간으로 인식합니다. DateTime pa..

주톨
'Flutter/기본' 카테고리의 글 목록