본문 바로가기

분류 전체보기241

[Flutter] WebView on Web flutter Trying to load an image from another domain 웹뷰를 사용하려면 기존에 web 플랫폼을 지원하는 webviewwx 플러그인을 추가하여 사용한다. 위에서 설정한 configuration 설정도 해줘야 한다고 합니다. UrlByPass쪽에 이슈가 있는지 처음 연결을 하고 이후에 클릭을 좀 하면 막혀버린다. (web) 모바일은 정상. 버그가 있기는 한데, 소개 페이지 띄우는 정도만 사용한다면 괜찮을 듯? 2022. 4. 16.
[Flutter] Android 어플 Flutter로 실행시키기 최근에 회사에서 작업한 내용이 Android로 개발한 어플을 Flutter 환경에서 실행시키는 것을 해봤습니다. 플랫폼 별 코드 작성 앱에서 커스텀하게 플랫폼 별 코드를 작성하는 방법을 배워보세요. flutter-ko.dev MethodChannel이라는 개념을 이용하여 Flutter로 실행시킨 어플에서 바로 Android쪽 소스의 Activity를 호출하는 형태로 작업을 했습니다. Dart의 코드로 실행시켜서 버튼을 누르면(Native Call) 프로젝트의 FlutterActivity가 call을 받아서 startActivity를 통해 실질적으로 사용할 Activity를 호출합니다. 이런 식으로 처리하면, Flutter를 기반으로 실행을 시켜서 Android Native코드를 실행시킬 수 있습니다. m.. 2022. 4. 14.
[Flutter] ScrollView 처리 Toolbar 형태로 작업을 한 이후에 다른 위젯들은 Scrollable 형태가 되도록 하고 싶다. Column( children: [ Column( children: [ // wigets ]), ]), 이런 형태에서 같이 처리하려는 위젯을 Column으로 감싸서 하나의 자식으로 만든다. 이후에 SingleChildScrollView로 감싸고 그걸 다시 Expanded로 감싸면 남은 영역에 대해서 ScrollView처리가 된다. Expanded( child: SingleChildScrollView( scrollDirection: Axis.vertical, child: Column( children: [ // wigets ], ), ), ), 2022. 4. 12.
안드로이드 스튜디오 빨간 줄 나올 때 안드로이드 스튜디오에서 빨간 줄이 엄청나게 나올 때 문제를 해결한 방법을 기록합니다. 1. File - Invalid Caches / Restart 2. File - Sync Project with Gradle Files 3. Build - Clean Project / Rebuild 4. 프로젝트 폴더의 .gradle .idea 파일 삭제 5. Android Studio 버전 업데이트 혹은 재설치 6. 프로젝트 하나를 다시 파서 코드 옮기기 다 안 되다가 5번으로 해결 했습니다;; ㅎㅎ 2022. 4. 11.
3. gRPC 코어 컨셉과 설계, 라이프 사이클 Core concepts, architecture and lifecycle An introduction to key gRPC concepts, with an overview of gRPC architecture and RPC life cycle. grpc.io 서비스 정의 많은 RPC 시스템처럼, gRPC는 서비스를 정의하는데 기반을 둔다. 원격으로 부를 수 있는 메소드에 대한 정의를 구체화할 수 있습니다. 기본적으로 서비스 인터페이스와 페이로드 메시지 구조를 처리하기 위해 Protocol buffers를 (Interface Definition Language, IDL)을 사용합니다. 다른 대안을 사용할 수 있습니다. service HelloService { rpc SayHello (HelloReques.. 2022. 4. 10.
2. gRPC Dart 샘플 프로젝트 설치 https://grpc.io/docs/languages/dart/quickstart/ 기본적으로 Flutter와 Dart는 연결된 상태라고 가정하고 시작합니다. GitHub - grpc/grpc-dart: The Dart language implementation of gRPC. The Dart language implementation of gRPC. Contribute to grpc/grpc-dart development by creating an account on GitHub. github.com 다트 언어로 작성된 예제 파일을 다운 받아 줍니다. helloworld 프로젝트를 열어고 Dart SDK 경로가 연결되지 않은 경우, Settings에서 작업을 해줍니다. // Run the Exampl.. 2022. 4. 10.
1. gRPC란 무엇인가? gRPC는 구글이 최초로 개발한 오픈 소스 원격 프로시저 호출 시스템이다. 전송을 위해 HTTP/2를, 인터페이스 정의 언어로 프로토콜 버퍼를 사용하며 인증, 양방향 스트리밍 및 흐름 제어, 차단 및 비차단 바인딩, 취소 및 타임아웃 등의 기능을 제공한다. 위키백과 최초 출시일: 2016년 8월 Introduction to gRPC An introduction to gRPC and protocol buffers. grpc.io gRPC는 포로토콜 버퍼를 사용하며 Interface Definition Language(IDL)을 메시지 교환 포맷으로 쓴다. 클라이언트에서는 직접적으로 서버 메소드를 호출할 수 있다. 분산 어플리케이션과 서비스를 만드는데 쉽다. gRPC는 서비스의 정의를 기반으로 하는데, 서버.. 2022. 4. 10.
[Flutter] Dialog insetPadding /// Defaults to `EdgeInsets.symmetric(horizontal: 40.0, vertical: 24.0)`. /// {@endtemplate} final EdgeInsets? insetPadding; Dialog insetPadding 속성을 통해 숨겨진(?) 패딩값을 조절할 수 있다. 예전에 안드로이드에서 테블릿에서만 Padding 잡혀 있던 거 생각나네 ㅋㅋ 2022. 4. 10.
[Flutter] 카드에 반투명한 이미지 만들기 1. 카드에 이미지를 뛰운다. 꽉 채워서 2. 해당 카드를 반 투명하게 만든다. 3. 중간에 텍스트를 뿌린다. Container( padding: const EdgeInsets.only(left: 8, right: 8), width: double.infinity, height: 250, child: Card( child: Image.network( 'https://storep-phinf.pstatic.net/linesoft_01/original_13.gif?type=pa50_50', fit: BoxFit.fill, ), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(15), ), ), ), Image쪽에 0.5 alpha, colo.. 2022. 4. 9.
[Flutter] ScrollView Scroll Glow 효과 없애기 class MyBehavior extends ScrollBehavior { @override Widget buildOverscrollIndicator( BuildContext context, Widget child, ScrollableDetails details) { return child; } } MaterialApp의 속성으로 scrollBehavior가 있는데 여기에 넣어주자. https://stackoverflow.com/a/51119796/17141266 2022. 4. 9.

티스토리툴바