본문 바로가기

[Mobile]

 (86)
[Flutter] BoilerTemplate 카카오 로그인(Aos) Android 카카오 로그인 연동 1. AndroidManifest.xml packageName 확인 2. 해시키 값 얻는 명령어 keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore -storepass android -keypass android | openssl sha1 -binary | openssl base64 위 두가지 내용을 해당 정보에 넣어준다. 3. AndroidManifest의 파일에 아래 내용을 추가해준다. 여기서, kakao~key}까지 다 지우고, 즉 안에 값을 통으로 네이티브 키값으로 변경해줘야한다. 4. build.gradle compileSdkVersion 를 33버전으로 고정해준다. min..
[Flutter] BoilerTemplate BottomNavigation BoilerTemplate BottomNavigation에 대해서 구현할거다. 저번에는 로그인에 대해서 까지만 구현했다. 로그인 이후에 해당 사용자 정보를 가지고 메인으로 가는 소스를 구현해보자 물론 메인으로 가기전에 캐시에 저장은 할 것이다. 1. 로그인 성공 시 main 화면으로 이동 IconButton( icon: Image.asset('assets/images/kakao_login.png'), iconSize: 350, onPressed: () async { viewModel.login().then((value) => Navigate.pushPageReplacement(context, MainScreen()) ); } ) login을 하면 NavigatepushPageReplace로 페이지를 전환..
[Flutter] 리팩토링 플러터는 관리를 안하면 한 화면에 너무 많은 위젯들이 담기게 되어 소스가 너무 길게 된다. 그래서 위젯별로 나눌수있도록 하는 방법에 대해서 알아보자 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 '..
[Flutter] Boiler Flutter Template. 소셜 로그인 (IOS) 소셜 로그인을 달아 놓을 거다. 카카오 개발자 계정 관련 세팅을 정리한다. 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를 열고 아래 사진 처럼 확인 저장이 되면 아래와 같이 등록이 된다...
[Flutter] BoilerTemplate App 만들기 보일러 템플릿을 만들 것이다. 1. 하단 네비게이션 2. 소셜 로그인 3. 네비게이션 별 아이템 리스트로 불러오기 4. 외부 서버 호출모듈 일단 이런 기능이 있는 BoilerTemplate을 만들 예정이다. 모든 앱의 기초랄까.. 무튼 다음 글에는 해당 하나씩 구현해가는 글을 써보자
[Flutter] IOS 앱 빌드 및 배포 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.신규 앱 등..
[Flutter] SharedPreferences 데이터 삭제 및 수정 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..
[Flutter] SharedPreferences 사용하여 입/출력 정리 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..

티스토리툴바