EDCAN 10기 부원들을 위한 FireBase Guide

안녕하세요, 10기 부원 여러분들.

아래 내용은 수업 참고 자료로 이용해주시면 됩니다.

 

1. 아래 링크를 따라 들어가 파이어베이스에 접속하고, 콘솔로 이동해주세요.

 

"콘솔로 이동" 버튼은 우측 상단에 있습니다.

https://firebase.google.com/?hl=ko

Firebase

 

2. 새 프로젝트를 만든 뒤 구글 애널리틱스는 비활성화 시켜주세요. 사용하지 않을 기능입니다.

 

3. 프로젝트가 다 만들어지면 "앱에 FireBase를 추가하여 시작하기" 하단의 안드로이드 로고를 클릭해 새로운 앱을 만들어주세요.

패키지 이름은 MainActivity.com 최상단의 패키지명을 사용하시면 됩니다. 앱 닉네임은 원하는대로 만들어주세요.

 

4. 구성 파일을 다운로드 한 후 프로젝트의 app 폴더에 넣어주면 됩니다.

아래 보이는 사진처럼 상단에서 Android 보기를 Project 보기로 설정하면 app 폴더를 쉽게 확인할 수 있습니다.

 

5. google-services.json 파일이 추가되었다면 다시 안드로이드 보기로 돌아간 후 두 개의 build.gradle 파일을 열어주세요. 

파이어베이스에 나와있는 내용은 예전 내용으로 코드가 많이 바뀌어 새로운 방식으로 파이어베이스를 앱에 추가시켜줘야 합니다.

프로젝트 단위의 gradle과 앱 단위의 gradle을 확인해주세요.

 

6. 프로젝트 단위의 gradle의 중괄호 안에 다음 한줄을 추가한 후 sync해주세요.

id 'com.google.gms.google-services' version '4.3.10' apply false

 

7. 앱 단위의 gradle의 중괄호 안에 다음 내용을 추가한 후 sync해주시고,

오류가 발생할 경우 오타를 잘 확인한 후 선배를 불러주세요.

// 최상단 plugins를 아래처럼 바꿔주세요.

plugins {
    id 'com.android.application'
    id 'org.jetbrains.kotlin.android'
    id 'com.google.gms.google-services'
}

// 뷰바인딩을 이용하기 위해 android 중괄호 안에 다음 코드를 넣어주세요.

viewBinding {
    enabled = true
}
buildFeatures {
    viewBinding true
}

// 최하단 dependencies 안에 다음 코드를 추가해주세요.

implementation 'com.google.firebase:firebase-firestore-ktx:24.6.1'

 

8. 문제가 없다면 XML 파일을 아래와 같이 만들어주세요.

- 첫번째 EditText의 id = et1

- 두번째 EditText의 id = et2

- 세번째 EditText의 id = et3

- 버튼의 id = btn

 

9. 최상단 코드를 뷰바인딩 사용을 위해 아래처럼 바꿔주세요.

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

 

10. 뷰바인딩 사용을 위해 액티비티의 클래스 코드를 수정해주세요.

class MainActivity : AppCompatActivity() {
    private lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        FirebaseApp.initializeApp(this)

        binding = ActivityMainBinding.inflate(layoutInflater)
        val view = binding.root
        setContentView(view)
    }
}

 

11. 이제 본격적으로 파이어베이스를 다루어보겠습니다. 

앞의 수업에 집중해주세요.