티스토리

아기개발자의 성장일기
검색하기

블로그 홈

아기개발자의 성장일기

IT 분야 크리에이터
eunjin3786.tistory.com/m

eungding 님의 블로그입니다.

구독자
100
방명록 방문하기
공지 공지 📣 모두보기
반응형

주요 글 목록

  • [Flutter] 플러터 웹 이슈 기록 저의 웹은 정적 페이지이고 깃헙 호스팅을 이용하고 있습니다. [1] 종종 사파리에서 흐리게 나올 때가 있음 (크롬에서는 안그런 듯) [2] 종종 텍스트 스타일이 설정 해준 것과 다르게 나오는 경우가 있음 이것은 html 렌더러를 사용했을 때 주로 발생했던 것 같습니다. (html 렌더러 몇번, canvaskit 렌더러 몇번 이렇게 정량적으로 테스트를 안했어서 정확하지는 않아요!) [3] 웹 > PDF 내보내기 짤림 이슈 리포팅 함. html, canvaskit 렌더러 둘다 그렇다고 테스트 해주심. https://github.com/flutter/flutter/issues/91671#issuecomment-942055373 [Proposal] Support Print Web app To PDF from t.. 공감수 4 댓글수 4 2021. 10. 13.
  • [Flutter] 플러터 웹앱 배포 (Web App Deployment) Build and release a web app 문서를 봐주면 됩니다. 문서의 목차는 아래와 같은데요! 웹에서 이미지 처리 웹 렌더러 선택 축소 출시를 위한 앱 빌드 웹에 배포 저는 간단한 웹이여서 이미지 처리 / 렌더러 선택 / 축소를 건너뛰고 릴리즈 빌드 & 배포만 해보겠습니다! 웹은 Image를 표시 하는 표준 위젯을 지원합니다. 그러나 웹 브라우저는 신뢰할 수 없는 코드를 안전하게 실행하도록 구축되었기 때문에 모바일 및 데스크톱 플랫폼과 비교하여 이미지로 수행할 수 있는 작업에는 특정 제한이 있습니다. 문서에 위와 같이 적혀있는 부분은 일단 배포해보고 보려고 합니다. (+ 저는 로컬 이미지 하나 사용하는 데 별 문제 없었습니다) [1] 출시를 위한 앱 빌드 아래 명령을 사용해서 배포용 앱을 빌드.. 공감수 4 댓글수 5 2021. 10. 12.
  • [Flutter] RichText 다양한 스타일이 혼합된 텍스트를 쓰고 싶을 때 RichText 위젯을 사용해주면 됩니다. 예를들어 아래 예제처럼 중간 텍스트에만 볼드 처리를 하고 싶을 때 사용합니다. RichText는 TextSpan 으로 구성된 트리로 이루어집니다. 문서의 예제처럼 Hello의 children으로 bold랑 world를 두기 싫으면 이렇게 할 수 도 있습니다. UI는 똑같이 구성됩니다. RichText( text: TextSpan( children: [ TextSpan(text: 'Hello '), TextSpan(text: 'bold', style: TextStyle(fontWeight: FontWeight.bold)), TextSpan(text: ' world!'), ]) ) [ 추천 ] 다양한 Use Case를 .. 공감수 0 댓글수 0 2021. 10. 5.
  • [Flutter] describeEnum package:flutter/foundation.dart 안에 있는 describeEnum 를 이용하여 enum value의 short description 을 구할 수 있습니다. 즉 아래 예제에서 처럼 'Day.monday' 가 아니라 'monday' 를 구할 수 있다는 뜻! [ 실 사용 예제 ] enum Language { KOR, ENG } enum value를 뷰(CupertinoSegmentedControl)에 그대로 뿌리고 싶을 때 사용해주었습니다! (Language.KOR 이런 식으로 뷰에 보여지면 안되니까..) import 'package:flutter/foundation.dart'; int _segmentedIndex = Language.KOR.index; Map _segments() {.. 공감수 0 댓글수 0 2021. 9. 15.
  • [Flutter] 플러터 웹 서포트 / 웹앱 만들기 [ Flutter Web Support ] Flutter 2.0 릴리즈 노트 > Flutter web support hits the stable milestone 을 보면 Flutter 2.0 부터 stable channel 에 web support가 가능해졌습니다! (2021년 3월에 Flutter 2.0 나왔어요) same codebase로 앱(iOS, 안드로이드) 뿐만 아니라 웹도 배포할 수 있습니다! web support를 지원하는 초기 릴리즈는 세가지 시나리오에 포커스를 맞추고 있습니다. 1. Progressive web apps (PWAs) : 웹의 범위를 데스크톱 앱의 기능과 결합하는 점진적 웹 앱 2. Single page apps (SPAs) : 한 번 로드되고 인터넷 서비스와 데이터를.. 공감수 1 댓글수 0 2021. 9. 15.
  • [Flutter] 프로젝트 별로 플러터 버전을 다르게 해주는 방법 플러터 버전 업그레이드 글에서 해준 것은 맥에 설치된 flutter SDK 버전을 업데이트한 것입니다. 해당 Flutter SDK를 flutter SDK path로 참조하고 있는 다른 프로젝트들도 모두 같은 플러터 버전을 쓰게 되겠죠? 그럼 프로젝트 별로 다른 버전을 쓰고 싶다면 어떻게 해야할까요? (파이썬 가상환경처럼 아주 간단하고 깔끔하게 프로젝트별로 다르게 환경을 설정할 수 없는 것 같습니다.... 🥲) [1] 배경지식 > pubspec file의 Dart, Flutter SDK 버전 제약 조건 - 문서: https://dart.dev/tools/pub/pubspec#sdk-constraints # Dart SDK constraints pubspec.yaml 의 네모친 부분은 Dart SDK의 버전.. 공감수 0 댓글수 2 2021. 9. 12.
  • [Flutter] 플러터 버전 업그레이드 Upgarding Flutter 문서 에 해당하는 내용입니다. [1] 배경지식 > channels Flutter는 네가지 release channels 을 가집니다. (stable, beta, dev, master) 그래서 Flutter SDK releases 를 보면 각 채널별로 버전 리스트가 있습니다. Upgrading Flutter 문서를 보면 stable 채널을 사용하기를 권장하고 있고, 아래 명령어로 현재 나의 채널을 찍어보면 stable로 나오는 것을 보아 디폴트값이 stable 인것 같습니다. flutter channel [2] Upgrading the Flutter SDK and packages Flutter SDK와 너의 앱이 의존하고 있는 패키지들을 모두 업데이트하려면 너의 app의 r.. 공감수 2 댓글수 0 2021. 9. 12.
  • [Flutter] 버전 제약 조건 (Version constraints) Version constraints 문서를 보면 버전 제약 조건을 caret syntax (^1.2.3) 또는 traditional syntax ('>=1.2.3 =1.2.3 =1.2.3 =0.1.2 공감수 0 댓글수 0 2021. 9. 11.
  • [Flutter] pub.dev에 flutter package를 publish 하기 Developing packages & plugins 문서를 보고 flutter package를 만들고 pub.dev 에 publish 해보겠습니다. [1] 패키지 구성요소 package의 최소 구성요소로는 - pubspec.yaml 파일 (package name, version, author 등이 명시되어있는 파일) - lib 디렉토리 (코드 모음) 가 있습니다. [2] 패키지 타입 패키지 타입에는 두 종류가 있는데요 - Dart Pacakage - Plugin Pacakage Dart Packacage는 단순히 Dart 파일만 제공하는 패키지 입니다. 보통 유틸리티 함수들을 패키지로 제공하거나 플랫폼 별 분기가 필요없는 파일을 제공하고 싶을 때 사용하는 것 같습니다. Plugin Package는 Fl.. 공감수 1 댓글수 2 2021. 4. 27.
  • [Flutter] Marquee Widget 만들기 (2) - scroll Marquee Widget 만들기 (1) - alternate 에서 이어지는 글입니다. 이 글에서는 1번 타입 (계속 한방향으로 흘러가는 Marquee) 을 만들어본 것을 기록합니다. 참고로 Marquee는 flutter package가 이미 몇개있는데, text 하나만 받을 수 있게 구현되어있더라구요,, 저는 이미지 + text로 된 list를 받을 수 있는 위젯으로 만들어보려고 합니다. text만 scroll하기 원하신다면 이미 잘되어있는 package를 쓰시기를 추천드립니다. [1] 코드 이렇게 Marquee 위젯을 만들어주고 앱에서 테스트 해봅니다. [2] 코드 설명 이전 글의 alternate marquee와 다른 점은 build 메소드와 scroll 메소드 밖에 없는 데요 이거 위주로 살펴보겠.. 공감수 0 댓글수 0 2021. 4. 24.
  • [Flutter] Marquee Widget 만들기 (1) - alternate [1] 용어 보통 Marquee 라고 부르는 것은 두가지 타입이 있습니다. 1) 계속 한 방향으로 흘러가는 Marquee 2) 왼쪽 갔다가 오른쪽 갔다가(?) 를 계속 반복하는 Marquee 이 두개를 각각 나눠 말하는 일반적인 용어를 찾고 싶었는데 못찾았습니다,,, 보통은(특히 웹에서) 1번 타입을 Marquee라고 많이 부르고 있기는 합니다,, (marquee는 현수막이라는 뜻이에요) 그러면 2번을 PingpongMarquee 라고 네이밍해서 일단 만들어보겠습니다. (이름이 잘 안떠오르네요,,😳) ===> (추가) 여기 블로그 에서 봤는데 html에서는 1번을 scroll, 2번을 alternate 속성이라고 부른다고 합니다 [2] PingpongMarquee 만들기 # Step 1. 우선 state.. 공감수 2 댓글수 1 2021. 4. 23.
  • [Flutter] 기기 정보, 앱 정보 구하기 (Device Info, App Info) [1] Device Info Flutter에서 공식 제공하는 device_info 패키지를 사용하면 됩니다. 패키지 설치 후, 예제코드 를 참고해서 구현해주겠습니다. iOS 기기 정보가 예상한 값이 아니죠...? www.theiphonewiki.com/wiki/Models 여기보면 Generation과 Identifier가 각각 있는데요, 위 패키지에서는 Generation을 알려주는 필드는 없고 Identifier를 알려주는 필드만 있습니다 🥲🥲 위의 실행결과에서 iPhone12,1 을 보고 iPhone11이구나! 하고 알아야하는 것입니다..! 하지만 이렇게 매칭하기 힘드니까 pub.dev/packages/ios_utsname_ext 패키지를 쓸 수 있습니다. 이 패키지는 iOSProductionNam.. 공감수 4 댓글수 3 2021. 3. 2.
  • [Flutter] 이메일 보내기 (문의하기) [ 목표 ] 보통 앱의 설정 탭에 문의하기(또는 피드백 보내기) 기능을 넣어서 사용자가 회사 또는 개발자에게 의견을 보낼 수 있도록 합니다. 아이폰 기준, 기본 메일 앱이 깔려있고 메일 앱에 이메일을 등록해놨다면 email을 보낼 수 있는 폼이 나오고 아니라면 얼럿을 띄워줍니다. (MFMailComposeViewController 로 이 기능을 구현합니다.) '포토위젯' 앱의 경우 '프립' 앱의 경우 검색해보니, 안드로이드는 기본 메일 앱이 gmail이라서 gmail 앱 으로 랜딩시킨다고 하네요. 플러터 문서를 검색해보니 email 관련해서 제공해주는 Widget이나 유틸 같은 것은 따로 없는 것 같고 써드파티 패키지를 검색해보니 나옵니다..! (flutter email send라고 검색하면 됨) 저는 .. 공감수 7 댓글수 1 2021. 3. 2.
  • [Flutter] Text에 Gradient Color 넣기 [1] 목표 Flutter의 텍스트에 Gradient 넣어주는 법을 알아보겠습니다. Text의 TextStyle에는 foreground값을 지정해줄 수 있는데요..!! 타입은 Paint 입니다. 이 foreground값을 설정해줘서 Gradient Color를 줘보겠습니다. [2] Paint 클래스 우선 Paint 클래스에 대해서 살펴봅시다. Paint 클래스는 말그대로(?) drawing관련 클래스입니다. 그리고 Constructor는 딱 하나! 디폴트값으로 모든 프로퍼티가 설정되어있는 empty Paint object를 만들어주는 게 있습니다. 그래서 예를들어 이렇게 못쓰고 Paint(color: Colors.white); // 에러 Paint(Colors.white); // 에러 이렇게 써야합니다... 공감수 0 댓글수 1 2020. 11. 27.
  • [Flutter] iOS / 안드로이드 앱 배포하기 iOS 앱 출시 준비하기 , Android 앱 출시 준비하기 위의 플러터 공식문서를 참고해서 진행한 기록을 남깁니다 ✏️ Part1. iOS Part2. 안드로이드 로 해보겠습니다 🔥 Part 1. iOS [1] Display Name 입력 플러터앱 > iOS > Runner 를 열고 displayname을 입력해줍니다. [2] 앱 아이콘 등록 준비한 앱아이콘을 등록해줍니다. [3] 아카이빙해서 AppStoreConnect 업로드 엑스코드에서 Product > Archieve 해주고 Distributed App 누른 뒤, AppStoreConnect에 업로드해주면 됩니다. Part 2. 안드로이드 [1] DisplayName 입력 안드로이드 > app > src > main에 있는 AndroidManif.. 공감수 8 댓글수 4 2020. 11. 16.
  • [Flutter] Firebase Dynamic Link 만들기 + 수신하기 Firebase Dynamic Link를 플러터 앱에 사용해보겠습니다. [ 목표 ] 카톡 공유 > 초대 수락하기를 누르면 앱이 실행되고 특정 화면으로 이동시켜준다! (만약 앱이 안깔려있으면 스토어로 이동 + 사용자가 앱 설치하면 특정화면으로 이동) TODO - 카톡 메세지 템플릿의 '초대 수락하기 버튼'을 만들때 링크를 넣어주기 - 저 링크를 앱에서 받을 수 있도록 하기 [ 구현 큰그림 ] [ firebase_dynamic_links 패키지 설치 ] pub.dev/packages/firebase_dynamic_links 이 패키지를 설치해줍니다. pubspec.yaml에 가서 추가해주고 flutter pub get 명령어를 해주면 끝-! 이제 Part1. 링크 수신하기 Part2. 링크 만들기 Part3.. 공감수 4 댓글수 7 2020. 11. 13.
  • [Flutter] 카카오톡으로 공유하기 (Kakao SDK의 Link Api 사용하기) [1] kakao_flutter_sdk 설치하기 카카오에서 Kakao API를 쓸 수 있는 Flutter SDK를 제공하고 있습니다. (github.com/kakao/kakao_flutter_sdk) 안드, iOS 서포트하고 웹은 곧 서포트해줄 예정이라고 합니다. 저는 카톡공유하기 기능을 만들고 싶어서 Kakao API 중 LinkApi를 쓸 예정입니다. 그럼 우선 패키지를 설치해줄게요. pubspec.yaml > dependencies에 kakao_flutter_sdk: ^0.5.2 를 추가하고 pub get을 눌러주세요 [2] Kakao API 살펴보기 문서를 보면 KakaoAPI는 Token-based API 랑 App key based API로 나눠집니다. 1) Token-based API acc.. 공감수 2 댓글수 11 2020. 11. 11.
  • [Flutter] Device에서 앱 relaunch가 안될때 빌드 모드를 확인하기 [ 문제 ] 안드로이드 스튜디오에서 Run을 해서 앱을 설치한 후, 앱을 날리고 다시 런치해보면 앱이 안나오거나 "iOS 14부터 디버그모드에서는 홈스크린에서 앱을 launch 할수없다. 안드스튜디오나 엑코에서 런치할 수만 있다 !!" 라는 에러메세지가 나오거나 한다. [ Flutter의 빌드 모드 ] 기본적으로 flutter run은 디버그 모드로 컴파일해서 위의 이슈가 발생한 것이다. 프로파일 또는 릴리즈모드로 빌드하면 잘된다. Flutter의 빌드모드 문서를 보고 정리!!+ 근데 저는 문서에 있는대로 안드로이드 스튜디오에서 Run > Run하면 릴리즈가 아니라 디버그모드로 되더라구요,,😳 그래서 명령어로 돌렸어요,, 공감수 0 댓글수 0 2020. 11. 8.
  • [Flutter] Clipboard를 이용해 텍스트를 복사하기 Clipboard 클래스에는 시스템의 클립보드와 interacting하는 Utility methods들이 있습니다. (문서: api.flutter.dev/flutter/services/Clipboard-class.html ) 저는 setData를 사용해서 COPY를 눌렀을때 코드가 복사되도록 해줄게요 Copy버튼을 이렇게 만들어주면 끝-! CupertinoButton( child: Text("COPY", style: TextStyle(fontFamily: MyFontFamily.gyeonggiMedium, color: MyColor.white, fontSize: 12)), padding: EdgeInsets.zero, color: MyColor.black, onPressed: () { Clipboard... 공감수 2 댓글수 0 2020. 10. 30.
  • [Flutter] 서버에서 시간을 받아서 원하는 string으로 포맷팅해주기 (with DateTime, DateFormat) [1] 장고 장고에서 내려주는 DateTime fomat은 iso-8601 입니다. (참고: www.django-rest-framework.org/api-guide/fields/#datetimefield ) 예를 들어 "2020-10-10T14:58:04+09:00" 이런식으로 값을 내려줍니다. iso-8601 포맷의 각 필드에 대한 설명은 이 블로그에서 참조해주세요~ [2] 플러터 2.1 DateTime 다트에서 시간을 표현하는 타입은 DateTime 입니다. 문서를 보면 DateTime만들기, DateTime에서 시,분, 초 구하기 등등이 엄청 간단하게 잘되어있어요 (감동) (swift에서는 extension으로 만들어서 썼었는데,,) 2.2 DateTime의 parse 메소드 저는 formatted.. 공감수 6 댓글수 1 2020. 10. 30.
  • [Flutter] Firebase Cloud Messaging 연동 + 파베 콘솔에서 푸쉬보내기 [1] Flutter 앱에 Firebase 추가하기 Flutter 앱에 Firebase 추가 문서를 보고 따라해주세요 그리고 iOS는 안드로이드와 달리 한단계 더 있는데, APN(Apple push notification) 구성을 따로 해줘야합니다. (참고: iOS에서 Firebase 클라우드 메시징 클라이언트 앱 설정) [2] iOS - APNs APNs(Apple push notification service)는 애플 developer 사이트에 들어가서 인증서 또는 인증키를 발급해야지 사용할 수 있습니다. 두가지 방식의 차이는 이 글을 참고해주세요! (저는 처음에 잘모르고 인증서, 인증키 둘다 만들었는데 하나만 만들어도 됩니다) 우선 developer사이트에서 앱등록 먼저 해줄게요 인증서(2.1) 또.. 공감수 4 댓글수 2 2020. 10. 23.
  • [Flutter] Serializing JSON inside model class [1] 문서보기 한글문서: flutter-ko.dev/docs/development/data-and-backend/json 영어문서: flutter.dev/docs/development/data-and-backend/json 1) serialization 용어 정리 우선 serialization에 대한 용어정리부터 시작합니다. Encoding과 serialization는 같은 것입니다. 데이터구조(data structure)를 string으로 바꿉니다. 이와 반대되는 개념으로 Decoding과 deserialization이 있습니다. string을 데이터구조로 바꿉니다. 하지만, serialization(직렬화)는 일반적으로 데이터 구조를 읽기 쉬운 형태로 변환하는 과정을 가리키기도 합니다. 혼란을 피하.. 공감수 0 댓글수 0 2020. 10. 16.
  • [Flutter] Spacer로 adjustable한 empty spacing을 만들기 [1] 문서보기 Spacer 는 Row 나 Column 같은 Flex container 안에 있는 위젯들 사이에 adjustable, empty spacer 를 만들때 쓰는 위젯이라고 합니다. 문서에 있는 예제를 돌려보면 이렇게 됩니다. adjustable한 빈공간이 잘 들어갔네요! 생성자는 이렇게 생겼습니다. [2] 실전예제 Row를 만드는데 왼쪽 화면에 나의 가족 코드~~ 텍스트가 붙어야하고 오른쪽 화면에 버튼이 붙으면 좋겠어! 이럴때 두 위젯 사이에 adjustable한 empty spacing이 필요합니다. 그때 두개의 위젯사이에 Spacer를 위치하면 됩니다. Row( children: [ Text("나의 가족 코드: ${UserManager().user.familyCode}", style: _.. 공감수 0 댓글수 0 2020. 10. 15.
  • [Flutter] FutureBuilder를 통해 비동기상황에서 뷰 대응을 해주자 [1] 문서보기 FutureBuilder 는 Future와 상호작용한 마지막 스냅샷으로 자신을 빌드하는 위젯(?) 이라고 합니다. 정의가 잘 안와닿는데, 사용용도를 보면 확 이해가 됩니다 API콜을 해서 응답을 받기 전까지는 로딩 위젯를 보여주고 성공 응답을 받으면 데이터를 보여주는 위젯을 보여주고 실패 응답을 받으면 에러메세지를 보여주는 위젯을 보여주고 싶을때 쓰는 위젯입니다. 문서에 예제가 너무 잘되어있는데 이런식으로 쓸 수 있습니다. (문서코드 복붙) class MyStatefulWidget extends StatefulWidget { MyStatefulWidget({Key key}) : super(key: key); @override _MyStatefulWidgetState createState(.. 공감수 7 댓글수 1 2020. 10. 2.
  • [Flutter] 쿠퍼티노 얼럿 띄우기 (CupertinoAlertDialog, showCupertinoDialog) CupertinoAlertDialog 플러터에서 iOS 스타일의 얼럿을 만드려면 CupertinoAlertDialog 를 쓰면 됩니다. 생성자는 이렇게 생겼습니다. 예를 들어 이렇게 만들면 됩니다. CupertinoAlertDialog( title: Text("Alert"), content: Text("My alert message"), actions: [CupertinoDialogAction(isDefaultAction: true, child: Text("Close")), onPressed: null] ) showCupertinoDialog 그럼 얼럿을 만드는 법을 알았으니 어떻게 띄울수있는지 알아보겠습니다. showCupertinoDialog function을 사용하면 됩니다. 이렇게 생겼고 iOS-.. 공감수 0 댓글수 0 2020. 9. 25.
  • [Flutter] iOS, 안드로이드에서 로컬 서버에 접속하기 현재 내 컴퓨터에서 돌리고 있는 로컬 서버에 접속하려면 어떻게 해야할까요?! (저는 장고로 API 개발중이여서 장고 서버를 기준으로 한 글입니다.) 우선 시뮬레이터(iOS), 에뮬레이터(안드로이드)도 하나의 OS이기 때문에 여기서 localHost를 부르면 자기자신이 됩니다. (내 컴퓨터가 아니라) 그래서 앱에서 api 콜을 해봐도 서버에 연결이 안된답니다,, Android Emulator 네트워킹 설정 을 보면 10.0.0.2.2라는 특수주소로 접근할 수 있다고합니다. iOS Simulater는 또 다르게 해줘야하는데 (찾아본 여러 방법 다 안되서 적지 않을게요,,) 귀찮으니까 여기를 보고 장고 서버가 다른 컴퓨터에서도 접속할 수 있게 해보겠습니다. [1] 터미널에서 아래의 .. 공감수 0 댓글수 1 2020. 9. 25.
  • [Flutter] 화면전환 (Navigator, CupertinoPageRoute) 플러터에서 화면전환을 하고 싶다면 Navigator와 CupertinoPageRoute를 보면 됩니다. CupertinoPageRoute 전체 화면을 iOS 전환으로 대체하는 모달 경로 (modal route) 라고 합니다. 생성자는 이렇게 생겼어요 이런식으로 이동하고자 하는 위젯을 builder에 넣어주면 됩니다. CupertinoPageRoute(builder: (context) => SignupWidget()) 그리고 fullScreenDialog 디폴트값이 false인데요, false이면 push처럼 동작하고 (오른쪽에서 왼쪽으로 새로운 페이지가 나타남) The page slides in from the right and exits in reverse. The page also shifts to .. 공감수 0 댓글수 0 2020. 9. 25.
  • [Flutter] Provider로 앱 상태 관리하기 아래 움짤처럼 여러 화면에서 상태를 공유해야할때 어떻게 해야하는지 State management 문서를 살펴보겠습니다. 1) 선언적으로 생각하기 우선 선언적으로 생각하라고 합니다. SwiftUI 처럼 state가 바뀌면 뷰를 아예 다시 그리는 컨셉 🆗👌 2) 임시상태 vs 앱상태 (Ephemeral state vs app state) 그 다음에 임시 상태와 앱상태를 구분하라고 합니다. (Ephemeral state vs app state) 임시상태는 말그대로 단일 위젯에만 딱 포함되는 상태입니다. (다른 위젯들이 이 위젯의 상태에 대해 몰라도됨) 그리고 사용자가 앱을 닫았다가 다시 시작하면 초기값으로 재설정되도 되는 상태입니다. 이런 경우 setState()를 써서 상태관리를 해주면 됩니다. 앱상태는 앱.. 공감수 9 댓글수 0 2020. 9. 23.
  • [Flutter] Textfield에서 text가져오기 textField.text로 값을 가져올 수 있으면 좋겠지만,,,,! (이렇게 못함) Retrieve the value of a text field 문서에서는 TextField의 text를 얻기위해서 TextEditingController를 사용하라고 합니다. CupertinoTextField 생성자를 보면 TextEditingController를 넣어줄 수 있게 되어있네요 현재 이 화면을 만드는 LoginForm 코드는 이렇게 되어있는데요, 텍스트 필드에서 값을 가져올 수 있도록 바꿔보겠습니다,,!! 1) TextEditingController 만들기 우선 TextEditController를 만들어주세요 그리고 dispose함수를 오버라이딩하여서 위젯이 disposed될때 controller도 disp.. 공감수 2 댓글수 0 2020. 9. 22.
  • [Flutter] 플러터 프로젝트에 Image 파일 넣기 + 커스텀 탭바 아이콘 우선 플젝에 images 디렉토리를 만들어줍니다. 그리고 여기 넣고 싶은 이미지파일들을 넣어주세요 (저는 이 안에 tabbar라는 디렉터리도 하나 더 만들었어요) 아래 하이라이트한 형식의 이미지들을 넣을 수 있다고 합니다-! 그 다음에 pubspec.yaml에 가서 flutter 밑에 네모 친 것 처럼 이미지 디렉토리를 명시해주세요 문서에 보면 이렇게 해주는 것은 이 디렉토리에 있는 모든 이미지들을 include하겠다!! 하는 거라고 합니다. 이렇게 한땀한땀 이미지 path들을 넣어줄 수 도 있는데, 이것은 너무 귀찮으니까 디렉토리로 해줍니다. 그러면 pub get이 뜨는데 이걸 누르거나 아니면 콘솔 > 터미널 누르고 아래 명령어를 입력해주세요 flutter pub get 근데 iOS에서는 이미지를 잘 .. 공감수 0 댓글수 0 2020. 9. 19.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.