인프런 - 강의/상 - 코딩의 민족 만들기 (Android Kotlin) 13

10 - Firebase Join, Login, Database, Layout

일단 LoginActivity로 와서 singInWithEmailAndPassword 만들어주고 그리고 join_button을 누르면 JoinActivity로 가 줘서 JoinActivity layout을 만들어주고 JoinActivity에서 만들어주고, JoinInfoActivity를 만들어주고 JoinInfoActivity layout 처리해주고 여기에, Database를 사용해줍니다. 사용 세팅을 해주고 implementation 'com.google.firebase:firebase-firestore:20.2.0' 적용시켜주고 users 만들어서 nickname 입력한 값을 db로 던져줍니다. 여기까지 하면 끝 :)

9 - Firebase Auth Setting, Bottom Layout

자 이제 firebase auth을 해볼겁니다. 로그인 버튼을 만들기위해 bottom.xml파일을 만들어줍니다. 이 bottom 부분을 MainActivity에 붙여줍니다. 그 다음, My코민을 누를때 1 로그인이 안 되어 있으면 -> 로그인 페이지로 이동 2 로그인 되어 있으면 -> My코민 페이지로 이동 이렇게 로직을 짜 보겠습니다. 일단 로그인이 안 되어 있을 때, 로그인 페이지로 이동하기 위해 Firebase Auth를 이용합니다. https://console.firebase.google.com/ 로그인 - Google 계정 하나의 계정으로 모든 Google 서비스를 Google 계정으로 로그인 accounts.google.com 여기서 프로젝트 만들고 Android를 만들고 패키지 넣고, 디버그..

8 - Fragment supportFragmentManager

이번에 각각 탭들을 누르면 이동되는 것들을 해보겠습니다. 위의 그림과 같은 것들을 만들텐데 시작해보겠습니다. 일단 메뉴, 정보, 리뷰 각각의 fragment를 만들어줍니다. 그 다음, FrameLayout 부분에 들어갈 부분 처리를 해줍니다. 그리고 각각의 fragment를 조금 꾸며주겠습니다. ListAdapter하나 만들어주고 그리고 프래그먼트를 처리해주고 계속 합니다. 자 일단 여기까지 만들었습니다. 진짜진짜 다음 시간에는, 로그인이랑 db를 사용해보겠습니다.

7 - Fragment Layout

일단 회원가입과 데이터베이스 사용 전에, fragment 디자인부터 조금 해주겠습니다. Fragment안에 listview를 클릭하면 이동할 MarketInfoActivity 를 만들어줍니다. 그리고 intent를 만들고 textview style을 한방에 적용할 수 있게 customTextView를 만듭니다. 그다음 레이아웃 가즈아!! 여기까지 하면 이렇게 나오는데 내용, 정보, 리뷰에 대한 각각의 fragment 만들어보겠습니다.

6 - Listview

fragment안에 listview를 만들어보겠습니다. 일단 circleimageview 사용을 위해서 아래의 애를 gradle파일에 적용시켜주고 implementation 'de.hdodenhof:circleimageview:3.0.1' listview_item을 만들어주고 item의 모델을 만들어줍니다. 그리고 Adapter를 만들어주고 그러고 난 뒤에, FirstFragment에 연결해줍니다. 이러고 나면, listview가 만들어집니다. 그 다음 계속해보겠습니다.

5 - TabLayout

여기 보시면 맨 위의 탭 들을 만들어보겠습니다. 일단은 build.gradle 파일에 implementation 'com.android.support:design:28.0.0' 를 추가해줬습니다. 그다음 layout 파일에서 tablayout을 추가해줍니다. 그리고 나서 tablayout에 들어갈 각각의 item 들을 만들어줍니다. custom_tab.xml이란 파일을 만들어줬구요 그 다음, 또 갑니다. 만든 custom_tab을 tabLayout에 하나씩 그려 줄 것을 만들고 아래와 같이 하나씩 추가해주면 아래처럼 나옵니다. 그 다음은, 저 탭들을 눌렀을 때, fragment가 하나씩 나오도록 처리해봅니다. fragment는 viewpager에 연결되어 있습니다. 약간 viewpager를 100dp 밑..

4 - Fragment Slider

자, 이제 각각의 메뉴로 들어가 보겠습니다. 각각의 항목을 누르면 오른쪽 페이지처럼 넘어가는 부분인데 새롭게 activity를 만들어주고 저는 LecutreListActivity라고 했습니다. 그리고 gridview를 클릭하면 LectureListActivity로 이동해줍니다. 그리고 LectureListActivity 안에 슬라이드로 넘어갈 Fragment들과 FragmentAdapter를 만들어 줬습니다. 그리고 LectureListActivity 로 와서 레이아웃을 만들어주고 그 다음 Adapter 와 연결해줍니다. 자 다음시간에 계속 해보겠습니다. -- 참조 https://medium.com/@eijaz/getting-started-with-tablayout-in-android-kotlin-bb7..