본문 바로가기

전체 글90

[Firebase] 파이어베이스로 호스팅하기 파이어베이스로 호스팅하기 파이어베이스의 호스팅 서비스를 사용해보자. 선행 작업 이 글에서 다루는 주제는 PC에 npm이 설치되어 있어야 하며 파이어베이스 프로젝트 생성 이후의 일을 다루므로, 프로젝트 생성을 하지 않았다면 아래 링크에서 작업을 먼저 작업을 수행해야 한다. 1. 파이어베이스 프로젝트 생성 [Firebase] Firebase 프로젝트 생성하기 Firebase 프로젝트 생성하기 Google Firebase 프로젝트를 생성해보자. Google Firebase Console 접속 파이어베이스 서비스를 이용하기 위해서는 구글 파이어베이스 콘솔에 접속해야한다. https://console.firebase.. spiralmoon.tistory.com 2. npm 설치 다운로드 | Node.js Node.. 2019. 12. 28.
[Apple] 애플 로그인 설정하기 (Sign In with Apple) 애플 로그인 설정하기 (Sign In with Apple) 앱 및 웹에서 애플 계정으로 로그인 할 수 있는 기능인 "Sign In with Apple"을 설정해보자. 내 iOS 앱에 애플 로그인 기능을 넣어야 하는 이유 애플이 WWDC 2019에서 애플 로그인(Sign In with Apple) 기능을 발표함과 동시에, 구글이나 페이스북 로그인과 같이 타사 인증(OAuth)을 지원하는 iOS 앱에 애플 로그인을 강제로 넣어야 한다는 조항을 내걸었다. 2020년부터는 구글 로그인 넣을거면 애플 로그인도 넣어야 한다는 얘기다... 애플 개발자 페이지 접속 애플 로그인 기능을 활성화 하려면 https://developer.apple.com/에 접속해서 아래의 작업들을 수행해야 한다. Apple Develope.. 2019. 12. 23.
[Flutter] Firebase Crashlytics 사용 설정하기 Firebase Crashlytics 사용 설정하기 플러터 프로젝트에 오류 로그 수집기인 Firebase crashlytics을 설정해보자 선행 작업 이 글은 파이어베이스 프로젝트 생성 및 Android, iOS 앱 등록 이후의 작업을 다루므로 앞의 두 프로세스를 완료하지 않았다면 아래 링크에서 작업을 완료해야 한다. 1. 파이어베이스 프로젝트 생성 [Firebase] Firebase 프로젝트 생성하기 Firebase 프로젝트 생성하기 Google Firebase 프로젝트를 생성해보자. Google Firebase Console 접속 파이어베이스 서비스를 이용하기 위해서는 구글 파이어베이스 콘솔에 접속해야한다. https://console.firebase.. spiralmoon.tistory.com 2... 2019. 12. 21.
[Flutter] Firebase를 이용하여 Facebook Login 사용하기 Firebase를 이용하여 Facebook Login 사용하기 플러터 환경에서 파이어베이스를 사용하여 페이스북 인증을 해보자 작업 환경 아래 항목은 필수 사항이다. - 안드로이드 : AndroidX 이상 - iOS : Deployment target iOS 9 이상 선행 작업 이 글은 파이어베이스와 페이스북에 각각 프로젝트가 생성되어 있어야 하며, 양 쪽 프로젝트 모두 Android, iOS가 등록된 이후의 작업을 다루므로 앞의 프로세스를 진행하지 않았다면 아래 링크에서 먼저 모든 작업을 완료해야한다. 1. 파이어베이스 프로젝트 생성 [Firebase] Firebase 프로젝트 생성하기 Firebase 프로젝트 생성하기 Google Firebase 프로젝트를 생성해보자. Google Firebase Co.. 2019. 12. 11.
[Facebook] Facebook Login을 위해 프로젝트에 Android, iOS 연결하기 Facebook Login을 위해 프로젝트에 Android, iOS 연결하기 페이스북 프로젝트에 안드로이드, iOS 프로젝트를 등록하고 의존성을 관리해보자. 선행 작업 이 글은 페이스북 프로젝트 생성 절차를 마친 이후의 작업을 다루므로 페이스북 프로젝트를 생성하지 않았다면 아래 링크에서 먼저 작업을 완료해야한다. [Facebook] Facebook 프로젝트 생성하기 Facebook 프로젝트 생성하기 페이스북 개발자 콘솔에 프로젝트를 생성해보자 프로젝트 추가하기 페이스북은 페이스북로그인, 마케팅, 메신저, 웹 결제, 인스타그램 등 페이스북 계정을 통해 서비스 할 수 있는 여.. spiralmoon.tistory.com Android 프로젝트 등록 페이스북 프로젝트 대시보드에서 "Facebook 로그인" 메.. 2019. 12. 10.
[Facebook] Facebook 프로젝트 생성하기 Facebook 프로젝트 생성하기 페이스북 개발자 콘솔에 프로젝트를 생성해보자 프로젝트 추가하기 페이스북은 페이스북로그인, 마케팅, 메신저, 웹 결제, 인스타그램 등 페이스북 계정을 통해 서비스 할 수 있는 여러 API를 제공한다. 이러한 기능들을 이용하기 위해서는 페이스북 개발자 콘솔 페이지에서 프로젝트를 등록할 필요가 있다. https://developers.facebook.com/apps/ Facebook에 로그인 | Facebook 메뉴를 열려면 alt + / 키 조합을 누르세요 www.facebook.com 위 사이트에 접속하여 본인의 페이스북 계정에 개발자 권한을 얻는다. "새 앱 추가" 버튼을 누른다. 프로젝트의 이름을 정하여 입력하고, 앱 ID 만들기 버튼을 누르면 프로젝트가 생성된다. 위.. 2019. 12. 9.
[Flutter] Firebase를 이용하여 Google Login 사용하기 Firebase를 이용하여 Google Login 사용하기 플러터 환경에서 파이어베이스를 사용하여 구글 인증을 해보자 선행 작업 이 글은 파이어베이스 프로젝트가 미리 생성되어 있어야 하고, 프로젝트에 Android나 iOS 앱을 등록한 이후의 작업을 다루므로 앞의 두 프로세스를 진행하지 않았다면 아래 링크에서 먼저 작업을 완료해야한다. 1. 파이어베이스 프로젝트 생성 [Firebase] Firebase 프로젝트 생성하기 Firebase 프로젝트 생성하기 Google Firebase 프로젝트를 생성해보자. Google Firebase Console 접속 파이어베이스 서비스를 이용하기 위해서는 구글 파이어베이스 콘솔에 접속해야한다. https://console.firebase.. spiralmoon.tist.. 2019. 12. 4.
[Firebase] Firebase 프로젝트에 Android, iOS 연결하기 Firebase 프로젝트에 Android, iOS 연결하기 파이어베이스에 안드로이드, iOS 앱 프로젝트를 등록하고 의존성을 관리해보자. 선행 작업 이 글은 파이어베이스 프로젝트 생성 절차를 마친 이후의 작업을 다루므로 파이어베이스 프로젝트를 생성하지 않았다면 아래 링크에서 먼저 작업을 완료해야한다. [Firebase] Firebase 프로젝트 생성하기 Firebase 프로젝트 생성하기 Google Firebase 프로젝트를 생성해보자. Google Firebase Console 접속 파이어베이스 서비스를 이용하기 위해서는 구글 파이어베이스 콘솔에 접속해야한다. https://console.firebase.. spiralmoon.tistory.com 작업 순서 1-1. Android 프로젝트 등록하기 1.. 2019. 12. 3.
[Firebase] Firebase 프로젝트 생성하기 Firebase 프로젝트 생성하기 Google Firebase 프로젝트를 생성해보자. Google Firebase Console 접속 파이어베이스 서비스를 이용하기 위해서는 구글 파이어베이스 콘솔에 접속해야한다. https://console.firebase.google.com/ 해당 링크로 들어가자. 프로젝트 만들기 버튼을 누르면 파이어베이스 프로젝트를 생성하는 안내 화면이 나타난다. 첫 번째 단계는 파이어베이스 콘솔에 표시할 프로젝트명을 정하는 것이다. 프로젝트명을 기반으로 파이어베이스의 고유 ID가 생성되므로 신중하게 짓도록 하자. 나중에 프로젝트명을 변경할 수는 있지만 고유 ID는 변경할 수 없다. (고유 ID는 파이어베이스 host 주소 등으로 쓰이게 된다.) 위에서 빨간 영역은 프로젝트명이고, .. 2019. 12. 3.
[Android] Cannot fit requested classes in a single dex file Cannot fit requested classes in a single dex file Android나 Flutter 개발을 하다보면 잘 컴파일되던 소스코드가 갑자기 "Cannot fit requested classes in a single dex file"이라는 메시지와 함께 컴파일 오류를 내는 경우가 있다. 원인 안드로이드 공식 문서에는 다음과 같이 쓰여있다. 앱 및 앱이 참조하는 라이브러리에서 메서드가 65,536개를 초과하면 앱이 Android 빌드 아키텍처의 제한에 도달했음을 알리는 빌드 오류가 발생합니다. 개발에 실수해서 생기는 오류는 아니고 그냥 프로젝트에 포함된 총 메소드의 갯수가 65,536개가 넘어가면 발생하는 오류이다. (메소드 수는 라이브러리 내부의 메소드까지 포함한 수치) 위의 .. 2019. 11. 26.
[C#] 확장 메소드 (Extension Methods) 확장 메소드 (Extension Methods) C#에서 이미 만들어진 클래스에 메소드를 추가하는 방법에 대하여 알아보자. 확장 메소드란? 프로그래밍을 하다보면 이미 만들어진 클래스에 새로운 메소드를 추가해야 할 때가 생긴다. 직접 만든 클래스라면 메소드를 추가하여 수정이 가능하지만, 남이 만든 클래스(라이브러리, C# 기본 제공 클래스 등)는 소스코드를 수정할 수 없다. 대표적인 대안으로 부모클래스를 상속하여 자식클래스에서 메소드를 추가해 확장하는 방법이 있는데, 이는 메소드가 추가될 뿐인데 상속을 유발하기 때문에 프로그램 설계상 가장 좋은 방법은 아니다. C#은 상속을 하지 않고도 이미 만들어진 클래스에 새로운 메소드를 추가 확장할 수 있는 방법을 제공하며, 이를 확장 메소드(Extension met.. 2019. 11. 21.
[Javascript] 세미콜론 자동 삽입과 중괄호 위치 버그 세미콜론 자동 삽입과 중괄호 위치 버그 자바스크립트의 세미콜론 자동 삽입에 의해 나타날 수 있는 현상인 중괄호 위치 버그에 대해 알아보자. 세미콜론 자동 삽입 프로그래머가 세미콜론(;)을 삽입하지 않은 채 행을 종료하면, 자바스크립트에서는 코드가 실행될 때 행의 마지막에 세미콜론을 자동 삽입한다. // 예시 1 var number = 100 // 예시 2 console.log(number) 위 코드 두 줄은 각각 행의 마지막에 세미콜론을 붙이지 않은 코드이지만 실제로는 동작한다. 세미콜론을 넣지 않고 number 변수에 100을 할당하는 코드이다. 실제로 number 변수의 값을 조사해보면 100이 할당된 것을 확인해 볼 수 있다. console.log 함수를 이용해 number 변수의 값을 다시 한 번.. 2019. 11. 10.
반응형

티스토리툴바