코딩전사의 기록

get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev 설정 pubspec.yaml dependencies: get: ^4.6.5 main.dart MaterialApp 을 GetMaterialApp 으로 변경해주세요. GetX 를 상태관리로만 사용하실거면 GetMaterialApp 으로 변경하지 않아도 됩니다. import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(const MyApp()); } class MyA..

이번 포스팅에서는 플러터의 거의 모든 것을 다 구현할 수 있는 GetX 에 대해서 포스팅합니다. get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev GetX 로 할 수 있는 것 라우팅 스낵바, 다이얼로그, 바텀시트 상태관리 종속성 관리 테마 http Shared Preference . . GetX 의 최대 강점은 생산성입니다. GetX 의 장점으로 가장 먼저 소개할 수 있는 부분이며 개발자가 가장 와닿을 수 있는 부분입니다. 상술한 모든 것들을 GetX 하나를 통해 GetX 없이 구현하는 것보다 직관적인 코드로 간단하게..

[Flutter] Apple Login ① - 준비 마지막으로 구현할 소셜로그인은 애플 로그인 입니다. 애플 로그인을 구현하기 위해서는 개발자 계정에 가입되어있어야하고 비용은 1년에 13만원 입니다. ㅠㅠ Apple Developer There’s never been a bette dalgoodori.tistory.com 이전 포스팅에서 애플 로그인을 위한 모든 셋팅을 완료하였습니다. 이번 포스팅에서는 애플 로그인을 구현하고 유저의 정보를 가져오는 것 까지 구현해보겠습니다. pubspec.yaml sign_in_with_apple | Flutter Package Flutter bridge to initiate Sign in with Apple (on iOS, macOS, and Android). Incl..

마지막으로 구현할 소셜로그인은 애플 로그인 입니다. 애플 로그인을 구현하기 위해서는 개발자 계정에 가입되어있어야하고 비용은 1년에 13만원 입니다. ㅠㅠ Apple Developer There’s never been a better time to develop for Apple platforms. developer.apple.com 애플로그인을 구현 전에 크게 3가지를 셋팅해야합니다. App ID Key Service ID 로그인 후 Account 를 눌러주세요. 좌측 사이드바에서 Certificates, IDs & Profiles 를 눌러주세요. App ID 설정 Identifiers 를 누르고 + 버튼을 눌러주세요. App IDs 를 체크하고 Continue App 선택 후 Continue 간략한 설..

[Flutter] Naver Login ① - 준비 소셜 로그인 구현 네번째는 네이버 로그인 입니다. NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 A dalgoodori.tistory.com 이전 포스팅에서 네이버 로그인을 위한 모든 셋팅을 완료하였습니다. 이번 포스팅에서는 네이버 로그인을 구현하고 유저의 이메일, 이름을 가져오는 것 까지 구현해보겠습니다. pubspec.yaml flutter_naver_login | Flutter Package A Flutter plugin for using the native Naver Login SDKs on Android and iOS. pub.d..

소셜 로그인 구현 네번째는 네이버 로그인 입니다. NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음 developers.naver.com 프로젝트 설정 네이버 개발자 페이지에서 로그인 후 Application 을 눌러주세요. 내 애플리케이션에서 Application 등록 을 눌러주세요. 애플리케이션 이름 작성 후 사용 API 에서 네이버 로그인을 선택해주세요. 수집할 정보를 정해줍니다. 밑으로 조금 내려와서 환경추가에서 안드로이드 와 iOS 를 추가해주세요. 안드로이드 앱 패키지 이름을 적어주세요. 안드로이드와 iOS 의..

[Flutter] Kakao Login ① - 준비 소셜 로그인 구현 세번째는 카카오 로그인 입니다. 세팅방법은 소셜 로그인중에서는 제일 간단하지 싶습니다. Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 dalgoodori.tistory.com 이전 포스팅에서 카카오 로그인을 위한 모든 셋팅을 완료하였습니다. 이번 포스팅에서는 카카오 로그인을 구현하고 유저의 이메일, 이름을 가져오는 것 까지 구현해보겠습니다. pubspec.yaml kakao_flutter_sdk_user | Flutter Package A flutter plugin for Kakao API, which supports Kakao login, KakaoTalk Share, User AP..

소셜 로그인 구현 세번째는 카카오 로그인 입니다. 세팅방법은 소셜 로그인중에서는 제일 간단하지 싶습니다. Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 설정 로그인 후 내 애플리케이션 을 눌러줍니다. 애플리케이션 추가 이름, 사업자명을 적어주고 저장을 눌러주세요. 만들어 준 어플리케이션을 클릭합니다. 요약정보에서 네이티브 앱 키 정보를 알 수 있습니다. 카카오 로그인 탭에서 활성화 상태를 ON 으로 설정해주세요. 동의항목에서 여러가지 설정을 할 수 있습니다. Android 설정 플랫폼 >> Android 플랫폼 등록을 눌러주세요. 패키지명과 키..

[Flutter] Google Login ① - 준비 소셜 로그인 구현 두번째는 구글 로그인 입니다. 파이어베이스를 사용하면 훨씬 간단하지만 파이어베이스 없이 구현해보겠습니다. 먼저 프로젝트를 만들기 위해 Google Cloud Platform 에서 계정의 dalgoodori.tistory.com 이전 포스팅에서 구글 로그인을 위한 모든 셋팅을 완료하였습니다. 이번 포스팅에서는 구글 로그인을 구현하고 유저의 이메일, 이름을 가져오는 것 까지 구현해보겠습니다. pubspec.yaml google_sign_in | Flutter Package Flutter plugin for Google Sign-In, a secure authentication system for signing in with a Googl..

소셜 로그인 구현 두번째는 구글 로그인 입니다. 파이어베이스를 사용하면 훨씬 간단하지만 파이어베이스 없이 구현해보겠습니다. 먼저 프로젝트를 만들기 위해 Google Cloud Platform 에서 계정의 기본설정을 완료해주세요. 클라우드 컴퓨팅 서비스 | Google Cloud 데이터 관리, 하이브리드 및 멀티 클라우드, AI와 머신러닝 등 Google의 클라우드 컴퓨팅 서비스로 비즈니스 당면 과제를 해결하세요. cloud.google.com 프로젝트 생성 프로젝트 칸을 눌러줍니다. 새 프로젝트를 눌러주세요. 프로젝트의 이름을 설정하고 만들기를 누르면 프로젝트 생성은 끝입니다. OAuth 동의화면 햄버거 버튼 >> API 및 서비스 >> OAuth 동의 화면 을 눌러주세요 외부 선택 후 만들기를 누릅니다..