얌자의 개발블로그

이미지 슬라이드를 구현해봤는데요. 생각보다 어려운 부분이 있어서 시간을 많이 쏟았습니다. 결과물은 아래 이미지에요. 1. 게시글 xml 파일 activity_post.xml 파일을 생성하여 아래 코드를 작성해주었습니다. 일단 상단의 툴바와 이미지 슬라이드를 넣을 뷰페이저만 만들었습니다. activity_post.xml 그리고 FrameLayout에서 사용할 dimen 파일을 생성해줄게요. FrameLayout의 사이즈를 정해주는 역할을 합니다. res -> values 폴더에 만들어주세요. dimen.xml 20dp 20dp 40dp 280dp 뷰페이저안에 넣어줄 이미지뷰도 따로 생성해줘야해요. 뷰페이저내에 이미지만 넣어줄거니까 딱 이미지뷰만 만들어주겠습니다. layout폴더에 생성해주시면 돼요. sca..

리사이클러뷰를 이용해서 게시판글 목록을 만들어보겠습니다. 밑의 사진과 같이 결과물을 만들게요. 전에 게시물에서 게시판 데이터 클라스를 만들어놔서 그걸 불러와서 리사이클러뷰에 표시하면 돼요. 1. fragment_home.xml 에 리사이클러뷰 추가 먼저 리사이클러뷰를 표시한 xml에 리사이클러뷰를 선언해줍니다. 2. 리사이클러뷰에 띄울 목록 list_item.xml 작성 이미지뷰에서 scaleType을 사용하여 이미지를 확대 , 축소하여 표시할 수 있습니다. centerCrop은 이미지를 가운데에 맞춰서 확대한 후 뷰에서 벗어나는 부분은 삭제해줍니다. 글 제목, 작성자 지역 , 가격을 표시하기 위해 텍스트뷰 세개를 띄워줍니다. fontFamily는 폰트 다운 받아주셔야 사용가능해요. 하단 링크에 폰트 추..

이번 시간에는 스토리지 이미지 업로드 , 게시글 작성 , 갤러리 사진 여러장 불러오기를 해보겠습니다. 파이어베이스 스토리지에 사진이 올라간 것을 확인 할 수 있습니다. 1. fragment_write.xml 이 화면을 만들어볼게요 이미지뷰에 갤러리에서 불러온 이미지를 띄울 수 있도록 이미지뷰를 여러개 나열했습니다. 타이틀과 가격, 글 내용등을 EditText를 통해 입력받고 카테고리는 팝업메뉴를 통해 선택할 수 있도록 하겠습니다. 2. 메인액티비티에 갤러리에 접근하는 권한 추가 하단의 코드를 메인액티비티에 추가해주세요. 앱을 실행하면 앨범에 접근할 수 있는 접근권한을 물어보고 한번 허용하게 되면 앱이 설치 되어 있는 동안에는 더 이상 권한을 요청하지 않습니다. ActivityCompat.requestPe..

이번에는 회원정보 데이터 불러오기를 파이어스토어를 통해 해보겠습니다. 다음 게시물에서는 데이터 입력하기도 해볼게요. 회원정보 불러오기 파이어베이스 홈페이지에서 데이터를 바로 확인 가능해요. 해당하는 유저 정보를 불러와 보겠습니다. FireStore은 기본구조가 document와 collection의 tree 구조입니다. 모든 자료는 document이거나 collection이며, collection은 document의 리스트라고 보시면 됩니다. doument안에는 다른 document나 collection이 들어갈 수 있습니다. collection은 document의 리스트라고 생각하시면 되구요. 따라서 최상위에 있는 keywords가 collection이므로 collection("users") 으로 접근..

