Flutter/기본

Flutter/기본

[Flutter] Cursor로 간단하게 개발하기

https://jutole.tistory.com/162 [Flutter] Cursor로 프로젝트 세팅하기안녕하세요. 이번에는 현재 매우 각광받고 있는 Cursor를 사용해서 Flutter 프로젝트를 세팅 해보도록 하겠습니다.     Cursor?Cursor는 AI와 협업을 중심으로 설계된 통합 개발 환경(IDE)으로, jutole.tistory.com 지난 글에서 Cursor Ide로 프로젝트 세팅을 끝냈습니다. 이번에는 Cursor의 기능을 이용해서 직접 개발을 해보겠습니다.   Accept a tabmain.dart의 모든 코드를 지우고 시작해 보겠습니다.  해당 파일에 Flutter 프로젝트의 시작 코드인 void main()을 작성하면, 옅은 회색으로 미리 완성된 코드가 보입니다. 이는 AI가 이..

Flutter/기본

[Flutter] Cursor로 프로젝트 세팅하기

안녕하세요. 이번에는 현재 매우 각광받고 있는 Cursor를 사용해서 Flutter 프로젝트를 세팅 해보도록 하겠습니다.     Cursor?Cursor는 AI와 협업을 중심으로 설계된 통합 개발 환경(IDE)으로, 코드 작성, 디버깅, 수정 등 다양한 개발 작업을 AI의 도움으로 효율화할 수 있는 툴이다. 다양한 AI 모델을 지원하여 개발자들에게 혁신적인 개발 경험을 제공한다.   설치https://www.cursor.com/ Cursor - The AI Code EditorBuilt to make you extraordinarily productive, Cursor is the best way to code with AI.www.cursor.com 해당 사이트 접속 후 설치하시면 됩니다. 별다른 어려..

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/기본' 카테고리의 글 목록