경험의 기록

안드로이드 스튜디오, 코틀린을 공부하기 위하여 현재 많은 사람들이 사용하고 있는 어플의 클론을 제작해보기로 하였다. 그래서 찾아보던 중, 인스타그램 제작을 위한 정보가 많아서 인스타그램 클론을 제작하게 되었다.

 

개발 기능

  • 계정 관리 구현 (파이어베이스, 구글, 페이스북 로그인)
  • 인스타그램 기본 UI 구현 (네비게이션 바)
  • 메인 화면 구현 
  • 탐색 화면 구현
  • 이미지 업로드 구현
  • 알림 구현
  • 유저 페이지 구현 (팔로잉, 팔로워, 프로필 사진)
  • 좋아요, 댓글 구현
  • 백그라운드 푸시 알림 이벤트 구현

추가해야 할 것

  • 글 삭제 기능
  • 프로필 메세지
  • 계정 검색
  • 팔로워, 팔로잉 계정 표시
  • 이미지 누르면 연결
  • DM 기능

 

전체적인 내용은 깃허브에서 확인할 수 있습니다.

github.com/HanYeop/Stagram

 

HanYeop/Stagram

Instagram Clone. Contribute to HanYeop/Stagram development by creating an account on GitHub.

github.com

 

2020.12.14 - [안드로이드 스튜디오/개발] - [Android 개발일지] 안드로이드 스튜디오 인스타그램 클론 만들기 - 정리 (파이어베이스 활용)

 

[Android 개발일지] 안드로이드 스튜디오 인스타그램 클론 만들기 - 정리 (파이어베이스 활용)

※ 인스타그램 클론을 제작하면서 공부한 내용을 정리한 글입니다. Reformat Code ( 코드 정렬 ) TextInputLayout Firebase 연결 Google 계정 로그인 연결 Facebook 계정 로그인 연결 ConstrainedWidth, Constrain..

hanyeop.tistory.com

만들면서 공부한 내용은 이 글에 정리해 놓았습니다.

 

https://www.inflearn.com/course/%EC%9D%B8%EC%8A%A4%ED%83%80%EA%B7%B8%EB%9E%A8%EB%A7%8C%EB%93%A4%EA%B8%B0-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C/dashboard

 

[무료] 하울의 안드로이드 인스타그램 클론 만들기 - 인프런 | 강의

이 강좌를 통해서 인스타그램 앱을 만들 수 있습니다., 피아노를 배우기 위해서는 피아노를 쳐서 몸에 감각을 익혀야 합니다. 프로그래밍도 마찬가지입니다. 일단 타이핑을 해서 감각 코딩 감각

www.inflearn.com

하울 님의 인프런 강의를 기반으로 제작하였습니다.


어플 실행시 로그인 화면이 나오며

로그인 시 메인 화면이 뜨게 됩니다.

페이스북 로그인과 구글로그인을 할 수 있으며,

일반 로그인은 이메일 형식과 비밀번호를 치면 자동으로 가입되는 방식입니다.

 

하단의 네비게이션바에서 탐색화면으로 가게되면 인스타그램의 탐색화면 처럼 이미지가 뜨게되고

가운데의 업로드 버튼을 누르면 업로드 화면이 뜹니다.

 

 

내 활동에 대한 알림이 오게되며, 내 유저 페이지를 볼 수 있습니다.

다른 사람을 팔로우 할 수도 있으며,

댓글도 달 수 있습니다.

반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading