본문 바로가기

프로그래밍/Flutter-Dart76

[Flutter] 카카오톡 공유 카카오톡 공유하기 버튼을 누르면 정해진 메세지를 선택한 친구한테 보낼 수 있는 기능을 구현해보았다! Flutter 카카오톡 공유하기 기능 kakao developers 내 어플리케이션 등록 및 설정 기능을 구현할 어플리케이션을 등록하는 과정은 생략하겠다. 궁금하다면 아래 포스팅에 자세하게 설명되어 있으니 참고 바람! https://cording-cossk3.tistory.com/208 [Flutter] Kakao Map api 사용하기 카카오 developer 사이트 바로가기 카카오계정 accounts.kakao.com [ + 애플리케이션 추가하기] 클릭 앱 이름, 사업자명 입력 후 저장 그럼 다음과 같이 리스트에 애플리케이션이 추가된 것을 확인 가능. cording-cossk3.tistory.com 등.. 2024. 4. 4.
[Flutter] Github를 이용하여 universal link, deep link 구현해보기 QR코드를 인식해서 앱이 설치되어 있으면 앱의 특정 페이지로, 설치되어있지 않으면 설치 페이지로 이동하기 위해 deep link에 대해 알아봤다. 제일 많이 사용하는 Firebase Dynamic link로 구현하려고 했지만, 2025년 8월 25일 부로 서비스가 종료된다고 해서 사용해도 나중가서 마이그레이션을 해야 하는 상황이 오면 또 이것저것 찾아보느라 시간 낭비할 것 같아서 Github를 이용하여 universal link, deep link를 구현해보았다. 다시 까먹지 않기 위해 포스팅을 쓴다. Android deep link project_name/android/app/src/main/AndroidManifest.xml Github로 웹호스팅을 할거니까 host 속성 값으로 user_name.g.. 2024. 3. 7.
[Flutter] Validation Pattern Validation Pattern 앱을 개발하다보면, 회원가입 페이지에서 유효성 검사가 필요할 때가 있다. 아이디, 비밀번호, 이메일, 전화번호 등.. 조건에 맞게 입력이 되었는지, 양식이 맞게 입력이 되었는지 검사가 필요하다. 이럴 때 사용하기 위한 validation pattern 들이 있다. id pattern 아래는 영문(소문자, 대문자), 숫자로 이루어진 n ~ m 자릿수의 아이디 유효성 검사 패턴이다. ※ 여기서 n, m은 숫자를 기입해줘야 한다. ^[a-zA-Z0-9]{n,m}$ email pattern 아래는 이메일 유효성 검사 패턴이다. ^[a-zA-Z0-9.a-zA-Z0-9.!#$%&'*+-/=?^_`{|}~]+@[a-zA-Z0-9-.]+\.[a-zA-Z]+ phone pattern 아.. 2024. 1. 29.
[Flutter] record type record 최소 3.0 버전 이상이 사용할 수 있는 record type에 대해 알아보려고 한다. 나는 회사 프로젝트 때문에 dart 2.19.6 버전을 사용중이라.. 대신 dartpad를 이용해서 사용해보았다. record syntex record는 소괄호로 묶인 named 필드 또는 positional 필드의 쉼표로 구분된 목록이다. var record = ('first', a: 2, b: true, 'last'); record type annotation은 괄호 안에 쉼표로 구분된 type list이다. 이를 사용해서 반환 타입과 매개변수 타입을 정의할 수 있다. (int, int) swap((int, int) record) { var (a, b) = record; return (b, a); } .. 2024. 1. 25.
[Flutter] metadata Contents metadata 메타데이터 주석은 @ 문자로 시작하고 그 뒤에 컴파일 타임 상수(예: deprecated)에 대한 참조 또는 상수 생성자에 대한 호출이 온다. Dart에서의 메타데이터 주석은 @Deprecated, @deprecated, @override, @pragma 4가지가 있다. @Deprecated class Television { /// Use [turnOn] to turn the power on instead. @Deprecated('Use turnOn instead') void activate() { turnOn(); } /// Turns the TV's power on. void turnOn() {...} // ··· } 커스텀 어노테이션 class Todo { final.. 2024. 1. 25.
[Flutter] Firebase Cloud Messaging 사용 방법 초기 설정은 다 되어있다는 전제 하에 flutter 프로젝트 firebase 코드 설정 부분 및 예제, 이슈 등을 정리해 보려고 한다. Contents Flutter FCM 사용 방법 Android FCM Setting 1. Firebase 사이트 > 등록한 프로젝트 > 프로젝트 설정 > 일반 > 하단에 내가 등록한 Android 앱 선택 > SDK 설정 및 구성 > google-services.json 다운로드 > Flutter 프로젝트\android\app 폴더에 넣기 2. Flutter 프로젝트\android\app\build.gradle 안에 다음과 같이 코드 작성 dependencies { ... implementation platform('com.google.firebase:firebase-b.. 2023. 3. 3.
[Flutter] 지도 API 비교 및 사용 방법 목차 지도 API 소개 무료 지도 API 비교 Flutter에서 지도 API 사용법 지도 API 사이트 바로가기 지도 API 소개 TMAP API 주요 기능 목적지 통합 검색 출발 시간 / 도착 시간 예측 지오코딩 실시간 교통 정보 멀티터치를 통해 지도 보기 음성 목적지 검색 이동한 도로 찾기 등 비용 서비스에 적합한 합리적인 요금제 선택 가능 무료 / Lite (월 2,200,000원) / Premium (사용 건 별로 후불 청구) API 그룹 API 요금제 Free Lite Premium POI 검색 20,000 건/일 50,000 건/일 1.1 원/건 지오코딩 20,000 건/일 50,000 건/일 0.55 원/건 지오펜싱 1,000 건/일 10,000 건/일 5.5 원/건 교통정보 1,000 건/.. 2023. 1. 8.
Flutter 필수 패키지 - Flutter에서 가장 많이 사용하는 패키지 Flutter를 한 번이라도 사용해본 적이 있는 개발자라면, pub.dev 사이트를 알 것이다. pub.dev란 Flutter에서 사용 가능한 패키지들을 모아 놓은 공식 패키지 저장소이다. 이 저장소에 있는 패키지들 중 엄청 유용하고 편리하게 사용할 수 있는, Flutter 개발자들이 가장 많이 사용하고 선호하는 패키지들을 몇 가지 소개해보려한다. provider 상속 위젯을 더 쉽게 사용하고 재사용할 수 있도록 만들어진 Wrapper 패키지 이다. 리소스의 간단한 할당과 해제 지연 로딩 (lazy-loading) 클래스 새로 생성할 때의 감소되는 상용구 devtool 친화적 : Provider를 사용하면 Application State가 Flutter devtool에 표시됨 복잡성이 기하급수적으로 증가.. 2023. 1. 6.
플러터(Flutter)와 리액트(React) 중 어떤 플랫폼이 좋을까? 모바일 앱의 인기가 많아지면서 모바일 크로스 플랫폼 프레임워크가 인기를 얻고 있다. 그 중 제일 인기있는 리액트 네이티브 (React Native) 와 플러터 (Flutter) Flutter에 대해 정리해보려고 한다. 최근 몇 년 동안 많은 기업들이 네이티브 앱 개발에서 크로스 플랫폼 앱 개발로 많이 전환하고 있다. 그 이유는 시간과 비용을 절감할 수 있다는 큰 장점 때문이다. 그로 인해 크로스 플랫폼 모바일 개발 속도가 꾸준히 증가하고 있다. 네이티브앱 Android와 iOS 각 모바일 OS 기반의 API로 개발하는 앱을 말한다. Android 앱의 경우 Java와 Kotlin 및 Google Android SDK를 사용하고, iOS 앱의 경우 Swift와 Objective-C 및 Apple iOS S.. 2023. 1. 5.
[Flutter] Google Map API Release 시 뜨지 않는 이슈 이런... 오전부터 개삽질했다. https://cording-cossk3.tistory.com/198 [Flutter] Google Map API 사용하기 하나하나 자세하게 알려주는 블로그가 없어 내가 직접 포스팅한다. 우선 Google Cloud Platform으로 이동하자! Google Cloud Platform 이동 Google Cloud Platform 하나의 계정으로 모든 Google 서비스를 Google Cloud Pla cording-cossk3.tistory.com 위 포스팅을 따라서 google map api를 사용하게 되면 디버깅 모드에서는 잘 빌드되고, 맵도 잘 나올 것이다. 근데 flutter run --release 위처럼 release로 실행하게되면 회색 화면이 뜨면서 맵이 로드.. 2022. 12. 19.

티스토리툴바