코딩 끝에 낙이 온다 코딩 끝에 낙이 온다

이번엔 각 채팅방을 선택했을 때 이동할 채팅방 화면을 만들어보자. 우선 채팅방에 필요한 UI와, 메시지의 배경 레이아웃을 만들어준다. 위는 화면에 필요한 레이아웃에 사용되는 XML이다. 채팅에 사용되는 메시지의 레이아웃이다. background의 배경은 drawable에 corner를 설정하여 둥근 테두리 배경을 생성했다. 나/상대방 구분은 같은 배경에 색상을 변경하여 구분하도록 했다. @RequiresApi(Build.VERSION_CODES.O) class ChatRoomActivity : AppCompatActivity() { lateinit var binding: ActivityChatroomBinding lateinit var btn_exit: ImageButton lateinit var btn..

이번에는 새로 채팅할 상대를 추가할 수 있는 검색창을 만들어보도록 하겠다. class AddChatRoomActivity : AppCompatActivity() { lateinit var binding:ActivityAddChatroomBinding lateinit var btn_exit: ImageButton lateinit var edt_opponent:EditText lateinit var firebaseDatabase:DatabaseReference lateinit var recycler_people:RecyclerView override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) binding = ..

회원가입 페이지와 로그인 페이지도 만들어졌으니, 이제 진입할 홈 화면을 만들 차례다. 나는 카카오톡처럼 채팅방 목록과 함께 새 채팅방을 추가할 수 있는 버튼과 로그아웃 버튼을 표시했다. 전체 레이아웃 코드는 위와 같다. package com.miso.chatapplication.main import android.content.Intent import android.os.Build import android.os.Bundle import android.widget.Button import android.widget.Toast import androidx.annotation.RequiresApi import androidx.appcompat.app.AlertDialog import androidx.appc..

지난 페이지에서는 채팅 앱에서 참여할 사용자를 추가할 수 있는 회원가입 화면을 만들어보았다. 이제는 만들어진 회원의 계정으로 로그인할 수 있는 로그인 페이지를 만들어야 한다. 먼저 로그인 레이아웃을 만들어준다. 로그인 레이아웃 xml은 위와 같다. package com.miso.chatapplication import android.content.Context import android.content.Intent import android.content.SharedPreferences import android.os.Bundle import android.util.Log import android.widget.Button import android.widget.EditText import android...

지난 페이지에서는 안드로이드와 Firebase 간의 연동 설정을 끝냈으니, 이젠 회원가입 페이지를 만들어보도록 하자. 우선 회원가입에 쓸 레이아웃 페이지를 만들어준다. 완성한 모습은 위와 같다. 이제 회원가입을 진행할 Activity를 만들어주자. package com.miso.chatapplication import android.content.Intent import android.os.Bundle import android.util.Log import android.widget.Button import android.widget.EditText import android.widget.Toast import androidx.appcompat.app.AppCompatActivity import com...

이직을 위해 구직활동을 하던 중 평소 눈여겨 보고 있던 회사에서 입사 제안이 와서 프로젝트 과제를 수행하게 되었다. 그 과제의 요구조건은 1:1 채팅 앱을 만들어보라는 것이었는데, 서버가 있다는 가정 하에서 진행을 해보라는 것이 내게는 참 막막했다. 그래서 어떻게 구현할 지 곰곰히 생각해보다가, 예전에 졸업작품을 만들 때 썼던 Firebase가 떠올라 검색을 해보니 Realtime Database를 통해 채팅 앱을 만들 수 있는 것 같아 나도 시도해보게 되었다. 그 결과 꽤나 보기좋은 형태의 결과가 나왔고, 이 과정을 글로 공유하고자 한다. 본래 회원가입 기능은 기능 요구사항에 포함되어 있지는 않았으나, 만들어두는 것이 추후 프로젝트 진행에도 편리할 것 같아 만들어보았다. 우선 처음 프로젝트를 시작하기 ..