반응형 개발/Flutter32 Flutter 플러터 Rest Api 호출 통신 간단 구현 코드 작성 import 'package:flutter/material.dart'; import 'package:http/http.dart' as http; import 'dart:convert'; void main() { runApp(MyApp()); } class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState(); } class _MyAppState extends State { // API에서 가져온 데이터를 저장할 리스트 List _data = []; // API를 호출하여 데이터를 가져오는 함수 Future fetchData() async { final response = await http.get(.. 2024. 3. 16. Flutter 플러터 Textfield 사용법 간단 구현 코드 작성 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'TextField 예제', theme: ThemeData( primarySwatch: Colors.blue, ), home: TextFieldExample(), ); } } class TextFieldExample extends StatefulWidget { @override _TextFieldExampleState createState() => _TextFieldE.. 2024. 3. 15. Flutter 플러터 음악 앱 만들기 Music 코드 작성 import 'package:flutter/material.dart'; void main() { runApp(MyMusicApp()); } class MyMusicApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: '나의 음악 앱', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: MusicPlayerPage(), ); } } class MusicPlayerPage extends StatefulWidget { @ove.. 2024. 3. 15. Flutter 플러터 날씨 앱 간단 구현 Weather 코드 작성 import 'package:flutter/material.dart'; import 'package:http/http.dart' as http; import 'dart:convert'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Weather App', theme: ThemeData( primarySwatch: Colors.blue, ), home: WeatherPage(), ); } } class WeatherPage extends StatefulWidget { @overrid.. 2024. 3. 15. 플러터 Flutter 스크롤 뷰 간단 구현 Scroll View 코드 작성 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: MyScrollableView(), ); } } class MyScrollableView extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Flutter Scroll View Example'), ), body:.. 2023. 11. 28. 플러터 Flutter 스톱워치 간단 구현 Stopwatch 코드 작성 import 'package:flutter/material.dart'; import 'dart:async'; void main() => runApp(StopwatchApp()); class StopwatchApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Stopwatch App', theme: ThemeData(primarySwatch: Colors.blue), home: StopwatchHomePage(), ); } } class StopwatchHomePage extends StatefulWidget { @override _StopwatchHomePag.. 2023. 5. 30. 플러터 Flutter run : arch -x86_64 sudo gem install ffi 에러 에러 종류 Error : To set up CocoaPods for ARM macOS, run : arch -x86_64 sudo gem install ffi 터미널 입력 sudo gem uninstall ffi && sudo gem install ffi -- --enable-libffi-allo 2023. 4. 1. 플러터 Flutter Cannot find xcode build 에러가 뜰경우 에러 내용 Flutter Cannot find xcode build 해결 방법 터미널 입력 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 2023. 4. 1. 플러터 Flutter 콘솔 유용한 명령어 모음 VSCode Console 플러터 Flutter 콘솔 유용한 명령어 모음 flutter run 연결된 장치 또는 에뮬레이터에서 현재 Flutter 프로젝트를 빌드하고 실행합니다. flutter build Android 또는 iOS와 같은 특정 플랫폼용으로 현재 Flutter 프로젝트를 빌드합니다. flutter doctor Flutter로 개발하기 위한 시스템 요구 사항을 확인하고 수정해야 할 문제를 보고합니다. flutter packages get pubspec.yaml 파일에 지정된 종속 항목을 가져와서 설치합니다. flutter create 새로운 Flutter 프로젝트를 생성합니다. flutter clean 이전 빌드의 출력을 포함하는 빌드 디렉토리를 삭제합니다. flutter pub run 패키지 종속성에서 명령을 실행합.. 2023. 3. 31. 플러터 Flutter 테마 Theme 변경하기 간단 구현 코드 작성 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData( brightness: Brightness.dark, primaryColor: Colors.blueGrey[800], accentColor: Colors.blueAccent, fontFamily: 'Montserrat', ), home: MyHomePage(), ); } } 2023. 3. 31. 플러터 Flutter 구글 애드몹 Google Admob 전면 광고 간단 구현 패키지 정보 google_mobile_ads | Flutter Package Flutter plugin for Google Mobile Ads, supporting banner, interstitial (full-screen), rewarded and native ads pub.dev 터미널 설치 $ flutter pub add google_mobile_ads 안드로이드 설정 android / app / src / main / AndroidManifest.xml 아이폰 설정 ios / Runner / Info.plist GADApplicationIdentifier ca-app-pub-################~########## main.dart 설정 (초기화) void main() async { M.. 2023. 3. 31. 플러터 Flutter 뒤로가기 2번 앱 종료 간단 구현 코드 작성 import 'package:flutter/material.dart'; import 'dart:async'; class HomePage extends StatefulWidget { const HomePage({Key? key}) : super(key: key); @override State createState() => _HomePageState(); } class _HomePageState extends State { late DateTime _lastPressedAt; @override Widget build(BuildContext context) { return WillPopScope( onWillPop: () async { final now = DateTime.now(); if (now.. 2023. 3. 28. 이전 1 2 3 다음 반응형
