본문 바로가기

프로그래밍177

[Flutter] AppBar Module appbar에 action 들을 추가하니 코드가 가독성이 떨어져 보여 모듈화해서 빌드해보았다. import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class AppBarArea extends StatelessWidget implements PreferredSizeWidget { final AppBar appBar; const AppBarArea({Key key, this.appBar}) : super(key: key); @override Widget build(BuildContext context) { return AppBar( backgroundColor: Colors.white, leading: Image.a.. 2022. 3. 10.
[Flutter] Splash 화면 pubspec.yaml dependencies: flutter_native_splash: ^1.1.8+4 projet_name\flutter_native_splash.yaml 생성 flutter_native_splash: image: assets/images/logo.png fullscreen: true 패키지 실행 (cmd 창) flutter pub run flutter_native_splash:create splash.dart class Splash extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Image.asset( "assets/images/log.. 2022. 3. 8.
[Flutter] 네이버 Maps API 사용하기 네이버 지도 api 사이트 바로가기 NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 위 링크를 통해 이동하면 아래와 같은 화면이 뜬다 여기서 중간에 보이는 [이용 신청하기] 버튼 클릭 그럼 다음과 같이 API 관련 페이지가 뜰 것이다. 물론, 로그인을 했다는 전제 하에. 스크롤을 내리다보면 맨 하단에 [ + Application 등록 ] 이라는 버튼이 보일 것이다. 클릭 약관 동의 약관 동의 후 Service 선택이 보일 것이다. 우선 뭐가 뭔지 모르니 Maps 를 체크해준다. 이.. 2022. 3. 8.
[Flutter] Google Map API 사용하기 하나하나 자세하게 알려주는 블로그가 없어 내가 직접 포스팅한다. 우선 Google Cloud Platform으로 이동하자! Google Cloud Platform 이동 Google Cloud Platform 하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요. accounts.google.com 그럼, 다음과 같이 상단에 Google Cloud Platform 옆 프로젝트 선택 스피너가 보일 것이다. 클릭하면 다음과 같이 프로젝트 선택 창이 뜬다 우측 상단 [새 프로젝트] 클릭 그럼 다음과 같이 프로젝트 이름 입력 란이 뜰 것이다. 아무렇게나 입력해도 상관 없는 듯 하다 입력 후 [만들기] 클릭 그럼 상단에 방금 만든 프로젝트 이름이 뜬 것을 확인할.. 2022. 2. 28.
[Flutter] Text, Icon, Image Text import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( home: Row( children: [ Text( 'Hey!', style: TextStyle( fontSize: 100, fontFamily: 'Futura', color: Colors.blue, ), ), Text( 'Hey!', style: TextStyle( fontSize: 30, fon.. 2022. 2. 16.
[Flutter] SizedBox, Spacer SizedBox 자식의 크기를 지정할 수 있다 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( home: Row( children: [ BlueBox(), SizedBox( width: 200, height: 150, child: BlueBox(), ), BlueBox() ], ), ); } } class BlueBox extends StatelessWi.. 2022. 2. 16.
[Flutter] Flexible, Expanded Flexible import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( home: Row( children: [ BlueBox(), Flexible( fit: FlexFit.loose, flex: 1, child: BlueBox(), ) ], ), ); } } class BlueBox extends StatelessWidget { @override Widget .. 2022. 2. 16.
[Flutter] Row, Column 오랜만에 다시 flutter를 하게 됐다... 생각이 하나도 안나서 기초부터 다시 학습하려 한다 ㅜ https://flutter-ko.dev/docs/codelabs/layout-basics Basic Flutter layout concepts A codelab that teaches basic Flutter layout concepts through DartPad examples and exercises. flutter-ko.dev Row 예제를 실행해보자 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root o.. 2022. 2. 16.
mac android studio 삭제 터미널에서 아래와 같이 명령어 실행 rm -Rf /Applications/Android\ Studio.app android studio 관련 환경 변수가 있다면 아래와 같이 명령어 실행 rm -Rf ~/Library/Preferences/AndroidStudio* plist 파일 삭제 rm -Rf ~/Library/Preferences/com.google.android.studio.plist rm -Rf ~/Library/Preferences/com.android.Emulator.plist gradle 관련 파일 삭제 rm -Rf ~/.gradle 2022. 1. 14.
[ANDROID] onvif ptz (2) 생각보다 onvif 쪽 게시글에 방문하시는 분들이 많은 것 같아 여러가지 지식을 공유하려 한다. 물론 안드로이드 jni 기준이다! 나는 안드로이드에 onvif 라이브러리를 아래 github에 있는 코드를 포팅했다. 아래 코드는 c코드로 되어있다. https://github.com/As772309423/onvif-server-with-rtsp/tree/a1545162ff9e12efcf303cf403cdc4e4ab90ecc8 GitHub - As772309423/onvif-server-with-rtsp: The main function of this project is onvif server-side device discovery and docking The main function of this proje.. 2022. 1. 14.

티스토리툴바