본문 바로가기

Tech/flutter15

Flutter - Node js - FCM으로 서버에서 푸시 보내보기 개인앱이나 회사 서비스를 만들다보면 채팅, 마케팅 메시지 목적으로 푸시 메시지를 보내야하는 경우가 있습니다. [본 포스팅은 Flutter 프로젝트에 firebase 등록 및 설정이 완료되었다는 가정에서 작성되었습니다 :) ] 등록 안하신 분들은 등록을 먼저 진행해주세요 Flutter 앱에 Firebase 추가 Flutter 앱에 Firebase 추가plat_iosplat_android 이 가이드에 따라 Flutter 앱에 Firebase 제품을 추가하세요. 참고: Firebase는 Flutter와 같은 프레임워크를 최선의 노력으로 지원합니다. 이러한 제품 추가는 Fireba firebase.google.com 아이폰은 추가로 Push Notification 쓸 수 있게 설정이 필요합니다.(까다로운 아이폰.. 2021. 5. 10.
[Flutter로 만든]끝말잇기 말잇봇 - 채팅형 끝말잇기 게임 플러터 스터디 5기(StarD)가 어제 성황리에(?) 마무리되었습니다. 2번째로 만든 앱을 출시해보게 되었네요. 개발 과정과 후기 공유 차 글을 작성합니다. [플레이스토어] 끝말잇기 말잇봇 - 안녕 난 말잇봇! 넌 말잇못! - Google Play 앱 - 국립국어원 표준국어 단어를 학습한 말잇봇을 이겨보세요 - 신조어(개방형 사전 우리말샘 사전)도 이용 가능합니다 현재 끝말잇기 사용 가능한 단어들을 수집 중에 있습니다. 게임 플레이 중 play.google.com 똑똑한 끝말잇기 AI '말잇봇'을 이겨보세요! - 국립국어원 표준국어 단어를 학습한 말잇봇을 이겨보세요 - 신조어(개방형 사전 우리말샘 사전)도 이용 가능합니다 [네이밍/로고] Figma로 끄적끄적 만들어본 로고입니다. 전 앱을 기획할 때 전체.. 2021. 3. 23.
[flutter] Isolate, Compute. 화면 안버벅이고 큰 이벤트 실행하기 플러터(다트)는 단일 쓰레드를 사용합니다. 즉, 사람으로 치면 한 사람이 화면도 그리고, 데이터 통신도 수행하고, 유저의 행동에 따른 반응도 해주고, 그에 필요한 다양한 수학적 연산들도 수행하죠! 참 대단한 사람이죠? 하지만 한손으로 하늘을 가리지 못하듯, 점점 더 이 사람에게 많은 것을 요구할 경우 발생할 수 있는 문제가 있습니다. 바로 동시에 할 수 있는 일은 한정되어있다는거죠! 플러터는 60프레임, 혹은 기기에 따라 120프레임의 퍼포먼스를 목표로 하고 있습니다. 개발자로써는 범용앱이라면 항상 최저 디바이스에서도 원할하게 수행되는 앱을 만들 수 있어야 한다고 생각하기 때문에 60프레임에서 무난하게 돌아가는 앱이 되어야겠죠? 이 경우 플러터가 매 16ms마다 한번씩 업데이트를 해야하는데, 바꿔 말하면.. 2021. 3. 16.
[flutter] TextField 밑줄 제거, 글자수 카운트 제거 Flutter에서 TextField 쓸 때 매번 찾아보게 되는 밑줄 제거, 글자 수 카운트 제거 방법 밑줄 제거 TextField( decoration: InputDecoration( border: InputBorder.none, // 이 부분 추가 suffix: FlatButton( child: Text("저장"), textColor: AppTheme.darkText, onPressed: () { print('저장'); }, ), hintText: '닉네임', ) border로 인식 되기 때문에 이 부분을 InputBorder 옵션 중 none으로 주면 아무것도 보이지 않는다. 글자 수 카운트 제거 서비스 안전성을 위해 maxLength 옵션을 주면 텍스트 필드 우측 하단에 1/10 이런 식으로 꼴보기.. 2021. 3. 9.
[flutter] 앱 이름 설정하기 앱 개발 완료 후에 앱 출시를 위해 앱 이름을 변경해줘야합니다. 프로젝트 생성 시에는 자동으로 프로젝트 명이 앱 이름과 매핑되기 때문이죠! 안드로이드와 IOS 모두 설정 변경이 필요합니다. Android 앱 이름 설정 AndroidManifest.xml 수정 (디렉토리: android/app/src/main) // 앱 이름 설정 iOS 앱 이름 설정 info.plist 수정 (디렉토리: ios/Runner) CFBundleName 말잇봇 // 앱 이름 설정 *적용 안될 시 설정 설정 이후에는 아래 키워드를 입력하여 적용 flutter clean 2021. 3. 2.
[Flutter로 만든]시계부 - 자기관리는 시간관리부터 플러터 스터디를 4번째 하고있는데, 3번째 스터디 때 만든 앱을 출시까지 해보았습니다. IOS 개발계정은 가격이 좀 있고 기간제한이 있는지라 안드로이드 추이를 보고 배포해볼 예정입니다. [시계부] 앱 소개 당신이 오늘 어떻게 시간을 썼는지 기록할 수 있습니다 이제 시간 '보내지' 마시고 '저축'하세요 모든 이에게 시간은 평등하게 주어지지만 그 시간을 어떻게 쓰는지는 당신만이 결정할 수 있습니다 올해 시간이 어떻게 갔는지 모르시겠다면 가계부 대신 시계부를 작성해서 당신의 삶을 바꿔보세요 [로고] 처음으로 스케치 끄적거려서 만들어본 앱 로고! 디자인이 서툴고 힘들기는 해도 실제 서비스의 정체성을 만들어간다는 생각을 하면 참 기분 좋은 일인것 같습니다. 돼지저금통에 돈을 넣듯, 시간을 저축한다는 느낌을 담았습.. 2021. 1. 28.