티스토리

재밌는 삶과 투자
검색하기

블로그 홈

재밌는 삶과 투자

padro.tistory.com/m

일상, 재테크

구독자
12
방명록 방문하기
공지 재성재성 블로그 모두보기

주요 글 목록

  • Flutter - Node js - FCM으로 서버에서 푸시 보내보기 개인앱이나 회사 서비스를 만들다보면 채팅, 마케팅 메시지 목적으로 푸시 메시지를 보내야하는 경우가 있습니다. [본 포스팅은 Flutter 프로젝트에 firebase 등록 및 설정이 완료되었다는 가정에서 작성되었습니다 :) ] 등록 안하신 분들은 등록을 먼저 진행해주세요 Flutter 앱에 Firebase 추가 Flutter 앱에 Firebase 추가plat_iosplat_android 이 가이드에 따라 Flutter 앱에 Firebase 제품을 추가하세요. 참고: Firebase는 Flutter와 같은 프레임워크를 최선의 노력으로 지원합니다. 이러한 제품 추가는 Fireba firebase.google.com 아이폰은 추가로 Push Notification 쓸 수 있게 설정이 필요합니다.(까다로운 아이폰.. 공감수 2 댓글수 0 2021. 5. 10.
  • [Flutter로 만든]끝말잇기 말잇봇 - 채팅형 끝말잇기 게임 플러터 스터디 5기(StarD)가 어제 성황리에(?) 마무리되었습니다. 2번째로 만든 앱을 출시해보게 되었네요. 개발 과정과 후기 공유 차 글을 작성합니다. [플레이스토어] 끝말잇기 말잇봇 - 안녕 난 말잇봇! 넌 말잇못! - Google Play 앱 - 국립국어원 표준국어 단어를 학습한 말잇봇을 이겨보세요 - 신조어(개방형 사전 우리말샘 사전)도 이용 가능합니다 현재 끝말잇기 사용 가능한 단어들을 수집 중에 있습니다. 게임 플레이 중 play.google.com 똑똑한 끝말잇기 AI '말잇봇'을 이겨보세요! - 국립국어원 표준국어 단어를 학습한 말잇봇을 이겨보세요 - 신조어(개방형 사전 우리말샘 사전)도 이용 가능합니다 [네이밍/로고] Figma로 끄적끄적 만들어본 로고입니다. 전 앱을 기획할 때 전체.. 공감수 4 댓글수 0 2021. 3. 23.
  • [flutter] Isolate, Compute. 화면 안버벅이고 큰 이벤트 실행하기 플러터(다트)는 단일 쓰레드를 사용합니다. 즉, 사람으로 치면 한 사람이 화면도 그리고, 데이터 통신도 수행하고, 유저의 행동에 따른 반응도 해주고, 그에 필요한 다양한 수학적 연산들도 수행하죠! 참 대단한 사람이죠? 하지만 한손으로 하늘을 가리지 못하듯, 점점 더 이 사람에게 많은 것을 요구할 경우 발생할 수 있는 문제가 있습니다. 바로 동시에 할 수 있는 일은 한정되어있다는거죠! 플러터는 60프레임, 혹은 기기에 따라 120프레임의 퍼포먼스를 목표로 하고 있습니다. 개발자로써는 범용앱이라면 항상 최저 디바이스에서도 원할하게 수행되는 앱을 만들 수 있어야 한다고 생각하기 때문에 60프레임에서 무난하게 돌아가는 앱이 되어야겠죠? 이 경우 플러터가 매 16ms마다 한번씩 업데이트를 해야하는데, 바꿔 말하면.. 공감수 8 댓글수 1 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 이런 식으로 꼴보기.. 공감수 0 댓글수 0 2021. 3. 9.
  • [flutter] 앱 이름 설정하기 앱 개발 완료 후에 앱 출시를 위해 앱 이름을 변경해줘야합니다. 프로젝트 생성 시에는 자동으로 프로젝트 명이 앱 이름과 매핑되기 때문이죠! 안드로이드와 IOS 모두 설정 변경이 필요합니다. Android 앱 이름 설정 AndroidManifest.xml 수정 (디렉토리: android/app/src/main) // 앱 이름 설정 iOS 앱 이름 설정 info.plist 수정 (디렉토리: ios/Runner) CFBundleName 말잇봇 // 앱 이름 설정 *적용 안될 시 설정 설정 이후에는 아래 키워드를 입력하여 적용 flutter clean 공감수 1 댓글수 0 2021. 3. 2.
  • [Flutter로 만든]시계부 - 자기관리는 시간관리부터 플러터 스터디를 4번째 하고있는데, 3번째 스터디 때 만든 앱을 출시까지 해보았습니다. IOS 개발계정은 가격이 좀 있고 기간제한이 있는지라 안드로이드 추이를 보고 배포해볼 예정입니다. [시계부] 앱 소개 당신이 오늘 어떻게 시간을 썼는지 기록할 수 있습니다 이제 시간 '보내지' 마시고 '저축'하세요 모든 이에게 시간은 평등하게 주어지지만 그 시간을 어떻게 쓰는지는 당신만이 결정할 수 있습니다 올해 시간이 어떻게 갔는지 모르시겠다면 가계부 대신 시계부를 작성해서 당신의 삶을 바꿔보세요 [로고] 처음으로 스케치 끄적거려서 만들어본 앱 로고! 디자인이 서툴고 힘들기는 해도 실제 서비스의 정체성을 만들어간다는 생각을 하면 참 기분 좋은 일인것 같습니다. 돼지저금통에 돈을 넣듯, 시간을 저축한다는 느낌을 담았습.. 공감수 2 댓글수 1 2021. 1. 28.
  • [flutter] favorites 공략 - url_launcher 패키지 파헤쳐보기 [flutter] 플러터 공부좀 해봤다면 flutter favorites는 써봐야지 Flutter 공부를 하다보면 본인이 만든 패키지를 쓰기도 하지만 다른 기관 / 팀 / 사람들이 만들어둔 패키지를 사용하기도 합니다. 애초에 플러터가 레고 형식으로 간단히 조립해서 사용하기 좋은 padro.tistory.com flutter favorites 패키지 한번씩 써보기 1탄으로 현재 핸드폰의 인터넷 연결 상태를 반환하는 Connectivity 패키지를 간단하게 적용해보겠습니다. 패키지 주소: pub.dev/packages/url_launcher url_launcher | Flutter Package Flutter plugin for launching a URL on Android and iOS. Supports.. 공감수 0 댓글수 1 2020. 10. 29.
  • [flutter] favorites 공략 - Connectivity 패키지 파헤쳐보기 [flutter] 플러터 공부좀 해봤다면 flutter favorites는 써봐야지 Flutter 공부를 하다보면 본인이 만든 패키지를 쓰기도 하지만 다른 기관 / 팀 / 사람들이 만들어둔 패키지를 사용하기도 합니다. 애초에 플러터가 레고 형식으로 간단히 조립해서 사용하기 좋은 padro.tistory.com flutter favorites 패키지 한번씩 써보기 1탄으로 현재 핸드폰의 인터넷 연결 상태를 반환하는 Connectivity 패키지를 간단하게 적용해보겠습니다. 패키지 주소: pub.dev/packages/connectivity connectivity | Flutter Package Flutter plugin for discovering the state of the network (WiFi &.. 공감수 1 댓글수 1 2020. 10. 29.
  • [flutter] 플러터 공부좀 해봤다면 flutter favorites는 써봐야지 Flutter 공부를 하다보면 본인이 만든 패키지를 쓰기도 하지만 다른 기관 / 팀 / 사람들이 만들어둔 패키지를 사용하기도 합니다. 애초에 플러터가 레고 형식으로 간단히 조립해서 사용하기 좋은 구성을 갖고있는만큼, 있는 부품으로 빠르게 완성작을 만들어낼 수 있다는 장점을 버리고 혼자 다 개발하는것은... 굳이 그럴 필요가 있을까요? 하지만 개발자라고 하신다면 내가 만들지 않은 패키지/라이브러리를 적용시키는데 많은 고민을 하게 되고, 고민을 하는게 맞습니다 ㅎㅎ 빈약한 기능/완성도의 패키지를 별 고민없이 적용했다가 나중에 치명적인 오류가 발생하거나 업데이트를 해주지 않아 deprecated되기라도 한다면 부랴부랴 대체품을 찾아 적용해야하기 때문이죠. 또 빈약한 패키지는 문서 작성도 제대로 되어있지 않아 .. 공감수 7 댓글수 1 2020. 10. 28.
  • [flutter] JSON 직렬화 더 쉽게하기(Model Class 쉽게 만들기) [flutter] JSON 직렬화 아주 쉽게하기(Model Class 쉽게 만들기) [flutter] JSON 직렬화 아주 쉽게하기(Model Class 쉽게 만들기) flutter로 각종 외부 api를 사용하거나, 서버를 통해 데이터를 받을 때, 혹은 내부 DB에 쿼리를 날려 데이터를 받을 때 보면 데이터 처리하는게 좀 귀찮은 부분이 있다. JSON 데이터를 flutter에서 사용 padro.tistory.com 예전에 위 주제로 JSON 직렬화(JSON to Dart)를 아주 쉽게하는 방법에 대해 포스팅했는데, 결론은 소규모프로젝트는 아래 json-to-dart 홈페이지로 가서 그때그때 작업하고 대규모는 플러터 패키지를 쓰는걸로 냈었다. javiercbk.github.io/json_to_dart/ 그.. 공감수 5 댓글수 0 2020. 10. 22.
  • [flutter] 공공 api에서 cctv 데이터를 가져와서 지도에 표시해보자 - 1탄 앱 개발만 하고싶은데 Todo, 싱글게임 만들거 아니면 웬만해서는 서버(백엔드) 개발이 필수적이다. 요즘엔 serverless라고 해서 서버를 없애는 방식도 많이 사용하지만 이것도 백엔드의 역할을 대신해주는 서비스를 통해 서버를 두지 않는다는거지 백엔드의 기능이 필요없는 것은 아니다. 그럼 토이프로젝트로 앱만들고 싶은데 서버는 하기 싫으면? 각종 데이터를 무료로 가져와 쓸 수 있는 공공api를 써보는 것도 좋을 것이다! 알아야 할 용어 정의부터 살펴보면.. API는 애플리케이션 소프트웨어를 구축하고 통합하기 위한 정의 및 프로토콜 세트로, 애플리케이션 프로그래밍 인터페이스(Application Programming Interface)를 의미한다. API는 대부분 REST API거나, 가끔 SOAP API.. 공감수 2 댓글수 1 2020. 10. 21.
  • [flutter] packages 버전 관리 정리. ^, +, <, =, > 어떻게 써야하나? flutter로 개발을 해다보면, 어떤 기능도 뚝딱 만들어낼 수 있는 천재나 시간이 아주 남아도는 개발자가 아니라면 패키지를 사용하게 된다. https://pub.dev/ Dart packages Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter, AngularDart, and general Dart programs. pub.dev 홈페이지를 들어가면 검색창이 크게 뜨고, 거기서 원하는 패키지의 이름이나, 원하는 기능을 영어로 작성하여 검색이 가능하다. 예를 들어 calendar로 검색을 하면 관련된 패키지들이 다 보이고, 패키지 점수, 인기도, 좋아.. 공감수 1 댓글수 1 2020. 8. 26.
  • [flutter] Dart sort함수 정리 javascript에서 array.sort(function(a,b) {return a-b;}).map(~~~~) 이런 식으로 많이 쓰다가 flutter에서 그렇게 쓰려고하니 막힌다. dart에서 .sort는 리턴값이 없으며 그냥 해당 리스트 자체를 소팅시킨채로 변화시키므로 그 값을 사용해야 한다. List nums = [13, 2, -11]; nums.sort(); print(nums); // [-11, 2, 13] 공감수 0 댓글수 0 2020. 8. 24.
  • [flutter] Expanded, 뭐하는 애지? Row나 Column 위젯을 사용하다보면 Expanded라는 요소를 써야할 때가 있고, 이유모를 에러를 만날 때가 있다. 그래서 써보는 개념정리용. Expanded 위젯은 Row와 Column, Flex의 자식으로 사용 가능하며, 부모의 남은 부분은 전부 채우는 식으로 화면에 나타난다. Expanded가 하나라면 나머지 칸을 전체 채우고, 여러개라면 n분의 1 크기를, 그리고 expanded 내의 flex(int형) 값을 조절해주면 그 크기 비율도 조절할 수 있다. (flex가 2, 1이면 크기도 2:1) 기본 flex값을 1로 갖고 있다. 주로 사용하는 방법 - UI 상 남는 공간이 없게 화면을 꽉 채우고 싶을 때 - 특정 컴포넌트들을 폰 화면 넓이에 맞게 비율로 적용하고 싶을 때 주로 나는 에러 - .. 공감수 4 댓글수 1 2020. 8. 19.
  • [flutter] JSON 직렬화 아주 쉽게하기(Model Class 쉽게 만들기) flutter로 각종 외부 api를 사용하거나, 서버를 통해 데이터를 받을 때, 혹은 내부 DB에 쿼리를 날려 데이터를 받을 때 보면 데이터 처리하는게 좀 귀찮은 부분이 있다. JSON 데이터를 flutter에서 사용하기 위해서는 대부분의 언어가 그렇듯 일단 기본적으로 직렬화/파싱을 해줘야하는데, 플러터에서는 보통 데이터를 매핑할 수 있는 클래스를 별도로 만들어서 사용하게된다. 웹 개발을 주로 해와서 response를 받으면 바로 response.data로 개발을 해왔던 나로써는 왜 이런 작업을 거치지? 라는 의문이 들었는데, 실제 개발을 해보니 의문이 풀렸다. response 데이터 안에 title 이라는 정보가 있다고 하면 response["title"] 이런식으로 접근을 할 수 밖에 없는데 나중에 .. 공감수 3 댓글수 6 2020. 8. 19.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.