코딩항해기

flutter에는 webview가 두 가지 있는데 그냥 webview는 공식에서 관리하는 대신 기능이 적고 inappwebview는 서드파티앱인 대신 기능이 상대적으로 많은 webview이다. 처음에는 webview를 사용했는데 http status를 받아와서 404나 500처리를 하려니 쉽지 않아서 inappwebview로 전환했다.뭔가 코드 구조도 좀 더 간결한 느낌...! import 'package:flutter/material.dart';import 'package:flutter_inappwebview/flutter_inappwebview.dart'; // InAppWebView 패키지 가져오기void main() { runApp(const Webview()); // 앱 실행}class Web..

다트 Dart구글이 멀티 플랫폼 상에서 동작되도록 하는 앱을 위해 디자인된 객체지향 프로그래밍 언어이다. 2011년 10월 공개되었으며, C언어와 유사한 문법을 가지고 있고, Java, C#, JS와 같은 기능적 스트럭쳐를 추가한 언어라서 간결하고 강력한 기능을 지원한다. Dart는 DVM(Dart VM)상에서 동작하거나 네이티브 컴파일링을 통해 모바일, 데스크톱, 웹 브라우저, 서버 플랫폼 상에서 어플리케이션 실행을 지원한다. 구글에서 2017년 발표한 크로스플랫폼 앱 프레임워크인 Flutter가 사용하는 언어이다. Android Studio, Intellij, VS Code 등에서 사용할 수 있다. (IDE) Dart 자료형기본 자료형int정수형42, -1, 0double부동 소수점3.14, -0.5..

앱 내에서 웹페이지 띄우기 (WebView 활용) dependenciesdependencies: flutter: sdk: flutter cupertino_icons: ^1.0.8 #WebView 의존 추가 webview_flutter: ^4.12.0 dart codeimport 'package:flutter/material.dart';import 'package:webview_flutter/webview_flutter.dart'; //webviewvoid main() { runApp(const Webview());}class Webview extends StatelessWidget { const Webview({super.key}); @override Widget build(Buil..

[Tip] 인텔리제이 intellij 단축키 (window)https://resources.jetbrains.com/storage/products/intellij-idea/docs/IntelliJIDEA_ReferenceCard.pdfhttps://www.jetbrains.com/help/idea/mastering-keyboard-shortcuts.html# IntelliJ IDEA keyboard shortcuts | IntelliJ IDEA www.jetbrains.com https://disquiet.io/minibcake.tistory.com (설정 탭 : File - Settings (Ctrl+alt+S))인텔리제이 설정에는 IDE 설정과 Project 설정이 있음 (구분되는 설정은 상단에 설정..

flutter는 의존 버전을 확인하고 업그레이드 할 수 있는 기능을 제공한다. 1. 버전 확인flutter pub outdated 터미널에 해당 명령어를 입력하면 현재 주입된 dependency의 버전을 체크해 알려준다. 2. 업데이트버전 업데이트가 필요할 경우 하단의 명령어를 터미널에 입력한다.flutter pub upgrade 3. pub getpub이 변경되었으니 반영해준다.flutter pub get

Flutter에서 pubspec.yaml에서 dependencies를 보면 두 가지가 있는 것을 볼 수 있다. # Dependencies specify other packages that your package needs in order to work.# (의존성은 현재 패키지가 작동하기 위해 필요한 외부 패키지들을 명시합니다.)# To automatically upgrade your package dependencies to the latest versions# consider running `flutter pub upgrade --major-versions`.# (패키지 의존성을 최신 버전으로 자동 업데이트하려면 `flutter pub upgrade --major-versions` 명령을 실행하세요...

Container( width: double.infinity, height: 300, color: Colors.white, margin: EdgeInsets.all(20), decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10))), child: const Text('1', textAlign: TextAlign.center),), borderRadius 주는 방법을 찾아보기 전에 여러가지 시도하다가 decoration과 color가 겹쳐서 생긴 문제이다. flutter 경고는 너무 살벌하게 뜨는 것 같다... ㄷㄷ... 아무튼 color와 decoration은 동시에 사용할 수 없고, decoration을 사용할..

Unable to load asset: "assets/test.png",The asset does not exist or has empty data Image.asset() 위젯을 사용하니 이미지 위치에 해당 문구가 떴다. Image.asset()을 사용하기 위해서는 먼저 해당 경로에 파일이 있어야 하며, pubspec.yaml 파일에 assets가 정의되어있어야한다. 근데 파일도 잘 있고, 정의도 해놔서... 원인을 알기 어려웠는데 pub get이 제대로 안되면 그럴 수도 있다고 해서 pub get도 다시 해봤는데 되지 않아 그냥 IDE 다시 껐다가 켜니까 정상적으로 로딩 되는 것을 확인할 수 있었다.. ㅠㅠ

import 'package:flutter/material.dart';void main() { runApp(const MyApp()); //MyApp class 실행}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( //상단 바(appBar), 메인(body), 하단 바(bottomNavigationBar) 3개로 분할해주는 위젯 appBar: AppBar( title: Text('제목 테스트', style: TextStyle(fontWeight: FontWei..

1. Flutter SDK 관련 명령어flutter channelFlutter 채널(버전 트랙) 목록 확인 및 변경flutter configFlutter 설정 구성flutter doctor개발 환경 점검 및 문제 진단flutter upgradeFlutter SDK 최신 버전으로 업데이트flutter downgradeFlutter SDK 이전 버전으로 다운그레이드flutter precacheFlutter 도구가 필요한 바이너리 캐시 미리 받기flutter bash-completion쉘 자동완성 스크립트 출력 2. 프로젝트 관련 명령어flutter create 새 Flutter 프로젝트 생성flutter run [옵션]연결된 디바이스나 에뮬레이터에서 앱 실행flutter build 앱 빌드 (apk, io..