본문 바로가기

project

(5)
중고거래 앱 (bottomNavigationView, Firebase, Fragment) 주요 기능 Firebase Authentication 을 사용해 로그인 / 회원가입 기능 구현 회원 기반으로 중고거래 아이템 등록 Firebase Storage 를 사용해 아이템 등록 시 사진 업로드 회원 기반으로 채팅 화면 구현 Fragment 를 사용해 하단 탭 화면 구조 구현 FloatingActionButton 사용 사용 기술 RecyclerView View Binding Fragment BottomNavigationView Firebase Storage Firebase Realtime Database Firebase Authentication Glide 라이브러리 추가 Project/build.gradle dependencies { classpath "com.google.gms:google-se..
틴더 앱 (Firebase, Swipe Animation 라이브러리) Firebase Authentication 을 사용해 이메일로 회원가입하고 로그인할 수 있고, 가입된 회원들 간에 좋아요와 싫어요를 바탕으로 서로 좋아요를 누른 회원들끼리 매칭시켜주도록 구현하였다. 주요 기능 Firebase Authentication 을 통해 이메일 회원가입 / 로그인 Firebase Realtime Database 를 이용해 기록을 저장하고, 불러오기 가입된 유저 간 like / dislike 기능 서로 like를 한 유저끼리 매칭 오픈소스 라이브러리 CardStackView 를 이용해 스와이프 기능 추가 사용 기술 Firebase Authentication Firebase Realtime Database yuyakaido/CardStackView RecyclerView Firebas..
음악 스트리밍 앱 (ExoPlayer, Retrofit, androidx.contraintLayout.widget.Group) 주요 기능 Retrofit 을 이용해 서버에서 음악 받아와 재생 목록 구성 재생 목록을 클릭하여 ExoPlayer 를 이용해 음악을 재생 이전/다음 곡 재생, UI 업데이트 재생 목록 화면과 플레이 화면 간 전환 seekBar 를 커스텀 하여 원하는 UI 로 표시 사용 기술 ExoPlayer Retrofit androidx.contraintLayout.widget.Group 라이브러리 추가 // 레트로핏 implementation 'com.squareup.retrofit2:retrofit:2.9.0' implementation 'com.squareup.retrofit2:converter-gson:2.9.0' // 글라이드 implementation 'com.github.bumptech.glide:glid..
유튜브 (MotionLayout, ExoPlayer, Retrofit, Mocky) ExoPlayer로 동영상을 재생, MotionLayout을 이용해 재생중인 동영상 프래그먼트를 아래로 쓸어 내려 하단에서 바 모양을 통해 재생되는 방법을 사용하는 동영상 플레이어 앱 주요 기능 Retrofit 을 이용해 서버에서 영상 목록을 받아와 보여주기 Motion Layout 을 이용해 영상 플레이어 화면 전환 애니메이션 구현 영상 목록을 클릭하여 ExoPlayer 를 이용해 영상 제생 사용 기술 MotionLayout ExoPlayer Retrofit Mocky viewBinding 기본 레이아웃 구성 메인 액티비티에는 하단 메뉴인 BottomNavigationView, 동영상 리스트를 보여줄 RecycerView, 스크롤 가능한 애니메이션을 주기 위해 프래그먼트를 붙일 수 있는 FrameLay..
에어비엔비 (Map api, ViewPager2, Retrofit, CoordinatorLayout, BottomSheetView, Glide, Mocky) 네이버 맵 api 를 이용하여 지도를 메인으로 숙소 목록을 서버에서 받아와 마커로 나타내고 하단에 viewPager를 이용해 좌우로 스크롤이 가능한 페이저를 두어 숙소를 살필 수 있게 하는 앱을 만든다. 주요 기능 네이버 맵 api 사용해 지도 보여주기 Mock api에서 예약 가능한 숙소 목록 받아와 지도에 표시 BottomSheetView를 활용해 예약 가능한 숙소 목록을 인터렉션하게 표시 viewPager2 를 이용해 현재 보고 있는 숙소를 표시 숙소 버튼을 눌로 현재 보고 있는 숙소를 앱 외부로 공유 사용 기술 Naver Map Api ViewPager2 CoordinatorLayout BottomSheetBehavior Retrofit Glide Mocky 네이버 지도 api 사용하기 회원가입이..