일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- bash
- 벤자민플랭클린
- recyclerview
- 1인개발자
- 오픈소스
- FSM
- 이모지메모
- 파이썬
- Android
- 이모지
- 장자명언
- androidx
- Freesound
- jetpack compose
- 명언모음
- 넷플릭스
- 코틀린
- ASMR
- Streaming
- Firebase
- 공자명언
- Coroutine
- 명심보감
- 좋은글필사하기
- Flutter
- DART
- kotlin
- Linux
- 소울칼리버6
- 공부집중
- Today
- Total
목록전체 글 (521)
Vintage appMaker의 Tech Blog
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/EJEeQ/btrQZ4rA05v/BptNSkb6JaKOv8qmyBkCP0/img.gif)
Flutter 3.0으로 오면서 멀티플랫폼으로 Flutter는 안정적으로 변했다. 특히 Web app에서 PWA(Progressive Web App)을 만든다면 Flutter는 정말 괜찮은 선택 중에 하나이다. 그런데, Fluttrer로 Web App을 만들다보면 기존의 라이브러리들이 javascript로 되어있는 경우가 있는데, 이럴 때는 Javacript와 interface를 해야 한다. 1. javascript를 web 폴더에 작성한다. (app.js) flutter 프로젝트의 web 폴더안의 index.html이 있는 곳에 원하는 자바스크립트를 작성하여 코딩을 한다. [app.js] window.state = { reserved1: '전역변수처럼 사용가능' } // 호출예제 // 이 파일에서 ap..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ITbn2/btrQDF6JbvK/c1tVckWVnuRu80GPQihK90/img.gif)
Flutter로 PWA(Progressive Web App) 앱을 만들다보면, 브라우저의 크기에 따라 반응형으로 처리해야 할 때가 있다. 그 때는 LayoutBuilder를 이용하면 된다. 그리고 웹앱을 만들면 다른 도메인의 이미지들을 읽지 못하게 되는데, 이를 해결하기 위해 다음과 같이 빌드를 한다. flutter build web --web-renderer html --release [Flutter] Layoutbuilder를 이용한 반응형 UI LayoutBuilder class - widgets library - Dart API Builds a widget tree that can depend on the parent widget's size. Similar to the Builder widget..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dqJSYQ/btrQsDGzTGx/g25zgEuijkeu9lmMD1AkJ0/img.jpg)
Flutter는 Widget build(이곳에서만)시, 에러화면을 커스텀 할 수 있다. 1. main 함수에서 ErrorWidget.build를 새롭게 구현한다. 2. 파라메터로 FlutterErorrDetails를 받아서 메시지 처리가능하다. 3. KDebugMode 변수로 개발자 모드와 릴리즈 모드의 화면을 다르게 처리가능하다. (*) 스크롤되는 화면을 구현시 문제가 발생할 수 있다. [전체소스] import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; void main() { ErrorWidget.builder = (FlutterErrorDetails details) { // 릴리즈시 에러표시 Widget re..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/lkblR/btrQgL0RIfE/PyrgZ0Vctbi2Q6XDcQznaK/img.gif)
GitHub - VintageAppMaker/QuickComposeTutorial: Jetpack compose QuickStart Jetpack compose QuickStart. Contribute to VintageAppMaker/QuickComposeTutorial development by creating an account on GitHub. github.com 개발자를 위한 핵심만 빠르게 시작하기 필수기초지식 선언형 패러다임의 이해가 필요함(화면과 데이터는 바인딩으로 동작한다). UI = f(state) 🔈 UI는 상태에 따라 자동으로 변한다. 🔈 상태는 외부에서 변경되지만, UI와 변수로 연결되어 있다. 🔈 View는 상태가 변경될 때마다 다시 그려진다. 🔈 그런 이유로 View는 이름이 ..