코틀린 상단 툴바 뒤로가기 버튼을 추가해보겠습니다. 블로그등을 찾아보면 여러가지 방법이 나와 있는데 저는 잘 안되더라구요. 그래서 해당 xml파일 툴바를 추가 한 후 그 안에 텍스트뷰, 이미지뷰등을 추가하여 설정했습니다. 밑에 캡쳐화면처럼 꾸며볼게요. 1. activity_myinformation.xml 에 툴바 추가 툴바의 코드를 작성해주겠습니다. 툴바 안에 이미지 뷰와 텍스트뷰도 추가해줄게요.이미지뷰도 클릭리스너가 적용 가능하기때문에 굳이 버튼으로 안해주고 이미지뷰로 했어요. 2. myInformation.kt 코드 class myInformation : AppCompatActivity(){ private lateinit var auth: FirebaseAuth var Firestore: Fireba..

앱 종료 후에 다시 접속하여도 로그인이 유지되는 기능과 로그아웃 기능을 구현해보겠습니다. 로그인은 상단의 게시글을 참고해주세요. 앱 종료 후 다시 앱을 실행하여도 로그인이 유지되는 것을 확인 할 수 있습니다. 1. LoginActivity.kt 에 onStart() 추가하여 로그인 유지 하단 코드를 추가 해주겠습니다. 다른 코드는 이전 게시글을 참고해주세요. 로그인액티비티를 실행할때마다 로그인 유무를 검사하여 로그인되어 있다면 바로 메인 액티비티로 넘어가집니다. 2021/01/29 - [안드로이드 개발/중고거래앱 만들기] - [Android Kotlin] Firebase 구글 로그인 구현 public override fun onStart() { super.onStart() val account = Goo..

2021/02/06 - [안드로이드 개발/중고거래앱 만들기] - [Android Kotlin] Firebase Firestore Database 사용하여 회원정보 추가 (데이터 저장) 2021/02/04 - [안드로이드 개발/중고거래앱 만들기] - [Android Kotlin] BottomNavigationView 하단 네이게이션 탭 바 만들기 / 네비게이션 탭 바 배경 색상, 아이콘, 글자 색상 설정 내정보 프래그먼트 창을 먼저 만들어 보겠습니다. 생각나는 기능들만 일단 넣어봤구요. 로그인을 하면 그 회원의 정보와 그 회원이 쓴 글도 볼 수 있도록 구현해보겠습니다. 1. fragment_user.xml 코드 위 화면처럼 꾸며준거에요. 그리고 tv_userEmail에 유저 이메일을 띄우겠습니다. 2. u..

이번에는 firebase 를 이용한 firestore 연동을 해보겠습니다. 실시간 데이터베이스 사용도 가능하지만 firestore 가 더 편리하고 좋다고 하더라구요. 1.FireStore 데이터베이스 생성 파이어베이스 홈페이지에 접속하여 Cloud Firestore 에 들어가주세요. 데이터베이스 만들어주세요. 지금은 연습하는거니까 테스트 모드로 시작할게요. 데이터베이스 저장 위치를 정해주는 건데 저는 미국으로 설정했어요. 저장된 데이터를 한눈에 확인 가능한 화면이 나옵니다. 2. 라이브러리 추가 하단의 코드를 모듈(앱 수준) Gradle 파일에 넣어주세요. dependencies { // Import the BoM for the Firebase platform implementation platform(..

이번에는 하단에서 메뉴를 선택할 수 있는 네이게이션 탭 바를 만들어 보도록 할게요. 밑의 결과물처럼 만들어볼겠습니다. 순서는 1. activity_main.xml 코드 추가 2. bottom_navigation_main.xml 생성 3. fragment.xml 생성 4. fragment.kt 생성 5. MainActivity.kt 코드 추가 네비게이션 탭을 사용하기 위해서는 위와 같은 과정이 필요해요. 1. activity_main.xml 코드 추가 먼저 제일 큰 테두리의 레이아웃을 RelativeLayout으로 변경해주신 후에 FrameLayout과 BottomNavigationView를 추가해주겠습니다. 하단의 코드를 참고해주세요. (네비게이션 탭 바 배경 색상, 아이콘, 글자 색상 설정) 네비게이션..

2021/01/27 - [안드로이드 개발/중고거래앱 만들기] - [Android] 로그인 화면 만들기 2021/01/29 - [안드로이드 개발/중고거래앱 만들기] - [Kotlin] Firebase연결 및 Firebase로 회원가입 /File google-servieces.json is missing 오류 해결 방법 /socket failed:EPERM(Operation not permitted) 오류해결법/ 2021/01/29 - [안드로이드 개발/중고거래앱 만들기] - [Kotlin] Firebase 로그인 구현 2021/01/29 - [안드로이드 개발/중고거래앱 만들기] - [Kotlin] Firebase 구글 로그인 구현 [Kotlin] Firebase 구글 로그인 구현 구글 로그인을 구현 해보겠..