DevBoi

플러터는 관리를 안하면 한 화면에 너무 많은 위젯들이 담기게 되어 소스가 너무 길게 된다. 그래서 위젯별로 나눌수있도록 하는 방법에 대해서 알아보자 1. screen과 widget별로 나누는게 좋다. 버튼에 대한 코딩은 widget 폴더에, 화면 구성에 대한 패키지는 screen 하위에 두는 것이 좋은것같다. 나는 login 화면인, login.dart는 sreen에 이외 카카오버튼에 구성되는 widget은 별도로 뻈다. import 'package:boilerflutterapp/main.dart'; import 'package:boilerflutterapp/util/animations.dart'; import 'package:boilerflutterapp/util/const.dart'; import '..

소셜 로그인을 달아 놓을 거다. 카카오 개발자 계정 관련 세팅을 정리한다. 1. Kakao Developer 세팅 https://developers.kakao.com/docs/latest/ko/getting-started/app#platform Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 로그인 > 내 애플리케이션>애플리케이션 추가 추가한 애플리케이션 > 플랫폼 설정 하기 우선 IOS부터 진행하자 Bundle 아이디 찾는 법 : 해당 프로젝트 Runner.xcworkspace를 열고 아래 사진 처럼 확인 저장이 되면 아래와 같이 등록이 된다...

보일러 템플릿을 만들 것이다. 1. 하단 네비게이션 2. 소셜 로그인 3. 네비게이션 별 아이템 리스트로 불러오기 4. 외부 서버 호출모듈 일단 이런 기능이 있는 BoilerTemplate을 만들 예정이다. 모든 앱의 기초랄까.. 무튼 다음 글에는 해당 하나씩 구현해가는 글을 써보자

TestFlight 와 곂치는 부분은 링크로 대체, 해당 부분에서 확인 하면 된다. https://devboi.tistory.com/563 [Flutter] IOS 앱 빌드 및 배포 (TestFilght) 1. 앱 식별자 등록 developer.apple.com > 식별자 관리 > Bundle Id에 대한 추가를 해줘야 한다. 아래와 같이 만들고, 새앱으로 이동해준다. 2.신규 앱 등록 해당 신규 앱을 추가하면, 아까 식별자로 등록한 devboi.tistory.com 1. 앱 식별자 등록 (Testflight 확인가능) Ios Bundle Id > ios/Runner.xcodeproj/project.pbxproj 파일에 있는 PRODUCT_BUNDLE_IDENTIFIER 속성에 들어있다. 2.신규 앱 등..

1. 슬라이드로 밀면 삭제되는 위젯은 Dismissed 로 감싸주면 된다. 기존 소스에서 아래로 바꿨다. child: Dismissible( key: UniqueKey(), onDismissed: (direction) { if(list.length == 1){ list = []; } else { list.removeAt(index); } memoInterface.saveList(list); }, child: Container( height: 80, margin: const EdgeInsets.symmetric( horizontal: 16, vertical: 4, ), decoration: BoxDecoration( color: list[index].completeYn == "N" ? Colors .blu..

SharedPreferences에 대한걸 정리한다. 동기/비동기에 대한 처리를 제대로 하지않아, 오류가 발생했다. 목표 : SharedPreferences에 데이터를 넣고, 해당 데이터가 업데이트 될때마다, 리스트뷰에 추가해준다. 1. 저장 객체 선언 class Memo{ int? id; String content=''; String? completeYn; Memo(int id,String content,String completeYn){ this.id = id; this.content = content; this.completeYn = completeYn; } Map toJson() { return { 'id': this.id, 'content': this.content, 'completeYn': th..

1. 의존성 추가 shared_preferences: ^2.2.0 2. 텍스트 받을 위젯 세팅 final _contentEditController = TextEditingController(); child: TextField( controller: _contentEditController, style: TextStyle(color: Colors.black), decoration: InputDecoration( border: InputBorder.none, hintText: '메모를 입력해주세요', hintStyle: TextStyle(color: Colors.grey[300])), cursorColor: Colors.blue, ), 3. 인스턴스 초기화 (대부분 State단에서 선언) final Futu..

1. 별도 메소드 작성 Future _dialogBuilder(BuildContext context) { return showDialog( context: context, builder: (BuildContext context) { return AlertDialog( title: const Text('Basic dialog title'), content: const Text( 'A dialog is a type of modal window that\n' 'appears in front of app content to\n' 'provide critical information, or prompt\n' 'for a decision to be made.', ), actions: [ TextButton( sty..

ui나 여러가지 프론트 모듈은 아래 사이트에서 맘에 드는거 골라쓰면 된다. https://fluttergems.dev Flutter Gems - A Curated List of Top Dart and Flutter packages Flutter Gems is a curated list of top Dart and Flutter packages that are categorized based on functionality. Flutter Gems is also a visual alternative to pub.dev fluttergems.dev 아주 개꿀이다. 예제 소스, 사용방법 까지 다나온다. ui뿐 아니라, 여러가지 다루기 힘든 유틸성 모듈까지, 라이브러리 로우레벨 까지 다 지원되니까 보면서 사용하면..

오늘은 스플래시 페이지를 만들거다. 사용 이유, 초기 앱 로딩시 보여주는 화면(이때 다양하게 데이터를 로딩하거나, 초기작업을 함) 별도로 소스는 필요없는 듯하다. dependencies: flutter_native_splash: ^2.3.1 root project 하위에 flutter_native_splash.yaml 생성 flutter_native_splash.yaml 파일 내용가이드와 별 다른 차이는 일단 없다.필요시 단순히 추가해주면 된다. flutter_native_splash: # This package generates native code to customize Flutter's default white native splash screen # with background color and ..