✅ 2주차 목표 Activity 전환과 Fragment 전환을 구현할 수 있다. 전환 과정에서 Intent를 활용해 데이터를 전달할 수 있다. FLO 앱의 Album 화면과 Song 화면을 클론 설계할 수 있다. >> 실습 코드 링크 1. Activity 전환 및

MainActivity를 아래와 같이 수정한다.RoundedCornerShape: 꼭짓점을 둥글게 만드는 데 사용되는 속성으로, dp 값은 둥근 모퉁이의 반지름을 의미한다.BorderStroke: 테두리의 스타일과 두께를 지정한다.elevation: Card에 음영(e

1. 이미지 표시하기 기존 xml 방식에서는 ImageView를 이용해 이미지를 표시하였다. Jetpack Compose에서는 Image를 이용하여 이미지를 표시한다. 1) drawable 디렉토리의 이미지 표시하기 drawable 디렉토리로 penguin이라는 이

이번 포스팅에서 학습해 볼 기능은 remember입니다. 먼저 remember란, 상태를 관리하고 보존하는 데 사용되는 함수 중 하나입니다. remember 함수를 사용하면 Composable 함수 내에서 데이터를 보관 및 유지할 수 있으며, 화면이 다시 그려질 때에도

이번 시리즈에서는 제트팩 Compose 사용법에 대해 다뤄보려 합니다. Jetpack Compose가 익숙치 않은 분들을 위해 간단히 특징을 설명하자면 아래와 같습니다.XML레이아웃 대신 선언형 함수를 사용하여 UI를 구성UI 개발 효율성을 극대화쉽게 말해, 레이아웃을

이전 포스팅에서 다룬 카카오 소셜로그인에 이어 네이버 소셜로그인을 적용해보는 법을 알아봅시다. 처음에는 카카오 로그인만 적용할 생각이었으나, 소셜로그인을 최소 2개 이상은 적용하는 것이 일반적인 것 같아 네이버 소셜 로그인도 적용해보기로 하였습니다. 네이버 로그인도

✅ 체크리스트 비율 코딩이 잘 되어있는가? 모든 View에 적절한 id(네이밍)을 매칭했는가? ✅ 1주차 목표 가상 디바이스 혹은 본인의 디바이스에 화면을 나타낼 수 있다. 바텀네비게이션 뷰 템플릿을 이해하였고, 이를 적용할 수 있다. Flo 앱의 홈 화면(frag

텍스트 메시지를 주고 받는 기능을 추가해보았으니, 이제 사진을 주고 받는 기능도 추가해보도록 하겠습니다. 채팅 구현이 어렵다는 인식이 많아 이미지 전송까지는 엄두도 못내는 경우가 많은 것 같은데, 사실 일반 텍스트 메시지 전송과 크게 다르지 않습니다. 물론, 이미지 전

저는 오늘 인하대학교 60주년 기념관에서 개최된 GDSC 프로젝트 마라톤 아이디어 발표회를 다녀왔습니다. 참고로, GDSC(Google Developer Students Club)는 Google Developers에서 제공하는 프로그램으로, 대학교를 기반으로 하는 개발

소셜로그인은 앱 런칭에 있어서 필수적인 요소는 분명히 아니지만, 보안 및 편의성 등을 이유로, 거의 대부분에 프로젝트에서 소셜로그인을 구현하는 것으로 알고 있습니다. 소셜로그인에는 구글, 네이버, 카카오 등 다양한 방식이 존재하지만, 이번 포스팅에서는 카카오 소셜로그인

실시간 채팅을 위한 모든 기능을 추가하였지만, 부가적인 기능에 대해서는 아직도 해야 할 일이 많습니다. 물론, 모든 부가적인 기능을 다루기는 어렵겠으나, 몇몇 일반적인 기능 정도는 추가해보려 합니다. 즉, 심화 단계에서 다뤄볼 내용은 애플리케이션이 동작하기 위해 필수

이제는 웬만한 기능은 다 추가했기 때문에 마무리 작업만 해주면 앱이 완성될 거 같습니다. 1. 닉네임 & 프로필 동기화 지금의 코드는 닉네임 또는 프로필을 변경한 후, 새로운 메시지를 보낼 때에는 변경 사항이 잘 반영되지만, 닉네임 또는 프로필을 변경하기 전에 보낸

이번 포스팅에서는 채팅방을 나갈 수 있는 기능을 추가해보겠습니다. 1. 채팅방 나가기 채팅방 목록에서 채팅방을 Long Click하면, 채팅방을 나갈 것인지 묻는 Dialog를 띄워주기로 하자. ① layout 디렉토리 하위로, exitroomdilag라는 리소스

지난 포스팅에 이어서 새로운 메시지를 사용자에게 알려주는 기능을 더 추가해보도록 하겠습니다. 채팅방 목록에서 각 채팅방의 마지막 메시지를 보여주고, 새로운 메시지가 도착했다는 푸시알림도 전송해보겠습니다. 1. 채팅방 목록에서 마지막 메시지 보여주기 1) 백엔드 ① C

저번 포스팅에서 실시간으로 메시지를 주고 받는 기능까지 추가해보았습니다. 그러나 현재 상태로는 채팅방에 접속해있지 않는 한 메시지가 도착했는지 알 수가 없습니다. 그래서 이번 포스팅에서는 메시지 도착 알림 기능을 추가해보도록 하겠습니다. 1. 안 읽은 메시지 표시 각

채팅방도 생성했고, 채팅방에 유저도 초대했으니, 이제 마지막으로 메시지를 주고 받을 수 있는 기능을 추가해보도록 하겠습니다. 5. 메시지 주고 받기 ① FirebaseRef에 아래의 내용을 입력한다. ② 메시지 전송에 사용될 data class를 정의하자. chat

이번 포스팅에서는 채팅방의 초대 버튼을 클릭해 유저를 초대할 수 있는 기능을 추가해보도록 하겠습니다. 또한 채팅방에 참여한 유저의 수와 목록을 확인할 수 있는 기능도 추가해보겠습니다.

드디어 기본 틀을 완성하였습니다. 이제 본격적으로 채팅 기능을 구현해보도록 하겠습니다. 채팅을 구현하는 방법에는 여러가지 방법이 있지만, 어떤 방법을 사용해서 구현하든 구현 난이도가 매우 높은 편에 속합니다. 저는 Firebase의 Realtime Database를 사

저번 포스팅에서는 리스트 뷰를 이용하여 친구 목록을 구성하였습니다. 이번 포스팅에서는 친구 목록에서 친구를 클릭했을 때의 이벤트 처리 작업을 진행해보도록 하겠습니다.① friend라는 패키지를 만들고, friend 패키지 하위로 UserDetailActivity를 생성

이번 포스팅에서는 하단 내비게이션 바에서 Friend 탭을 클릭했을 때 유저들의 정보가 List View의 형태로 나타나도록 만들어보겠습니다.① UserController의 아래의 API를 추가한다.② UserService에 아래의 메서드를 추가한다.③ UserRepo