전체 글(5)
-
[Kotlin으로 앱 개발하기] Custom Listview를 이용하여 다양한 정보를 리스트로 보여주기
안드로이드에서 UI 화면 구성은 View와 ViewGroup으로 이루어진다. 여기서 View란 사용자에게 데이터를 보여주거나 입력을 받아들이기 위해서 화면에 그려지는 TextView, Button과 같은 것이다. View들이 모인 Group인 ViewGroup은 화면에 표시할 1개 이상의 View를 포함하는 컨테이너 역할을 수행하는 것으로, layout, ListView 등이 이에 속한다. ViewGroup은 스크롤 기능이나 배치된 item 항목을 사용자가 선택할 수 있는 기능 등도 지원한다. 안드로이드 스튜디오에서 위와 같은 UI를 구현하기 위해서는 'ListView'를 사용하면 된다. ListView는 UI 구성에 있어서 가장 많이 사용되는 컴포넌트 중 하나로, 사용자가 정의한 모양의 데이터 목록을 ..
2021.05.17 -
[안드로이드 스튜디오] 메인 홈 화면 및 DISUSE 화면 구성
앱 흐름: 이번 포스팅에서는 주황색 박스로 표시해놓은 메인 홈 화면 및 Disuse 화면을 구성하고, Disuse 페이지에서 원하는 기능을 선택할 수 있도록 하는 dialog를 구현하고자 한다. 1. Disuse -> 카메라/갤러리 등의 이미지를 활용한 품목 인식 기능 제공 및 직접 입력할 수 있는 기능도 추가 2. Reuse -> 사용자 위치 인근 재활용센터 링크 제공 3. 계정설정 -> 앞선 포스팅에서 만들었던 로그아웃 및 계정관리 페이지로 이동 이미지 업로드 클릭 시 1. 카메라 -> 카메라 권한 얻기 및 카메라 열기, 카메라로 찍은 사진 가져오기 2. 갤러리 -> 갤러리 접근 권한 얻기 및 사진첩에서 사진 가져오기 3. 직접 입력 -> 직접입력 페이지로 연결 1. 메인 홈 화면 구성 메인 홈 화면..
2020.11.24 -
[안드로이드 스튜디오] Firebase를 활용한 인증 구현 및 계정설정 기능 만들기
전체 project 설명: 1. 대형 폐기물 처리를 도와주는 어플리케이션 2. 이미지 인식 기능을 통한 품목 분석 및 AR ruler를 통한 품목 크기 측정 기능 3. 그 외로 촬영한 이미지를 기반으로 한 신고필증 작성 기능 도입 앱 흐름: 이번 포스팅에서는 주황색 박스로 쳐놓은 흐름에 대해서 인증을 구현하고 계정을 관리하는 기능을 구현하고자 한다. 1. 로그인이 되어 있다면 메인 홈으로 이동 2. 로그인이 되어 있지 않다면 로그인 페이지에서 로그인 진행 1. 로그아웃 -> 로그아웃 진행 후 다시 로그인 화면 2. 계정탈퇴 -> 탈퇴하시겠습니까? 질문 후에 yes면 탈퇴 완료 처리 후 다시 로그인 화면 1. 연결한 Firebase를 활용한 인증 구현 설명 문서에 나와있는 로그인 인텐트를 만드는 코드를 활..
2020.11.24 -
[Firebase] Firebase 사용하기 - 프로젝트 연결
SNS 로그인을 위해 파이어베이스를 연결하여 인증을 구현하기 위해 프로젝트와 파이어베이스를 연결하는 방법에 대해서 알아보자. 설명 문서 참조: firebase.google.com/docs/auth/android/firebaseui?authuser=0#kotlin+ktx FirebaseUI로 손쉽게 Android 앱에 로그인 추가 FirebaseUI는 Firebase 인증 SDK를 바탕으로 구축된 라이브러리이며 앱에서 사용할 수 있는 삽입형 UI 흐름을 제공합니다. FirebaseUI의 장점은 다음과 같습니다. 여러 제공업체 - 이메일/비밀번호, 이메일 firebase.google.com 1. Firebase 콘솔로 이동 인증 화면에서 '문서보기' 선택 시 '인증'과 관련하여 Firebase 사용법 설명 ..
2020.11.19 -
[Firebase] Firebase 사용하기 - 프로젝트 생성
Firebase 활용 기능: 1. 로그인 기능(SNS 로그인, 이메일 로그인 쉽게 구현 가능, 사용자 데이터 관리 용이) 2. 실시간 데이터 베이스 1. Firebase 프로젝트 생성하기 1. 프로젝트 만들기 클릭. 2. 프로젝트 만들기 1 ~ 3단계 진행 3. 프로젝트 생성 완료. 2. 생성한 Firebase 프로젝트 console 창 찾아가기 1. "firebase console" 검색 3. Firebase guide 확인하기 Firebase가 제공하는 기능들을 사용하기 위한 설명 문서를 해당 위치에서 확인할 수 있다.
2020.11.19