recoding;

Firebase를 이용한 Messaging 구현하기1. FCM(Firebase Clous Messaging)의 이해1. 푸시 알림(push notification)의 다양한 사용이메일 도착을 알리기 위해 처음 시작정보 제공의 기능을 넘어 강력한 마케팅 도구로 주목받음이벤트, 쿠폰, 신상품, 메시지 등 앱의 새로운 소식을 실시간으로 알림앱의 참여율이나 매출을 높일 수 있음2. FCM(Firebase Cloud Messaging) 서비스란?Firebase에서 제공하는 푸시 알림 서비스FCM의 SDK를 이용해 앱에서 푸시 알림을 받을 수 있게 구현Firebase에 푸시 알림을 등록하면 사용자의 기기에 전송2. Firebase를 이용한 Messaging 구현1. Messaging 패키지 추가pubspec.yam..

Firebase를 이용한 Analytics 구현하기1. Firebase 설정하기1. Firebase 이해하기Firebase :모바일 앱이나 웹 애플리케이션을 개발하고 운용할 때 사용할 수 있는 여러가지 서비스를 제공하는 클라우드 플랫폼서버리스(severless)앱을 개발하고 운용할 수 있음일정 용량까지는 무료로 이용할 수 있어서 학습용으로도 적절2. Firebase에 새로운 프로젝트 만들기https://firebase.google.com/?hl=ko Firebase | Google's Mobile and Web App Development Platform개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요.fireb..

서브페이지 구현하기1. 서브페이지 구현 이해하기1. 내비게이션 기능의 필요성한 페이지로 만들기 => 페이지 이동이 필요 없으므로 내비게이션이 필요 없음여러 페이지로 만들기 => 버튼 동작, 페이지 이동을 고려하여 내비게이션 설계 필요2. 서브페이지 구현 절차1. 첫번째 페이지 만들기새로운 플러터 프로젝트 만들기 -> main.dart 파일에 다음과 같은 코드 작성2. 두번째 페이지 만들기_FirstPage 클래스에 만든 플로팅 버튼을 눌렀을 때 호출되는 onPressed 이벤트 처리 함수 작성.Navigator 는 스택을 이용해 페이지를 관리할 때 사용하는 클래스이다.Navigator 클래스의 of 함수는 현재 페이지를 나타내고, push함수는 스택에 페이지를 쌓는 역할을 한다.따라서 화면에 보이는 코드..

TabBar를 이용한 페이지 분기처리1. lib/sub/firstPage.dart 파일 생성 TabBar_example이라는 이름으로 새로운 플러터 프로젝트 생성 -> lib 폴더 아래에 sub 폴더를 추가한 후 firstPage.dart파일을 만듦 2. lib/sub/firstPage.dart 파일 작성import 'package:flutter/material.dart';class FirstApp extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Container( child: Center( child: Text('첫 번째 페이지'), ..

이미지 위젯 사용하기1. 프로젝트에 이미지 추가하기기존 안드로이드나 스위프트 앱 => 프로젝트에 이미지 추가 -> 바로 사용플러터앱 => 프로젝트에 이미지 추가 -> pubspec.yaml 파일에 이미지 정보 추가 -> 사용2. pubspec.yaml 파일 수정3. lib/imageWidget.dart 파일 수정image.asset 형태로 호출 4. 이미지 크기 조절fit: 앱의 배경이나 이미지를 정해진 공간에 적절히 배치해야 할 때 응용 가능Boxfit.fill : width, height를 가득 채워서 그린다.Boxfit.contain : 이미지가 잘리지 않고 비율이 변하지 않는 범위에서 가능한 한 크게 그린다.Boxfit.cover : 비율을 유지한 채 지정한 범위를 모두 덮도록 그린다. 이미지가 ..

유튜브 Flutter officialhttps://www.youtube.com/@flutterdev/featured FlutterWelcome to the official Flutter YouTube channel. Subscribe to stay up to date with best practices about the Flutter SDK. See real code examples, and watch engineers from around the world putting Flutter to work!www.youtube.com Text 표시하기1.폴더 살펴보기lib : 플러터 앱 개발을 위한 다트 파일플러터 SDK 설치 필요main.dart 파일이 있음android : 안드로이드 프로젝트 관련 파일안드..

다트의 특징과 기본 문법1. 다트의 특징1. main() 함수로 시작2. 어디에서나 변수 선언 및 사용 가능3. 모든 변수가 객체 형태인 언어4. 자료형이 엄격한 언어이러한 문제에서 자유로움! 형 변환이 자유로운 변수를 사용하기 위해서는 dynamic타입을 선언하여 코드를 작성함 5. 제네릭 타입을 이용하여 개발 가능한 언어제너릭 타입을 이용하면 컴파일 시 데이터 형식을 지정할 수 있기 때문에 에러를 미연에 방지할 수 있음 List 처럼 int형을 넣을 수도 있고,List처럼 다양한 데이터를 넣을 수도 있음 6. 키워드가 없는 언어=> public, protected같은 접두어를 이용하지 않는다7. 다트의 변수, 함수 시작의 특징8. 널 세이프티(Null safety)를 지원하는 언어2. 다트의 기본 문..

플러터의 등장하나의 소스로 같은 앱을 개발 => 하이브리드 앱플러터의 구조플러터의 장점1. 높은 개발 효율안드로이드와 iOS앱을 동시에 개발 가능모든 운영체제에서 같은 사용자 인터페이스와 사용자 경험을 제공플러터의 핫 리로드(Hot Reload) 기능 => 소스 수정 후 번거로운 빌드 과정 없이 결과 화면을 표시하여 개발 시간 단축 가능2. 다양한 위젯 및 인터페이스사용자 맞춤형 앱 개발 가능선과 도형으로 직접 그려 만들기 가능강력한 애니메이션 기능 제공 => 복잡한 계산식 없이도 만족스러운 사용자 경험을 제공위젯 활용 시, iOS에서 구글의 머터리얼 디자인이 적용된 앱 제작 또는 안드로이드에서 iOS스타일 앱 개발 가능3. 네이티브와 비슷한 빠른 속도전체 화면을 그릴 때 스키아(skia) 엔진 이용네이..