분류 전체보기 97

VSCode MARK 하이라이팅 하기 키워드 커스텀 Keyword [Xcode 처럼]

마켓플레이스에서는 TODO 하이라이트 해주는 익스텐션이 많이 있다. 하지만 iOS 개발할 때 유용하게 사용했던 - MARK 에는 하이라이팅이 안되어서 찾아봤는데 마음에 드는 걸 못 찾았다. 그중 TODO Highlight 익스텐션을 이미 사용하고 있었다. 구글 링 중에 괜찮은 방법을 찾았다. 우선 익스텐션에서 확장설정 확장 설정에 보면 keywords 가 있고 settings.json에서 편집 버튼이 있는데 클릭하면 위하면처럼 todohighlight.keywords 키 값이 있는데 미리 Mark 를 추가했다. 이렇게 되면 보는 것 처럼 노란색으로 하이라이팅 된다. 색상을 바꾸고 싶으면 어떻게 해야 할까 "todohighlight.keywords": [ "DEBUG:", // 기본색상적용 { "text"..

develop/Flutter 2023.08.09

Flutter FutureBuilder 사용하기 비동기 대응하기 with. Listview

FutureBuilder는 비동기로 데이터를 받을때 결과를 기반으로 UI를 업데이트 하는 위젯이다. 비동기에 대한 이해를 먼저 해야 빌더를 사용할 때 바로적용할 수 있다. 공식 문서는 아래와 같다. https://api.flutter.dev/flutter/widgets/FutureBuilder-class.html FutureBuilder class - widgets library - Dart API A widget that builds itself based on the latest snapshot of interaction with a Future. Managing the future The future must have been obtained earlier, e.g. during State.init..

develop/Flutter 2023.08.07

Flutter 화면 방향 Orientation에 따라 레이아웃 변경 Landscape Portrait 뜻

세로, 가로 방향에 따라 레이아웃을 다르게 생성해야 할 때가 있다. 각각의 위젯들을 모듈화 시키고 그 모듈을 방향이 바뀔때마다 레이아웃을 변경해주는 것이다. 모바일은 레이아웃에 영향을 덜 받지만, 태블릿의 경우는 레이아웃을 다르게 적용해야 할 때가 많다. 용어정리 먼저 용어를 정리하자면 Orientation : 방향 Portrait : 세로 Landscape : 가로 사실 Orientation은 방향성을 Portrait는 초상화 Landscape는 풍경화를 뜻한다. Portrait - tall | Landscape - wide Orientation eunm에서 확인할 수 있다. 적용방법 일단 편하게 하는 방법은 OrientaionBuilder 을 사용하는 것이다. 사용방법은 다른 빌더를 사용하는 것과 동..

develop/Flutter 2023.07.28

Amazon CodeWhisperer 후기 Ai로 코드 작성 도움 받기 설치방법

요즘 챗지피티가 일의 생산성을 높이고 있다. 하지만 chat GPT만으로는 개발할때 도움 받기는 좀 애매한 감이 있다. 플루터 개발하면서 생산성을 높여 볼까 하며 온갖 팁이라는 팁은 다 찾아 봤지만 오... 나랑 안 맞는데? 만 느끼게 되었고 그냥 나를 기계처럼 쓰자라고 생각했다. 근데, 다들 쓰는데 나만 안 쓰는건 억울하잖아..? 그래서 개발 생산성을 높일 수 있는 AI를 찾다가 혹한 한 줄 코드를 빨리..??? 날 도와줄껀가 자네? Amazon CodeWhisperer는 뭘까. 이것도 챗지피티에게 물어보면 " Amazon CodeWhisperer는 아마존의 소프트웨어 개발 및 디버깅 도구로, 개발자들에게 효과적인 코드 작성 및 문제 해결을 돕습니다.자동 완성, 코드 검사, 성능 분석 등 다양한 기능을..

기타 2023.07.17

[flutter] SKAdNetwork 앱 광고 추적 허용 요청하기 in iOS

광고 추적 허용을 요청해야 광고 효율이 올라가고 단가가 올라간다는 말을 듣고 바로 skAdnetwork를 적용하기로 했다. 1. 플러그인 설치하기 https://pub.dev/packages/app_tracking_transparency app_tracking_transparency | Flutter Package This Flutter plugin allows you to display ios tracking authorization dialogue and request permission to collect data. pub.dev flutter pub add app_tracking_transparency 2. 광고 추적 요청하기 main.dart 혹은 요청할 화면에서 아래 코드 사용하기 String..

develop/Flutter 2023.05.19

[Flutter] 효과음 재생 시 백그라운드 뮤직 정지 되는 문제 야매로 해결하기 (다른 앱의 소리와 효과음이 동시에 재생되게 하기)

만 이틀을 고생하다, 알게된 방법을 공유하고자 한다. 사실, 너무 간단하고 라이브러리만 교체한거라 당황스럽지만, 어쨌든 해결 해서 기쁜 마음으로 공유한다. 사실 내가 원했던건 이게 아니지만, 뭐.. 너무 힘든걸 어쩌겠어 다음 업데이트때 해결한드앗!! 라이브러리 audioplayers 라이브러리를 사용하는 것이다. https://pub.dev/packages/audioplayers audioplayers | Flutter Package A Flutter plugin to play multiple audio files simultaneously pub.dev import 'package:audioplayers/audioplayers.dart'; 사용방법 static AudioPlayer player = Au..

develop/Flutter 2023.05.17

[배포] 배포준비 하기 Privacy Policy 작성 개인 정보처리 방침

앱을 출시하기 위해서 해야하는 많은 목록중 개인정보처리방침 즉 Privacy Policy를 작성하는 것이 있다. 개인정보 처리방침 생성기는 다양하고, 한국 정보에서 제공하는 것도 있지만, 앱 출시 시 영어 및 다국어를 지원한다면 영어로 된 개인정보처리방침을 제공하는것이 좋다. 그리고 앱을 출시 할때마다 쓰고 있는 생성기를 소개하자면, https://app-privacy-policy-generator.firebaseapp.com/ App Privacy Policy Generator Terms & Conditions By downloading or using the app, these terms will automatically apply to you – you should make sure therefor..

develop/배포 2023.05.10

[XCode] Flutter iOS 실기기 테스트 'failed to prepare the device for development.' 해결하기

실기기 연결 안됨 개발을 얼추 다 하고 flutter 앱을 실기기를 물려 테스트 하려고 했는데, 폰이 인식 안되어 만 하루 꼬박 고생했다. 인식 잘 되던 폰이 갑자기 인식이 안되기 시작한 것이다. 그래서 문제를 찾기가 어려웠다. 하지만, 문제는 Xcode를 켜보니 바로 확인 가능했다. "failed to prepare the device for development." 뭐, 상세 메세지를 읽어보니, 업데이트 문제인 것 같다는 생각을 했는데, 최근 16.4 보안 업데이트를 진행했다는 점이 갑자기 떠오르면서 화가 나기 시작했다. 저번 부터 업데이트 빨리빨리 xcode 적용안시켜주는 애플이 너무 밉기 시작.. iOS를 떠나기를 잘 한것일까, (아직 완전히는 아니잖아 멍청아..) 암튼 해결이 가능한 문제일까? ..

카테고리 없음 2023.05.09

[Flutter] Switch on/off 버튼 사용하기 (iOS와 AOS) - setting 화면 만들기

on / off 를 할때, switch만큼 유용한게 없는것 같다 아래와 같은 버튼들을 만들어 보자 Switch Button 만들기 우선 변수를 하나 만들고 bool _isChecked = false; 사용하는 방법은 매우 간단한데, 먼저 AOS 스타일 (Material) Switch( value: _isChecked, onChanged: (value) { setState(() { _isChecked = value; }); }, ), iOS 스타일 (Cupertino) CupertinoSwitch( value: _isChecked, activeColor: CupertinoColors.activeBlue, onChanged: (bool? value) { setState(() { _isChecked = val..

develop/Flutter 2023.04.18

[Flutter] dropdown button 만들기 iOS 스타일과 안드로이드 스타일

Cupertino와 Material 우선 Cupertino는 iOS 스타일이고, Material은 android 스타일이다. Material app 으로 감싸고 있든, cupertino 로 감싸고 있든 dropdown은 어떤 스타일이든 만들 수 있다. dropdown button 만들기 iOS스타일 우선 iOS 스타일로 dropdown 을 만들때에는 아래의 공식 사이트를 참고 했다. https://docs.flutter.dev/development/ui/widgets/cupertino Cupertino (iOS-style) widgets A catalog of Flutter's widgets implementing the Cupertino design language. docs.flutter.dev //..

develop/Flutter 2023.04.17