플러터4 [Flutter on Mac] 플러터 스플래쉬 이미지 적용하기 - 23.07.06 평소에 앱을 실행시키면 처음 로딩할 때 나오는 이미지가 있는데, 그 이미지를 splash 이미지라고 한다. 스플래쉬 이미지를 적용시키는 방법은 다음과 같다. 1. 플러터 스플래쉬(flutter_native_splash) 패키지 설치 flutter pub add flutter_native_splash 위 명령어를 터미널에 입력하여 flutter_native_splash 패키지를 설치한다. 2. 프로젝트의 루트 폴더에 flutter_native_splash.yaml 파일 생성 프로젝트의 루트 폴더는 pubspec.yaml 파일이 존재하는 위치이다. 이곳에 flutter_native_splash.yaml 파일을 생성하고 다음 코드를 입력하여 저장하였다. flutter_native_splash: # This p.. 2023. 7. 6. [Flutter on mac] 플러터 카카오 로그인 연동 과정 - 23.07.03 플러터 프로젝트에서 카카오 로그인 기능을 연동시키는 과정을 간단하게 기록한다. 참고한 링크는 다음과 같다. https://vlee.kr/4986 1. 카카오 개발자 사이트에서 어플리케이션 등록하기 카카오 개발자 사이트 로그인 새 어플리케이션 등록하기 안드로이드 플랫폼 먼저 등록 키 해시 값 생성하기 위한 명령어 입력 -> 키 해시 생성됨. keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore -storepass android -keypass android | openssl sha1 -binary | openssl base64 ios 플랫폼도 번들 ID는 android 패키지명과 같이 입력하여 등록하였음 2. Kakao.. 2023. 7. 3. [Flutter on Mac] 로그인 페이지 + 파이어베이스 구글 로그인 구현 과정 정리 - 23.07.02 1. 로그인 페이지를 구성하는 데 참고한 영상 https://www.youtube.com/watch?v=Dh-cTQJgM-Q 초기 세팅으로부터 화면 구성하는 것만 살짝 참고함 2. VSCode에서 Firebase 구글 로그인 시 구현할 때 참고한 링크 (1) 로그인 관련 위젯과 화면 구성에 구글로그인 코드 엮는 거 참고 https://engschool.tistory.com/156 https://firebase.google.com/docs/auth/flutter/federated-auth?hl=ko#android_1 [ 최신 docs 코드 ] 제휴 ID 및 소셜 로그인 | Firebase 문서 Google I/O 2022에서 Firebase의 새로운 기능을 확인하세요. 자세히 알아보기 의견 보내기 제휴 I.. 2023. 7. 2. [Flutter on Mac] Apple Silicon M2 Pro 플러터 설치과정 정리 2탄(23.06.28) 맥에 플러터 설치과정 2탄 1탄에서는 Xcode와 Android Studio 설치까지 진행완료하였다. 이번엔 flutter SDK 설치 및 환경변수 설정을 해보려고 한다. 1. Flutter SDK for Apple Silicon 설치 (1) 플러터 사이트 접속 후 os에 맞는 zip 파일 다운 https://docs.flutter.dev/get-started/install/macos macOS install How to install on macOS. docs.flutter.dev 위 사이트에 들어가서 애플 실리콘용 zip 파일을 다운로드 받는다. (M2 Pro) (2) 터미널창에서 development 폴더 만들고 해당 폴더로 이동 cd ~/development를 처음 쳤을때 해당하는 디렉토리가 없다.. 2023. 6. 28. 이전 1 다음
