분류 전체보기 72

Flutter iOS처럼 디자인하고 동작하게 만들기 - Cupertino

iOS에서 Flutter로 넘어오면서 계속 느끼는건 이 구린 디자인이다. 사실 안드 기본 디자인이 너무 별로다 투박하고 옛날 느낌이 난다. 약 15년전 감성이랄까. 취향차이니깐 괜찮다. 그리고 우선 기본 골조만 다르게 잡으면 내부 위젯은 공유하면서 사용하면 된다. 즉 초기 분기 부분이 귀찮다. 우선 Platform을 확인 해야 한다. iOS인지 아닌지에 따라 Cupertino or Material 을 사용하면 된다. final TargetPlatform platform = Theme.of(context).platform; return platform == TargetPlatform.iOS ? CupertinoApp( debugShowCheckedModeBanner: false, home: Scaffold..

develop/Flutter 2023.08.21

C#과 Java의 특징과 차이점을 알아보자

개발을 학원에서부터 처음 배워 개발의 참맛을 깨닫고 회사를 다니며 학위를 준비 했습니다. 그러면서 언어들이 다 비슷비슷하지만 특징이 다른걸 알게 되었습니다. 오늘은 언어의 기본 중 기본인 C#과 Java에 대해 알게 된 사실을 정리 해보겠습니다. C#과 Java는 모두 객체지향적 언어입니다. 하지만 두 언어는 서로 다른 특징과 장단점을 가지고 있으며, 개발자의 목적과 환경에 따라 적합한 언어를 선택하는 것이 중요합니다. 그렇다면 C#과 Java의 특징과 차이점은 무엇일까요? C# C#은 Microsoft에서 개발한 .NET Framework와 함께 동작하는 언어입니다. C#은 C++과 VB의 특징을 조합하고, Java의 강점까지 포함한 언어로, 간단하고 강력하며 컴포넌트 기반의 언어입니다. C#은 Vis..

develop 2023.08.18

Flutter TTS Text to Speech 음성합성 글자 소리내서 읽기

글을 기계가 읽어주는 걸 TTS라고 합니다. 네이버 클로바에서 많이 볼 수 있습니다 라이브러리를 사용해서 TTS를 구현하고자 합니다. POPULARITY가 99%입니다. https://pub.dev/packages/flutter_tts flutter_tts | Flutter Package A flutter plugin for Text to Speech. This plugin is supported on iOS, Android, Web, & macOS. pub.dev 패키지 적용 flutter pub add flutter_tts 안드로이드는 21이상에서 작동하고 맥은 10.15 이상에서 작동하니 Readme를 읽어보시기 바랍니다. minSdkVersion 를 전체 검색 또는 빌드그래들에서 수정하시면 됩니다..

develop/Flutter 2023.08.15

Flutter Tts 사일런트 모드일때 사운드 재생 안됨 해결하기 iOS AudioCategory 구분하기

tts 기능을 개발하고 실기기에 물려서 테스트할 때는 잘 되더니 테스트플라이트에 올려서 확인하니 tts가 안나와서 당황스러웠습니다. 그래서 사운드를 키우고 시도했는데 안돼서 버그인가 했는데요 무음 모드 해둔걸 깜빡하고 테스트를 했습니다. 어찌 되었든 TTS는 뮤트라 해도 재생이 되어야 하는데 싶어 버그 잡기를 나섰습니다. 무음모드 = 사일러트 = 뮤트 = mute mode = silent mode 문제해결하기 우선 구글링부터 했습니다. iOS개발을 할 때 부터 사운드는 진짜 다루기 까다롭더군요 변수가 많아 그런 것 같습니다. 각설하고 iOS에는 AudioCategory가 있습니다. 이건 무음모드일때 작동을 할 건지 백그라운드의 다른 소리와 섞이게 할 건지 백그라운드 소리를 중단 할건지와 같은 여러 선택지..

develop/Flutter 2023.08.15

구글 서치콘솔 워드프레스 등록하기 Search Console 사이트맵 찾기 플러그인으로 간단하게

워드프레스의 서치콘솔 등록은 매우 간단합니다. 하지만 일단 이 글을 다 읽고 결정하시기를 바랍니다.! 더 간단한 방법이 있기 때문입니다. 우선 서치콘솔에 접속합니다. https://search.google.com/search-console/ Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다. search.google.com 사이트 등록하기 속성 추가를 클릭합니다. 워드프레스는 티스토리와 다르게 URL 접두어가 아닌 '도메인'으로 연결 할 수 있습니다. SiteMap 등록하기 /sitemap.xml 을 등록해야 합니다. 사이트맵을 찾는 방법 워드프..

기타 2023.08.14

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