안드로이드10 [안드로이드/인스타그램클론] # 9 사용자 페이지 만들기 1️⃣ 이번에는 사용자 페이지를 만들어 볼 것이다. 사용자 페이지는 이렇게 생긴 부분이고 이제 만들어 보도록 하자 [ res / menu / bottom_navigation_main.xml ] 에 들어가서 각각의 title을 고쳐준다 [ fragment_user.xml ] 을 아래와 같이 만들어준다. [ CODE ] 더보기 [ UserFragment.kt ] - 사용할 변수들을 불러온다 inner class UserFragmentRecyclerViewAdapter : RecyclerView.Adapter(){ var contentDTOs : ArrayList = arrayListOf() init { firestore?.collection("images")?.whereEqualTo("uid",uid)?.addSn.. 2020. 8. 20. [안드로이드/인스타그램클론] # 8 상세화면 페이지 & 좋아요 ♥️ 버튼 만들기 진짜 이번꺼 만들다가 오류 엄청뜨고 이틀내내(까지는 아니지만) 아무튼 계속 로그인도 엄청 느려서 처음으로 안드로이드 스튜디오 디버깅도 해봤는데 중괄호위치의 문제였,,다,, 진짜,, 스트렠스,, 상세화면 페이지를 res/layout/new - Layout Resourece File [" item_detail "]을 만들고 위와 같은 화면이 되도록 만들어준다. [ item_detail.xml code ] 더보기 recycleview를 만들기 위해 [ fragment_detail.xml ] 에 아래의 코드 추가 그리고 app -> open Module settings -> dependencies -> +버튼 -> Library Dependency로 창을 띄운 후 Glide를 검색 후 com.github.bum.. 2020. 8. 19. [안드로이드/인스타그램클론] # 7 데이터 모델 만들기 ( 사진 저장 ) [ 이전 글 ] 에서 사진 업로드 페이지를 만들었는데 이번엔 사진 저장을 체계적으로 관리할 수 있는 데이터 모델을 만들어 볼 것이다. 일단 저기에 [ implementation 'com.google.firebase:firebase-firestore:21.5.0' ]을 추가해주면 되고 버전은 이전 글에서 말해준 방법을 따라 하면 된다. 그리고 나서 아래의 파일 경로처럼 파일을 추가해준다 java - navigation - new package [ "model" ] 추가 - new Kotlin file/class [ "ContentDTO" ] 추가 [ ContentDTO 코드 ] package com.example.mingstagram.navigation.model data class ContentDTO( .. 2020. 8. 17. [안드로이드/인스타그램클론] # 6 사진 업로드 페이지 만들기 [ 이전 글 ] 에서 메인 화면 네비게이션 바를 만들어 보았고 이번에는 사진을 업로드 할 수 있는 페이지를 만들어 볼 것이다. 이전에 main activity - add photo부분은 R.id.action_add_photo->{ return true } 이렇게 비어있어서 아무런 기능을 하지 않았는데 이제는 이렇게 에뮬레이터 안에 있는 갤러리를 열어 사진을 firebase storage에 넣어줄 수 있도록 만들어 볼 것이다 ! 일단 새로운 Empty Acivitiy [ "AddPhotoActivity" ] 를 만들어준다 그리고 나서 activity_add_photo.xml 에 들어가서 ⬇️ [ activity_add_photo.xml ] 전체 더보기 툴바는 저번과 같이 구성해주고 [ 사진이 들어갈 부분 .. 2020. 8. 17. [안드로이드/인스타그램클론] # 5 메인화면 네비게이션 탭 바 [ 이전 글 ] 에서는 페이스북으로 로그인하는 기능을 추가했었는데 이번에는 메인화면 네비게이션 탭 바를 만들어 볼 것이다. 네비게이션 탭 바가 무엇인가 하면 빨간 박스 부분인데 이 부분을 눌렀을 때마다 각 화면의 xml으로 넘어가면서 색이 변할 수 있기 해줄 것이다 [ moveMainPage 로 넘어가는 화면 ] 더보기 이 부분은 그냥 구성하는 부분이라서 그냥 코드를 가져와주면 되는데 처음 쓴 FrameLayout 은 그 안에 여러 가지를 넣으면 마지막에 추가된 뷰가 가장 전면에 표시된다 LinearLayout은 각각 구분선의 역할을 하고 있고, 그리고 bottonNavigationView는 이제 오늘 기능을 추가할 아이가 된다. [ app:menu="@menu/bottom_navigation_main".. 2020. 8. 15. [안드로이드/인스타그램클론] # 4 페이스북 로그인 기능 추가 [ 이전 글 ] 에서는 구글로 로그인 하는 기능을 추가해 보았는데 이번에는 페이스북을 통해 로그인하는 기능을 추가해볼 것이다 🧸페이스북 로그인 - 1️⃣ 페이스북 로그인 -> 2️⃣ firebase -> 3️⃣ 로그인 확인 페이스북 로그인도 구글 로그인과 같은 과정을 거치는 데 일단 페이스북 로그인하기 위해서는 [ 기본 설정 ] facebook for developer 에 접속 ➡️ 로그인 ➡️ 새로운 앱 만들기 ➡️ 앱 Id 와 이메일 쓰고 보안 확인 후 ➡️ 대시보드 ➡️ Facebook 로그인 설정 버튼 누르고 ➡️ 안드로이드 선택 ‼️ 그 다음부터는 6번 까지는 순서대로 하면 되는데 일단 2 ) 에서 위에 그림에 있는 곳에 위에 사진처럼 mavenCentral()을 추가 그리고 나서 이곳에impl.. 2020. 8. 15. 이전 1 2 다음
