🌄 Sandamso 프로젝트 - 8

커뮤니티 페이지에서 조건에 따른 글 정렬하는 기능을 추가해보자. 메뉴 아이템을 이용해서 정렬 조건을 선택하면 조건에 따라 게시글이 정렬된다.

---

메뉴바 생성

메뉴 아이템 생성

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/menu_option_latest"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:title="최신순" />
    <item
        android:id="@+id/menu_option_deadline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:title="인기순" />
    <item
        android:id="@+id/menu_option_deadline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:title="마감일순" />
    <item
        android:id="@+id/menu_option_mine"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:title="내 글 순" />
</menu>

---

메뉴 아이템을 눌렀을 때

메뉴의 아이템을 눌렀을 때 눌린건지 알기 위한 로그로 확인해준다.

binding.communityImageOption.setOnClickListener {
            Log.d("Options", "버튼 눌렀냐?")
            val menu = PopupMenu(context, it)
            menu.menuInflater.inflate(R.menu.sort_option, menu.menu)
            menu.setOnMenuItemClickListener {
                when(it.itemId) {
                    R.id.menu_option_latest -> {
                    	Log.d("menu", "최신순")
                        true
                    }
                    R.id.menu_option_like -> {
                    	Log.d("menu", "인기순")
                        true
                    }
                    R.id.menu_option_deadline -> {
                    	Log.d("menu", "마감일순")
                        true
                    }
                    R.id.menu_option_mine -> {
                    	Log.d("menu", "내 글 순")
                        true
                    }
                    else -> {
                        false
                    }
                }
            }
        }

---

최신순으로 정렬

게시물을 업로드한 날짜가 최신인 게시물을 상단에 표시되도록 올림차순으로 정렬하기 위해 sortBy 함수를 이용해주면 된다.

 // 최신순으로 정렬
    private fun sortPostLatest() {
        Log.d("menu", "최신순으로 정렬")
        communityList.sortBy { it.date }
        communityPageAdapter.notifyDataSetChanged()
    }

---

마감일 순으로 정렬

처음 생각한 코드

// 마감일순으로 정렬
    @SuppressLint("NotifyDataSetChanged")
    private fun sortPostDeadline() {
        Log.d("menu", "마감일 순으로 정렬")
        communityList.sortBy { communityPageAdapter.calculateDday(it) }
        communityPageAdapter.addItem(communityList)

        communityPageAdapter.notifyDataSetChanged()
    }

게시물의 데이터를 관리하는 PostModel의 코드에서 deadline을 그냥 가져오고 이로 정렬을 해주면 되지 않을까? 했지만... 실패!

---

코드 수정하기 (1)

deadlinedate는 어떻게 나오는지 확인하기 위해 로그를 찍어봤다.

생각했던 로그 결과는 deadlinedate=20231117 이었기 때문에 처음에 코드를 작성했던 거였는데...!!!!

그래도 로그 결과를 통해 마감일을 가져올때 년, 월, 일을 제외한 Date객로 변환해서 가져오면 되겠네!

오늘의 날짜에서 임박한 순으로 게시물 내림차순 정렬

// 마감일순으로 정렬
    @SuppressLint("NotifyDataSetChanged")
    private fun sortPostDeadline() {
        Log.d("menu", "마감일 순으로 정렬")

        val currentDate = System.currentTimeMillis()

        // 마감일에 따른 정렬
        communityList.sortWith(compareBy { post ->
        	// 게시물 마감일 가져오기
            val deadlineDate = post.deadlinedate
            // 마감일 문자열을 Date 객체로 변환
            val dateFormat = SimpleDateFormat("yyyy년 MM월 dd일", Locale.getDefault())
            // Date 객체로 파싱
            val date = dateFormat.parse(deadlineDate)
            // 밀리초로 변환
            val deadline = date?.time ?: 0
            (deadline - currentDate).toInt()
        })
        communityPageAdapter.addItem(communityList)
        communityPageAdapter.notifyDataSetChanged()
    }

실행 결과

---

코드 수정하기 (2)

오늘의 날짜에서 임박한 순으로 게시물 오름차순으로 정렬

// 마감일순으로 정렬
    @SuppressLint("NotifyDataSetChanged")
    private fun sortPostDeadline() {
        Log.d("menu", "마감일 순으로 정렬")

        val currentDate = System.currentTimeMillis()

        // 마감일에 따른 정렬
        communityList.sortWith(compareBy { post ->
            val deadlineDate = post.deadlinedate
            val dateFormat = SimpleDateFormat("yyyy년 MM월 dd일", Locale.getDefault())
            val date = dateFormat.parse(deadlineDate)
            val deadline = date?.time ?: 0
            (currentDate - deadline).toInt()
        })
        communityPageAdapter.addItem(communityList)
        communityPageAdapter.notifyDataSetChanged()
    }

실행 결과

---

내 글 순으로 정렬

현재 로그인된 계정의 유저가 올린 게시물만 최신순으로 정렬하기

생각한 코드

현재 user인지 확인하고 게시글의 작성자가 현재 로그인된 user의 닉네임이 동일할 경우의 게시물만 보이도록 설정해주고자 했다.

 // 내 글로 정렬
    @SuppressLint("NotifyDataSetChanged")
    private fun sortPostMine() {
        Log.d("menu", "내 글로만 최신순으로 정렬")
        communityList.map { it.nickname }.forEach {
            Log.d("menu", it) }

        val currentUser = auth.currentUser
        if(currentUser != null) {
        	Log.d("currentUseruid", "$currentUser.uid")
            // 닉네임과 현재 로그인된 유저와 동일하면
            val myPost = communityList.filter { it.nickname == currentUser.uid }
            myPost.sortedBy { it.date }
            Log.d("myPost", "$myPost")
            val myPostMutable = myPost.toMutableList()
            communityPageAdapter.addItem(myPostMutable)
        }

        communityPageAdapter.notifyDataSetChanged()
    }

제대로 작동하지 않아, 로그를 찍어서 확인해보니 uid의 값과 nickname이 동일한지를 확인하고 있었고... 이러니 아무런 게시글도 안뜨지..

---

코드 수정

파이어베이스의 RealTimeDB에 저장되는 닉네임의 데이터의 경로를 확인해보면,
users - uid - nickname 이다.

users 경로에서 userId의 nickname 데이터를 확인하도록 firebaseDatabase 함수를 이용해서 snapshot이 존재하면 이는 데이터가 존재한다는 것으로, 현재 로그인된 계정의 nickname과 게시물의 nickname을 비교해 같은 게시물들만 나오도록 구현해주었다.

@SuppressLint("NotifyDataSetChanged")
    private fun sortPostMine() {
        Log.d("menu", "내 글로만 최신순으로 정렬")
        val currentUser = auth.currentUser
        if(currentUser != null) {
            val userId = currentUser.uid

            firebaseDatabase.child("users").child(userId).child("nickname")
                .addListenerForSingleValueEvent(object : ValueEventListener {
                    override fun onDataChange(snapshot: DataSnapshot) {
                        if(snapshot.exists()) {
                            val currentNickname = snapshot.getValue(String ::class.java)
                            val myPost = communityList.filter { it.nickname == currentNickname }
                            val sortedMyPost = myPost.sortedBy { it.date }
                            Log.d("MyPost", "$sortedMyPost")
                            communityPageAdapter.addItem(sortedMyPost.toMutableList())
                            communityPageAdapter.notifyDataSetChanged()
                        }
                    }
                    override fun onCancelled(error: DatabaseError) {
                    }
                })
        }
    }

실행 결과