Home

2024
etcetc

Firebase Cloud Messaging(FCM) 설정

프로젝트 설정 > p.12인증서 내보내기 > APNs키발급 > firebase 업로드firebase docs에서 참고할 수 있습니다. IOS 설정인증서 설정 Xcode 프로젝트 작업공간(ios/Runner.xcworkspace)을 엽니다. 푸시 알림을 사용 설정합니다. 백그라운드 가져오기 및 원격 알림 백그라운드 실행 모드를 사용 설정합니

frontendreact

Gatsby에 Tailwindcss 추가하기 (팁 CLI 방법)

설치하기Gatsby 프로젝트에서 tailwindcss 프로젝트를 추가할때 사용하는 방법입니다.추가로 프로젝트마다 tailwindcss를 쉽게 추가할 수 있는 팁도 알려드리겠습니다. 12npm install -D tailwindcss postcss autoprefixer gatsby-plugin-postcssnpx tailwindcss init -p tai

2023
frontendflutter

flutter local notification 사용하기

패키지 설치1flutter pub add flutter_local_notifications local notification 패키지를 설치해 줍니다. Android 프로젝트경로/android/app/src/main/AndroidManifest.xml에 다음을 추가합니다. 12android:showWhenLocked="true"android:turnScre

frontendflutter

flutter splash screen과 app icon 설정

12flutter pub add flutter_native_splashflutter pub add flutter_launcher_icons 패키지를 설치합니다 AppIcon을 제작할때는 Kitchen Icon Site를 참고합니다. 코드 추가pubspec.yaml 파일 맨 하단에 다음 코드를 추가해주도록 합니다.다음 경로에 이미지가 있어야합니다. ass

frontendflutter

안드로이드 flutter 빌드시 주의사항

안드로이드 빌드하기구글 플레이 콘솔에서는 aab파일을 업로드 해야합니다. flutter 프로젝트 루트에서 다음 커맨드를 입력합니다. 1flutter build appbundle 위의 커맨드를 입렵하면 aab파일로 번들이 됩니다. apk 파일로 따로 다운로드 받고 싶을때는 다음처럼 커맨드를 입력하면 됩니다. 1flutter build apk 빌드 버전버전

frontendflutter

flutter firebase crashlytics 추가하기

firebase crashlytics는 사용자가 앱을 사용하면서 발생하는 크리티컬한 에러들이 발생한 내역을 확인할 수 있는 서비스입니다. 공식 문서 먼저 이전에 firebase 기본 설정들을 해줍니다.설정방법은 이전 포스트에서 다루었습니다 1flutter pub add firebase_crashlytics 1flutterfire configure 두가지

frontendflutter

flutter firebase 초기 설정하기

firebase 사이트에서 기본적으로 설정이 완료 되어있는 상태 firebase-tools을 설치한다. 1npm i -g firebase-tools 컴퓨터에 firebase의 id,pw 가 등록되어있어야한다.파이어베이스 로그인을 진행한다. 1firebase login configure를 입력하면 자동으로 flutter에 맞게 appId 값들이 지정된다.

frontendReactNative

react native(리액트 네이티브) ios 배포하기

시작하기ios 배포를 하기 위해서는 ios 개발자 계정이 필요합니다.애플 개발자계정은 apple developer에서 등록할 수 있습니다.개발자 멤버쉽을 구매해야하는데 1년에 129,000원정도 합니다. 1년마다 만료가 되기때문에 1년이 되기전에 갱신을 해주어야 합니다.아이폰, 아이패드 등의 애플기기가 있어야만 등록이 가능합니다. 멤버쉽을 구매하고 며칠을

frontendReactNative

react native(리액트 네이티브) 안드로이드 배포하기

시작하기구글 개발자 등록이 완료되어있고 react native 프로젝트가 있다는 가정하에 배포 방법을 알아보도록 하겠습니다. keytool로 개인서명키 만들기 Gradle properties 변수들 작성 Gradle 설정파일 수정 release AAB(Android App Bundle) 빌드 AAB 파일 업로드 개인정보처리방침 1. keytool로 개인