대부류 - [Dev u Ryu]

Flutter 에서 Firebase 를 활용해서 각종 SNS 로그인 기능을 구현에 관심있는 사람들을 위해서 만든 SNS 로그인 시리즈 입니다. 이번 포스팅에서는 애플 로그인을 구현하는 방법을 알려드릴려고 합니다. iOS 앱에서 SNS 를 활용해서 로그인 기능을 만들경우 Apple 의 정책상 Apple Sign in 기능이 필수 이기에 반드시 필요한 기능입니다.위의 설명처럼 SNS login 기능을 넣을 경우, Apple Sign in 을 제공하지 않으면 심사를 통과할 수 없습니다.  그럼, 애플 로그인 기능을 만들어봅시다!!! 1. Firebase 인증 + 애플 로그인 기능을 만들기 위한 사전 완료 작업- Firebase 프로젝트 생성 및 설정- Apple Developer 계정 (유료 / 2024...

Flutter 에서 Firebase Authentication 과 Kakao Login 을 활용해서 카카오 로그인 기능을 만드는 방법 순서는 다음과 같습니다.1. Kakao 애플리케이션 생성 및 네이티브 앱 키 & Client Secret 키 생성2. Firebase OpenID Connect 셋팅3. Flutter 프로젝트 pubspec.yaml 파일에 kakao 패키지 추가4. 플랫폼별 설정 작업5. main() KakaoSDK 초기화 작업6. 로그인 코드 구현7. kakao developers 에서 각 플랫폼 등록8. kakao developers 로그인에서 OpenID Connect 활성화 설정 1. Kakao 애플리케이션 생성1. 애플리케이션 추가kakao developers 방문해서 애플리케이..

Riverpod 패키지 (pub.dev) RiverpodRiverpod 은 상태 관리를 도와주는 패키지(라이브러리) 이며, Provider 패키지를 만든 곳에서 Provider 의 한계를 개선해서 만든 패키지 입니다. 상태 관리그런데 여기서 상태 관리 라는건 무엇일까요?상태관리는 애플리케이션에서 데이터나 UI 의 상태(state)를 효과적으로 관리하고 유지하는 방법을 의미합니다. Flutter와 같은 프레임워크에서는 사용자의 상호작용이나 데이터 변경에 따라 화면이 갱신되어야 하기 때문에 상태관리가 매우 중요한 역할을 합니다.요약하자면, 화면상의 정보에 영향을 미치는 변수를 업데이트, 삭제하는 등의 화면에 표현하는 것을 상태 관리라고 합니다. 1. State 상태  : 애플리케이션에서 상태는 다음을 포함다..

class Human { String name; int age; Human({required this.name, required this.age}); factory Human.fromJson(Map json) : this( name: json['name'], age: json['age'] );} fromJson() 는 JSON 데이터를 객체로 변환하기 위해 만들었습니다. 일반적으로, API 호출이나 파일 읽기 등의 작업에서 데이터를 JSON 형식으로 받는 경우가 많습니다.JSON 데이터는 Dart에서 Map 형태로 표현됩니다.하지만 JSON 데이터만으로는 객체지향 프로그래밍의 장점을 살리기 어렵습니다. 따라서, 이 데이터를 우리가 정의한 클래스 객체로 변환해야 할 필요가 있습니다..

Flutter 에서 함수형 위젯과 클래스형 위젯 선택을 어떻게 하면 좋을지에 대해서 공부한 내용을 공유합니다. 기본적으로 공식(?) 영상을 봤습니다만 생각보다 궁금한 부분들이 잘 해소되진 않았습니다.https://youtu.be/IOyq-eTRhvo?si=VSz-YpbZeAghi6kS   해당 유튜브 영상을 바탕으로 블로그, Medium 글들을 여럿 읽고 GPT와 열심히 대화를 하면서 학습을 했습니다. 학습을 통해서 얻은 내용을 요약하면 다음 4가지 입니다. 클래스형 위젯 vs 함수형 위젯, 4가지 결론1. UI 가 복잡하면 클래스형 위젯, 복잡하지 않으면 함수형 위젯2. 재사용을 할것이면 클래스형 위젯, 재사용하지 않을꺼면 함수형 위젯3. DevTools 로 디버깅 잘하고 싶으면 클래스형 위젯, 디버깅..

여러가지 버튼 위젯으로 BorderRadius(테두리) 를 변경하는 방법을 설명하고자 한다. 설명에는 ElevatedButton, TextButton, OutlinedButton 을 활용한 변경과 기본적인 Container 를 사용한 방법을 소개한다.1. ElevatedButton 테두리 변경하기ElevatedButton( onPressed: () { // 버튼 클릭 시 동작 }, style: ElevatedButton.styleFrom( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(16), ), ), child: Text("Rounded Button"),)1.1 ElevatedButton 에서 ..

Could not build the precompiled application for the device. [ +1 ms] Error (Xcode): Provisioning profile "iOS Team Provisioning Profile: com.test.test" expired on Feb 4, 2024. /Users/.../SourceCode/self_talk/ios/Runner.xcodeproj

Flutter 에서 DropdowButton 의 텍스트를 중앙정렬 하기 위한 방법 1. DropdownButton 을 최대로 확장한다. DropdownButton( isExpanded: true, ... ) 2. DropdownButton 의 DropdownMenuItem 에서 child 를 Center 로 감싸준다. return DropdownMenuItem( value: value, child: Center( child: Text( value, textAlign: TextAlign.center, ), ), ); https://stackoverflow.com/a/63995395/3897810 How to center text in DropdownButton? I'm trying to make the D..

TextFormField - 텍스트 정렬 : textAlignt : TextAlign.center - 글자수 제한 inputFormatters : [ LengthLimitingTextInputFormatter() ] - Border 처리 decoration : InputDecoration( border : OutlineInputBorder() ) - Padding 처리 decoration : InputDecoration( contentPadding : EdgeInsets. ) 예시) TextFormField( textAlign: TextAlign.center, inputFormatters: [ LengthLimitingTextInputFormatter(1), ], decoration: const Inpu..

Could not build the precompiled application for the device. Error (Xcode): Sandbox: rsync.samba(79798) deny(1) file-write-create /.../build/ios/Debug-iphoneos/Flutter.framework Error (Xcode): Sandbox: dart(79778) deny(1) file-write-create /.../build/ios/Debug-iphoneos/.last_build_id Error (Xcode): Flutter failed to write to a file at "/.../build/ios/Debug-iphoneos/.last_build_id". Xcode15 이상으로 업..