반응형 Android15 [Flutter][KakaoLogin] 플러터 카카오 로그인 구현 (1. 설정) 1. 플러터 프로젝트 생성 2. 카카오 디벨로퍼스에서 어플리케이션 추가하기 3. 의존성 설정 추가하기 프로젝트 루트 디렉토리에서 터미널을 켜고 아래 명령어를 입력한다. flutter pub add kakao_flutter_sdk_user pubspec.yaml 4. 플랫폼 정보 등록하기 -네이티브 앱 키를 복사한다. 4.1 안드로이드 - 4.1.1 패키지명 -- android/app/src/main/AndroidManifest.xml - 4.1.2 키 해시 (mac)터미널에서 실행시키면 된다. (window)OpenSSL 사용 (위 키해시 링크 참고) -- mac[debug] keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.ke.. 2023. 4. 23. [Flutter] apply? copyWith? in TextTheme 원문 https://api.flutter.dev/flutter/material/TextTheme-class.html apply 와 copyWith를 이전 언어에서도 잘 사용해보지 않아서 차이점을 몰랐다. 이번에 구글에서 제공하는 코드랩을 진행하면서 마주하게되었다. 코드를 보고나니 정리할 필요가 있다고 생각되어 작성한다. 예시 코드는 아래와 같다. 공식 문서의 Methods에서 확인해보면 apply({String? fontFamily, double fontSizeFactor = 1.0, double fontSizeDelta = 0.0, Color? displayColor, Color? bodyColor, TextDecoration? decoration, Color? decorationColor, TextD.. 2022. 11. 18. [Flutter] Widget에 Border 추가하기 React 혹은 RN에서 넘어왔기 때문에 각 객체에 border 속성이 있는 것은 당연한 개념이였다. 하지만 이게 뭐람 Flutter의 Widget에는 style이 없는 것도 있었다. 종종 decoration을 통해 여러 속성을 설정 할 수 있는 Widget이 있었지만 모든 Widget이 border를 설정할 수 있는 옵션은 없었다. 다행히도 구글에서 손쉽게 그 방법을 찾을 수 있었다. 내가 찾은 글은 아래 링크와 같다. https://stackoverflow.com/questions/47423297/how-can-i-add-a-border-to-a-widget-in-flutter How can I add a border to a widget in Flutter? I'm using Flutter and .. 2022. 11. 17. [Flutter] StatefulWidget 알아보기 상태 변화를 감지하는 기준이 되는 변수를 사용하여 상태 변화에 따라 어떠한 액션이나 형태를 바꿀 수 있는 위젯이다. 상태 변화는 State 내에서 setState를 통해 변경하고 이를 자동으로 감지하여 다시 그려준다. 공식 문서를 (번역하는 과정 중에 있다.) 읽어보는 것이 가장 빠르다. 원문 번역본 (w. papago) https://api.flutter.dev/flutter/widgets/StatefulWidget-class.html StatefulWidget class - widgets library - Dart API A widget that has mutable state. State is information that (1) can be read synchronously when the wid.. 2022. 11. 16. 안드로이드 폰트 스케일링 끄는 법(Disable FontScaling [React Native] 출처 https://stackoverflow.com/questions/35964078/how-to-disable-font-scaling-in-rn-for-android/44453017 How to disable font scaling in RN for Android? Simply using allowFontScaling={false} fixes this on iOS, but I'm unsure how to set this on Android. Also, for anyone that's not familiar with RN and is coming here from the Android tag, I don't th... stackoverflow.com Please Update ManiApplication... 2021. 7. 30. [두둥] react-responsive & react-device-detect 파이어베이스로 호스팅을 하기 때문에 하나의 프로젝트에 하나의 소스만 올릴수 있다. 따라서 두가지 방법이 있다. 1안 웹용 소스, 모바일용 소스를 각각의 프로젝트에 올려서 domain.com 과 m.domain.com에 적용할지 2안 하나의 소스 내부에서 PC || Table || Mobile 을 판단해서 이에 따라 적용할 소스를 바꿔주는 것이다. 관련 정보를 찾아본 결과 "반응형 모듈" 을 사용해서 구현하는것이 대중적으로 보인다. 이는 화면의 크기에 따라 구분하는 것이다. github.com/contra/react-responsive#react-responsive-- contra/react-responsive CSS media queries in react - for responsive design, a.. 2021. 3. 17. Navigation Graph developer.android.com/guide/navigation/navigation-getting-started 탐색 구성요소 시작하기 | Android 개발자 | Android Developers 이 주제는 탐색 구성요소를 설정하고 사용하는 방법을 설명합니다. 탐색 구성요소의 대략적인 개요는 탐색 개요를 참고하세요. 환경 설정 참고: 탐색 구성요소는 Android 스튜디오 3.3 이상이 필요 developer.android.com Include the Jetpack Navigation library Add a NavHost to the activity Create a navigation graph Add fragment destinations to the navigation graph nav_gr.. 2021. 2. 11. MainActivity.kt Code in the MainActivity class class MainActivity : AppCompatActivity(R.layout.activity_main) is same as the following code using the default AppCompatActivity constructor: class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.main_activity) } } 2021. 2. 11. Notes... Note: When you override the onCreate() method, you must call the superclass implementation to complete the creation of the Activity, so within it, you must immediately call super.onCreate(). The same is true for other lifecycle callback methods. Note: A good convention is to declare a TAG constant in your class: const val TAG = "MainActivity" and use that in subsequent calls to the log methods, .. 2021. 2. 9. [ReactNative] react-native-picker itemStyle in Android react-native-picker의 itemStyle 속성은 iOS 에서만 작동된다고 써있다 따라서 Android 에서는 따로 커스텀 할 수 없는 것으로 알고있었다. 하지만 StackOverFlow에서 Android Style.xml 단에서 수정하여 적용시키는 법을 찾았다. stackoverflow.com/questions/38921492/how-to-style-the-standard-react-native-android-picker#comment80255009_39141949 How to style the standard react-native android picker? I am unable to style it. There is hardly any documentation on this. I wa.. 2020. 12. 24. [React Native] Splash Image dev-yakuza.posstree.com/ko/react-native/react-native-splash-screen/ App Splash 스크린 RN(React Native) 프로젝트에서 react-native-splash-screen를 사용하여 Splash 스크린을 원하는 시간에 종료하도록 만들어 보자. dev-yakuza.posstree.com github.com/crazycodeboy/react-native-splash-screen crazycodeboy/react-native-splash-screen A splash screen for react-native, hide when application loaded ,it works on iOS and Android. - crazycodeboy/r.. 2020. 12. 1. [React Native & Android] Build apk,abb velog.io/@dear_sopi9211/react-native-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-APKAAB-%ED%8C%8C%EC%9D%BC-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0 [react-native] 안드로이드 APK(AAB) 파일 생성하기📱 Production test build 하기 전에 먼저 해당 프로젝트 에뮬레이터 또는 Android device에서 성공적으로 컴파일이 되고 실행이 되고 오류는 없는지 확인한 후 진행하여야 합니다. 1. key store 생성 Android 용 Rea velog.io 1. [React Native Project] / android / app 안에 .keystore 혹은 .jks .. 2020. 11. 30. 이전 1 2 다음 반응형
