Flutter (12) 썸네일형 리스트형 jsp모바일 전용 화면 만드는법 일단 해더에 이거 박고 시작한다 Flutter WebSocket 알림(Firebase 이용) 1. 플러터프로젝트와 파이어베이스 연동 했다는 가정하에 시작(유튜브에 많음) https://firebase.google.com/docs/cloud-messaging/migrate-v1?hl=ko&authuser=0 기존 HTTP에서 HTTP v1로 마이그레이션 | Firebase Documentation 의견 보내기 기존 HTTP에서 HTTP v1로 마이그레이션 FCM의 기존 HTTP API를 사용하는 앱은 이 가이드의 안내에 따라 HTTP v1 API로 마이그레이션해야 합니다. HTTP v1 API는 기존 API에 비해 다음과 같은 장점 firebase.google.com 공식문서는 위 링크 참고 이방식으로 시작 새 비공개키 ㄱㄱ 메이븐 2개필요 com.google.firebase https://fir.. 카카오 로그인 연동 $ flutter pub add kakao_flutter_sdk_user https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com kakao_login import 'package:kakao/social_login.dart'; import 'package:kakao_flutter_sdk_user/kakao_flutter_sdk_user.dart'; class KakaoLogin implements SocialLogin { @override Future login() async { try { bool i.. Flutter EdgeInsets https://negabaro.github.io/archive/flutter-painting-EdgeInsets Flutter EdgeInsets란? negabaro.github.io 컨테이너 알아보기 // ignore_for_file: deprecated_member_use import 'package:flutter/material.dart'; void main() => runApp(const MyApp()); class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return const MaterialApp( //빨간띠 삭제 debugShowCheckedModeBanner: false, title: 'TestApp', home: MyPage(), ); } } class MyPage extends StatelessWidget { .. 스낵바(Snack bar) 만들기 // ignore_for_file: deprecated_member_use import 'package:flutter/material.dart'; void main() => runApp(const MyApp()); class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return const MaterialApp( //빨간띠 삭제 debugShowCheckedModeBanner: false, title: 'TestApp', home: MyPage(), ); } } class MyPage extends StatelessWidget { .. 간단한 화면 만들기(플러터 이미지 불러오기) 파일의 주석해제해서 이미지 연결 // ignore_for_file: prefer_const_constructors, prefer_const_literals_to_create_immutables import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( //앱바의 빨간띠 삭제 debugShowCheckedModeBanner: false, title: 'TestApp', home.. 키워드 정리 Widget이란? 앱화면에서 보여지는 모든것을 말한다. (레이아웃, 시스템) Stateless Widgets: 상대가 없는 정적인 위젯 스크린상에 존재만 할 뿐 아무것도 하지않음 어떠한 실시간 데이터도 저장하지않음 어떤 변화(모양, 상태)를 유발시키는 value값을 가지지 않음 Stateful Widgets : 계속 움직임이나 변화가 있는 위젯 사용자의 행동에 따라서 모양이 바뀜 데이터를 받게 되었을때 모양이 바뀜 Flutter Widget tree Widget들은 tree구조로 정리죔 한 Widget내에 얼마든지 다른 Widget들이 포함됨 =Widget운 부모 위젯과 자식 위젯으로 구성되어 있음 부모위젯을 Widget을 내포한다는 의미로 Widget container 라고 부르기도 함 더보기 //1 .. 프로젝트 생성 1. 명령 팔레트 선택 2. Flutter을 검색해 프로젝트생성 3.Application선택 4.폴더선택 5. 프로젝트이름을 작성후 엔터 클릭(소문자로만 작성해야함) 6. 요렇게 나온다 이게뭐람2 7.fluttrt:select Device를 검색한다 8.안드로이드 스튜디오에서 생성한 에뮬레이터를 선택후 실행한다. 9.F5키를 누르면 에뮬레이터하고 코드하고 연결된다. Flutter doctor로 실행환경 점검 Flutter doctor란? Flutter개발 환경이 제대로 셋팅 되어있는지 확인하는 명령어 1. 명령 프롬프트 에서 Flutter doctor 작성후 엔터 2. 문제들이 나왔다 하나씩 해결해보자. 2-1. cmdline-tools component is missing 2-1-1. SDK Manager 선택 2-1-2. Android SDK Connand-line Tools가 설치 되어있는지 확인후 다운로드(난 다운이 안되어있었다.) 2-1-3. 명령 프롬프트 에서 Flutter doctor 작성후 엔터클릭후 다시 확인 오류는 사라졌지만 라이센스를 획득하지 않았다고 나온다. 2-1-4. 명령 프롬프트 에서 flutter doctor --android-licenses 작성후 엔터 그리고 물어보는말에 Y치.. 이전 1 2 다음
