[Flutter] Architectural layers 알아보기

2023-12-19 1. Concept 플러터는 확장 가능한 레이어 시스템으로 구성되어 있다. 이는 플러터의 레이어가 각각의 독립적인 라이브러리 형태로 존재하고 이는 자신이 속해 있는 레이어에 의존하고 있다고 볼 수 있다. 또한 해당 레이어들은 하위에 레이어 직접적인 접근권한을 가지고 있지 않으며, 모든 프레임워크 레벨들은 옵션적이거나 교체 가능하게 디자인되어 있다. 플러터는 기본적으로 어떠한 native application(ios, android) 에서든지 문제없이 동작할 수 있도록 패키징되어 시스템위에서 동작하게 된다. 2. Embedder Layer 우리가 처음 flutter 프로젝트를 생성할때 Embedder level 에서 다양한 플랫폼에 대한 Embedder 레이어가 Flutter에서 즉시 ..

• format_list_bulleted App/Flutter
• · 2023. 12. 19.
• textsms

[Flutter] vscode 에서 const 자동 완성 방법 "source.fixAll": true

2023-12-17 1. 방법 ctrl(command) + shift + p 로 Open User Settings (JSON) 검색 후 실행 이후 아래와 같이 "editor.codeActionsOnSave":{ "source.fixAll": true } 를 하단에 추가 한다. { "editor.fontSize": 14, "terminal.integrated.fontSize": 16, "debug.console.fontSize": 13, "[dart]": { "editor.formatOnSave": true, "editor.formatOnType": true, "editor.rulers": [ 80 ], "editor.selectionHighlight": false, "editor.suggestSelect..

• format_list_bulleted App/Flutter
• · 2023. 12. 17.
• textsms

[Flutter] 키보드 사용 시 오버플로우 해결 방법

2023-12-16 1. 예제 아래는 전체 코드이다. import 'package:flutter/material.dart'; class TextFieldOverFlowPage extends StatefulWidget { const TextFieldOverFlowPage({super.key}); @override _TextFieldPageState createState() => _TextFieldPageState(); } class _TextFieldPageState extends State { final TextEditingController _textFieldController = TextEditingController(); @override Widget build(BuildContext context..

• format_list_bulleted App/Flutter
• · 2023. 12. 16.
• textsms

[Android] 에뮬레이터 localhost 가 10.0.2.2로 인식되는 이유

2023-12-15 1. 이유 에뮬레이터의 각 가상 라우터 머신이 10.0.2/24 아이피 대역대를 가지고 동작하기 때문이다. 각 에뮬레이터의 사전에 예약된 아이피 주소들은 아래와 같다. 아래 나와 있듯이 10.0.2.2 에 요청을 보낼 시 호스트로 루프백을 보내는 것을 알 수 있다. 10.0.2.1 Router/gateway address 10.0.2.2 Special alias to your host loopback interface (i.e., 127.0.0.1 on your development machine) 10.0.2.3 First DNS server 10.0.2.4 / 10.0.2.5 / 10.0.2.6 Optional second, third and fourth DNS server (if..

• format_list_bulleted App/Android
• · 2023. 12. 15.
• textsms

[Flutter] 플러터 QR 코드 스캔 구현 qr_code_scanner 사용법

2023-12-14 1. 준비 아래의 정보들을 각 위치에 맞게 추가한다. pubspec.yaml dependencies: qr_code_scanner: ^1.0.1 android 아래는 자신의 android gradle 설정 정보를 확인 하는 것이 필요하다. In android/build.gradle change ext.kotlin_version = '1.3.50' to ext.kotlin_version = '1.5.10' (코틀린 버전 변경필요) In android/build.gradle change classpath 'com.android.tools.build:gradle:3.5.0' to classpath 'com.android.tools.build:gradle:4.2.0' (gradle 버전 변경..

• format_list_bulleted App/Flutter
• · 2023. 12. 14.
• textsms

[Flutter] 플러터 앱 아이콘 적용하기 flutter_launcher_icons

2023-12-13 1. 준비 적용하는 방법은 몹시 간단하다 .우선 자신의 적용할 아이콘 이미지 정보를 flutter assets에 등록해 두어야 한다. 아래의 예제를 참고하자. ... flutter: uses-material-design: true assets: - assets/logo/ ... https://seeminglyjs.tistory.com/543 [Flutter] 플러터 assets /images 추가 방법 2023-11-21 0. 구조 현재 디렉토리 구조는 아래와 같다. 1. 방법 flutter: uses-material-design: true assets: - assets/logo/ assets: - assets/logo/ pubspec.yaml 에 위와 같은 형식으로 자신의 정적 파일..

• format_list_bulleted App/Flutter
• · 2023. 12. 13.
• textsms