본문 바로가기
반응형

분류 전체보기322

PageRouteBuilder에서 iOS backSwipe가 안될 때 https://github.com/flutter/flutter/issues/47441 Cupertino back gesture are disabled when using PageRouteBuilder · Issue #47441 · flutter/flutter Use case I am using PageRouteBuilder to add fade transition to some of my routes. I've noticed however that the swipe to go back on IOS is not working when doing so! Which is something I'm used to ... github.com 1. 문제점 PageRouteBuider를 이용해 화면전환시 애니메이션을 .. 2024. 2. 3.
Bottom에서 Pull to refresh하기 방법을 찾아보다가 결론은 직접 만들어서 써야 한다. 아이디어는 다음과 같다. 스크롤 컨트롤러의 position값을 추적해 offset을 구한다 offset을 0에서 1.1 사이로 nomarlize한다 refresh indicator를 partially하게 0.1단위 간격으로 값을 보내어 위젯을 다시 그리도록 한다 1.1이 될 경우 데이터를 불러오고 refresh indicaotr를 full로 그린다. 대충 코드로 설명하는게 편할듯 먼저 일단 나의 위젯이 사이즈가 너무 커져서 그냥 setState할경우 디버그모드에서 버벅이는게 보였다. 고로 하위 위젯만 rebuild 될 수 있도록 StreamController와 StreamBuilder를 활용하기로 하였다. double _bounceProgress = 0.. 2024. 1. 31.
3차원 회전행렬 구하기 및 캘리브레이션 가속도 센서를 캘리브레이션 할 일이 생겨서 만들어 보았다. 지피티는 신이다. 아래 함수들 전부 검증해보고 제대로 동작하는 것 확인하였다. data class Vector3D(val x: Double, val y: Double, val z: Double) fun normalize(vector: Vector3D): Vector3D { val length = sqrt(vector.x * vector.x + vector.y * vector.y + vector.z * vector.z) return Vector3D(vector.x / length, vector.y / length, vector.z / length) } fun dotProduct(vector1: Vector3D, vector2: Vector3D): .. 2024. 1. 26.
Flutter와 파이어베이스로 게시판 만들때 부딪힌 경험들 게시판 만들 일이 있어서 flutter와 파이어베이스로 만들고 있다. 직접 처음부터 전부 만들어보니 생각보다 많이 어렵다. 게시판 만들 때 이렇게나 많은 것들을 고려해야 할 줄 누가 알았을 까... 아래는 개발하면서 부딪힌 문제들 1. 제목과 내용의 데이터는 분리해야 한다 어찌보면 너무 당연한 내용이다. 제목은 짧고, 내용은 크다. 두 데이터를 한꺼번에 묶는다면 쿼리하는데 속도 문제가 생길 것 이다. 그러면 어떻게 해결할 것 인가? 정답은 내용을 subCollection으로 두는것 이다. 파이어베이스는 doc을 가져올 때 doc 안에 subCollection이 있다면, 이 subCollection안의 데이터는 가져오지 않는다. subCollection안에 데이터까지 가져오면 쿼리 속도에 문제가 생기기 때.. 2024. 1. 25.
Delay가 있는 TweenAnimationBuilder 관련된 위젯이 없는거 같아서 직접 만들어 보았다. 패키지도 있던데 어렵지도 않은거 굳이 패키지로? 아이디어는 다음과 같다. delay + duration 만큼 애니메이션 시간을 늘린다 delay 비율을 계산하고 그 비율만큼은 위젯의 투명도를 0으로 하여 보이지 않게 한다 delay시간이 지나면 그때부터 애니메이션을 시작한다. 애니메이션 값에 delay비율만큼 뺀 다음 범위를 0에서 1로 노말라이즈 해 준다 @override Widget build(BuildContext context) { double delayRatio = delay.inMilliseconds == 0 ? 0 : delay.inMilliseconds.toDouble() / (delay.inMilliseconds.toDouble() + d.. 2024. 1. 5.
AnimatedSwitcher가 동작하지 않을 때 해결방법 https://stackoverflow.com/questions/57548253/animatedswitcher-not-working-as-intended-widget-changing-but-no-animation AnimatedSwitcher not working as intended? Widget changing but no animation Goal: Press a button and have it switch to another page with an animated transition. For that, I'm using AnimatedSwitcher. Below is my code: class WelcomeScreenSwitcher extends State 2024. 1. 3.
Flutter에서 헬퍼메소드와 클래스위젯 https://www.youtube.com/watch?v=IOyq-eTRhvo 1. 문제상황 우리가 자주 재사용되는 위젯을 따로 코드로 빼 놓을 때 두가지 방법이 있다. 헬퍼메소드 사용(위젯을 리턴하는 함수를 의미) 클래스 위젯을 사용 이 두가지 방법중 뭘 선택해야 할 까? 2. 정답은 클래스 위젯 구글에서 답을 정해줬다. 따로 위젯을 만들라는거다. 이유는 퍼포먼스적인 이슈 때문이라는데.. 내가 추정한 이유는 다음과 같다. 헬퍼 메소드는 setState같은걸 활용할 수 없다. 고로 헬퍼메소드를 사용하면 상위 위젯의 setState에 의지해야 하고, 헬퍼메소드 내에 위젯만 바뀌어야 하는거면, 불필요한 렌더링이 발생한다 const 생성자를 사용할 수 없다. 역시나 불필요한 렌더링을 발생시길 가능성이 있다. .. 2023. 12. 20.
CustomPaint에서 drawPath가 안그려 질 때 1. 문제상황 drawLine은 선이 잘 그려지는데, drawPath를 하면 선이 그려지지 않는다. 2. 문제원인 paint의 style값이 주어지지 않아 생기는 문제이다 3. 해결방법 아래와 같이 PaintStyle.stroke 값을 주면 선이 그어지게된다. Paint bluePaint = Paint() ..style = PaintingStyle.stroke ..color = Colors.blue ..strokeWidth = 5.0; canvas.drawPath(path, bluePaint); 2023. 12. 19.
CustomPainter사용시 주의사항 RepaintBoundary 1. 문제상황 캔버스를 이용하여 A위젯 B위젯 2가지 위젯을 만들었다고 가정하자. A라는 위젯을 다시그리면 B위젯까지 다시 그려지게 된다. 2. 원인 CustomPainter를 사용한 위젯들은 같은 레이어를 사용하기에 발생하는 원인이라고 한다. 한마디로 같은 도화지에 그리니깐, 다른 하나를 다시 그리면 다른놈도 통째로 다시그린다는것. 3. 해결방안 CustomPaint위젯을 RepaintBoundary 위젯으로 감싸주면 된다. 이는 범위 밖의 그림이 다시 그려지는것을 방지해준다. https://stackoverflow.com/questions/66388418/flutter-custompainter-paint-method-gets-called-several-times-instead-of-only-on Fl.. 2023. 12. 19.
ImportError: attempted relative import with no known parent package 파이썬 할 때 마다 매번 마주치는 에러. 1. 원인 파이썬은 상대경로로 임포트 할 때 __name__을 기준으로 상대경로를 파악한다고 한다. 허나 어떤 파이썬 파일을 직접 실행시키면 __name__이 __main__으로 설정된다. 이때 상대경로 임포트는 항상 실패한다고 한다. https://stackoverflow.com/questions/16981921/relative-imports-in-python-3 Relative imports in Python 3 I want to import a function from another file in the same directory. Usually, one of the following works: from .mymodule import myfunction f.. 2023. 12. 14.
[FastAPI] SQLModel 배우기 https://sqlmodel.tiangolo.com/tutorial/fastapi/simple-hero-api/ Simple Hero API with FastAPI - SQLModel SQLModel, SQL databases in Python, designed for simplicity, compatibility, and robustness. sqlmodel.tiangolo.com 1. SQL Model이란 fastapi에서 가장 큰 단점은, 데이터베이스의 스키마와, API의 스키마를 각각 SQLAlchemy, Pydantic으로 따로 작성해주어야 한다는 점이다. 이로인해 코드 유지보수에 어려움이 있었다. SQLModel이란, SQLAlchemy와 Pydantic을 서로 합친 것이다. 두 패키지 위에.. 2023. 12. 13.
TimescaleDB에 배우기 1. TimescaleDB란? 시간에 따라 데이터를 저장하고 싶을 때 사용하는 데이터베이스이다. 보통 이런걸 시계열 데이터베이스 라고 한다. TimescaleDB는 Postgresql의 extension이다. 대충 확장팩이라고 생각하면 될듯 주식그래프 같이 시간에 따른 데이터를 저장해야 할 때 이 데이터베이스를 사용해야 한다. 2. 설치 공식문서를 들어가면 자기네들 클라우드를 사용하라고 가이드를 엄청 하는데, 실제 개발 테스트에서는 커맨드로 하고 싶은게 보통이다. 하기 링크를 참고하여 커맨드로 설치해주자 Timescale Documentation | Install self-hosted TimescaleDB Install TimescaleDB on your own hardware docs.timescale.. 2023. 12. 12.
[FastAPI] 새롭게 추가된 Annotated Annotated란 파이썬에서 타입에 대한 메타데이터를 추가해주는 기능이다. 사용방법은 다음과 같다 Annotated(타입명, 메타데이터) 대충 코드로 바로 들어가보자 from fastapi import FastAPI, Query app = FastAPI() @app.get("/items/") async def read_items(q: str | None = Query(default=None, max_length=50)): results = {"items": [{"item_id": "Foo"}, {"item_id": "Bar"}]} if q: results.update({"q": q}) return results 과거 우리가 쿼리나 패스파라미터에 대해 커스텀하게 다룰 때 Path 클래스나 Query클래스.. 2023. 12. 11.
[Android] 백그라운드 서비스에서 카메라 사용시 주의사항 1. 포어그라운드 서비스를 이용해야함 안드로이드에서는 백그라운드에서 카메라를 사용할 때 서비스중 포어그라운드만 카메라 사용을 허용한다. 바인드 서비스로 시작했다 하더라도 startForeground를 호출하면 포어그라운드로 변경할 수 있다. 물론 노티피케이션을 만들어서 표출해야된다. 2. 매니페스트에서 서비스 설정 매니페스트에서 서비스를 설정할 때 아래처럼 카메라 서비스라는점을 반드시 표기해야 한다 ... 안그러면 백그라운드 진입하면 onError에서 4가 뜨면서 Camera "1" disabled by policy 같은 fatal이 발생하게 된다. 2023. 12. 1.
초간단 카메라2 개념잡기 1. 카메라 열기 카메라를 사용하려면 카메라부터 열어야 한다. 그러면 카메라 매니저를 얻어와야한다 아래처럼 카메라 매니저와, 내가 열고싶은 카메라 id를 가져오자. 보통 0번은 후면 메인카메라고, 1번은 전면카메라, 나머지는 딸려있는 카메라들이다 val cameraManager: CameraManager = getSystemService(Context.CAMERA_SERVICE) as CameraManager val cameraId: String = cameraManager.cameraIdList[0]// 카메라 ID 선택 val cameraThread = HandlerThread("CameraThread") cameraThread.start() val cameraHandler = Handler(came.. 2023. 11. 16.
Flutter에서 네이티브 뷰 호출하기 https://docs.flutter.dev/platform-integration/android/platform-views Hosting native Android views in your Flutter app with Platform Views Learn how to host native Android views in your Flutter app with Platform Views. docs.flutter.dev 1. 공식문서를 보기 전에 알아야 할 사실 위 링크의 공식문서는 네이티브 뷰를 호스팅하는 내용이다. 허나 한 가지 알아야할 사실이 있다. 저 링크의 내용은 네이티브 액티비티나 뷰 컨트롤러를 호출하는 것이 아닌, 플러터의 액티비티 or 뷰컨트롤러에 네이티브 뷰를 삽입하는 것이다. 한마디로 예를.. 2023. 11. 1.
Flutter개발중 안드로이드 개발자를 위한 iOS에 관한 기초지식들 1. iOS의 개발 방법 2가지 iOS의 경우 현재 개발방법이 2가지가 있다. 1. SwiftUI : Flutter와 마찬가지로 선언형 UI Framework이다 2. StoryBoard : 안드로이드의 xml과 유사한 방식으로 생각하면 된다. 명령형 UI 이다. 안드로이드 xml과 크게 다른점은, xml작성이 아닌 파워포인트 만드는것 처럼 UI를 만든다. 스토리보드에서는 하기개념을 알아야 한다 UIViewController UIView UIControl 위에서 중요한개념은 View Controller와 View이다. View Contoller는 대충 안드로이드의 액티비티라고 생각하면 된다 View의 경우 TextView 같이 자잘한 놈들이다. Control의 경우 EditText처럼 입력 가능한 놈들이.. 2023. 11. 1.
Flutter에서 long running isolate 사용하기 https://dart.dev/language/concurrency Concurrency in Dart Use isolates to enable parallel code execution on multiple processor cores. dart.dev 1. 단일 작업을 위한 Isolate 기본적으로 Isolate.run()을 사용하면 Isolate를 하나 만들어준뒤, 전달해준 함수를 실행해주고, 함수가 값을 리턴하면 result값을 받아와준다. 작업이 종료되면 Isolate를 종료한다. 이때 한가지 기억할건, 결과값은 메모리로 전달된다. 데이터를 카피하지 않음 void main() async { final result = await Isolate.run(_MyFuction); // 데이터 사용. pr.. 2023. 10. 25.
cloud_firestore 추가 후 빌드속도 향상시키기 https://firebase.flutter.dev/docs/firestore/overview Cloud Firestore | FlutterFire This page is archived and might not reflect the latest version of the firebase.flutter.dev 공식문서에서 나온 내용이다. flutter_ios_sdk의 경우 라이브러리가 드럽게 연결이 많이 되어서 한번 추가하면 빌드타임이 5분이나 걸린다고 한다. 이를 해결해주는 방법은 podfile에 아래 코드를 추가하는것이다. pod 'FirebaseFirestore', :git => 'https://github.com/invertase/firestore-ios-sdk-frameworks.git', :t.. 2023. 10. 20.
Module 'cloud_firestore' not found 파이어베이스 연동하다가 저런 에러가 떳다. iOS개발 경험이 적은 나에게 어려웠던 문제... 구글링해서 flutter clean하고 다시 get하고 해도 되지를 않았다. 그러다가 결국 해결책을 찾았는데, xcode에서 xcworkspace를 열어 빌드를 하면 해결되는것이였다. 주의할점은 xcodeproj가 아니라 xcworkspace를 열어야 한다는 점. 차이점은 xcworkspace의 경우 코코아팟을 이용해 외부라이브러리를 사용할 때 이런 외부 의존성을 관리 어쩌구 저쩌구. 고로 플러터를 할 때 xcworkspace를 열어주도록 하자 2023. 10. 20.
반응형

티스토리툴바