라이브

- 팔로우/팔로잉 버튼 변경

.idea/deploymentTargetDropDown.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="deploymentTargetDropDown">
+    <value>
+      <entry key="app">
+        <State />
+      </entry>
+    </value>
+  </component>
+</project>

.idea/migrations.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectMigrations">
+    <option name="MigrateToGradleLocalJavaHome">
+      <set>
+        <option value="$PROJECT_DIR$" />
+      </set>
+    </option>
+  </component>
+</project>

app/build.gradle

@@ -40,8 +40,8 @@ android {
         applicationId "kr.co.vividnext.sodalive"
         minSdk 23
         targetSdk 33
-        versionCode 9
-        versionName "1.0.8"
+        versionCode 46
+        versionName "1.8.21"
     }
 
     buildTypes {
@@ -138,7 +138,7 @@ dependencies {
     implementation "io.github.bootpay:android:4.3.4"
 
     // agora
-    implementation "io.agora.rtc:voice-sdk:4.1.0-1"
+    implementation "io.agora.rtc:voice-sdk:4.2.6"
     implementation 'io.agora.rtm:rtm-sdk:1.5.3'
 
     // sound visualizer
@@ -150,6 +150,6 @@ dependencies {
 
     implementation "com.michalsvec:single-row-calednar:1.0.0"
 
-    // PointClick Maven Remote Repo
-    implementation 'kr.co.pointclick.sdk.offerwall:pointclick-sdk-offerwall:1.0.17'
+    // google in-app-purchase
+    implementation "com.android.billingclient:billing-ktx:6.2.0"
 }

app/src/main/AndroidManifest.xml

@@ -2,6 +2,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
+    <uses-permission android:name="com.android.vending.BILLING" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
     <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
     <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission
@@ -83,8 +85,11 @@
         <activity android:name=".settings.terms.TermsActivity" />
         <activity android:name=".user.find_password.FindPasswordActivity" />
         <activity android:name=".mypage.can.status.CanStatusActivity" />
-        <activity android:name=".mypage.can.charge.CanChargeActivity" />
+        <activity
+            android:name=".mypage.can.charge.CanChargeActivity"
+            android:configChanges="orientation|screenSize|keyboardHidden" />
         <activity android:name=".mypage.can.payment.CanPaymentActivity" />
+        <activity android:name=".mypage.can.coupon.CanCouponActivity" />
         <activity android:name=".live.room.create.LiveRoomCreateActivity" />
         <activity android:name=".live.room.update.LiveRoomEditActivity" />
         <activity android:name=".live.reservation.complete.LiveReservationCompleteActivity" />
@@ -94,8 +99,10 @@
         <activity android:name=".explorer.profile.UserProfileActivity" />
         <activity android:name=".explorer.profile.donation.UserProfileDonationAllViewActivity" />
         <activity android:name=".explorer.profile.fantalk.UserProfileFantalkAllViewActivity" />
-        <activity android:name=".explorer.profile.CreatorNoticeWriteActivity" />
         <activity android:name=".explorer.profile.follow.UserFollowerListActivity" />
+        <activity android:name=".explorer.profile.creator_community.all.CreatorCommunityAllActivity" />
+        <activity android:name=".explorer.profile.creator_community.write.CreatorCommunityWriteActivity" />
+        <activity android:name=".explorer.profile.creator_community.modify.CreatorCommunityModifyActivity" />
         <activity android:name=".message.text.TextMessageWriteActivity" />
         <activity android:name=".message.text.TextMessageDetailActivity" />
         <activity android:name=".message.SelectMessageRecipientActivity" />
@@ -124,6 +131,8 @@
         <activity android:name=".audio_content.curation.AudioContentCurationActivity" />
         <activity android:name=".audio_content.all.AudioContentNewAllActivity" />
         <activity android:name=".audio_content.all.AudioContentRankingAllActivity" />
+        <activity android:name=".audio_content.all.by_theme.AudioContentAllByThemeActivity" />
+        <activity android:name=".live.roulette.config.RouletteConfigActivity" />
 
         <activity
             android:name="com.google.android.gms.oss.licenses.OssLicensesMenuActivity"
@@ -134,9 +143,13 @@
 
         <service
             android:name=".common.SodaLiveService"
+            android:foregroundServiceType="microphone|mediaPlayback"
             android:stopWithTask="false" />
 
-        <service android:name=".audio_content.AudioContentPlayService" />
+        <service
+            android:name=".audio_content.AudioContentPlayService"
+            android:foregroundServiceType="mediaPlayback"
+            android:stopWithTask="false" />
 
         <!-- [START firebase_service] -->
         <service

app/src/main/java/kr/co/vividnext/sodalive/app/SodaLiveApp.kt

@@ -8,6 +8,7 @@ import androidx.appcompat.app.AppCompatDelegate
 import com.orhanobut.logger.AndroidLogAdapter
 import com.orhanobut.logger.Logger
 import kr.co.vividnext.sodalive.BuildConfig
+import kr.co.vividnext.sodalive.common.ImageLoaderProvider
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.di.AppDI
 
@@ -26,6 +27,8 @@ class SodaLiveApp : Application() {
         AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES)
 
         SharedPreferenceManager.init(applicationContext)
+
+        ImageLoaderProvider.init(applicationContext)
     }
 
     private fun isDebuggable(): Boolean {

app/src/main/java/kr/co/vividnext/sodalive/audio_content/AudioContentActivity.kt

@@ -14,6 +14,8 @@ import androidx.core.content.ContextCompat
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
 import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.audio_content.category.AudioContentCategoryAdapter
+import kr.co.vividnext.sodalive.audio_content.category.GetCategoryListResponse
 import kr.co.vividnext.sodalive.audio_content.detail.AudioContentDetailActivity
 import kr.co.vividnext.sodalive.audio_content.upload.AudioContentUploadActivity
 import kr.co.vividnext.sodalive.base.BaseActivity
@@ -32,6 +34,7 @@ class AudioContentActivity : BaseActivity<ActivityAudioContentBinding>(
 
     private lateinit var loadingDialog: LoadingDialog
     private lateinit var audioContentAdapter: AudioContentAdapter
+    private lateinit var categoryAdapter: AudioContentCategoryAdapter
 
     private var userId: Long = 0
     private lateinit var activityResultLauncher: ActivityResultLauncher<Intent>
@@ -43,6 +46,7 @@ class AudioContentActivity : BaseActivity<ActivityAudioContentBinding>(
         ) {
             if (it.resultCode == Activity.RESULT_OK) {
                 viewModel.page = 1
+                viewModel.isLast = false
                 viewModel.getAudioContentList(userId = userId) { finish() }
             }
         }
@@ -54,6 +58,7 @@ class AudioContentActivity : BaseActivity<ActivityAudioContentBinding>(
         }
 
         bindData()
+        viewModel.getCategoryList(userId = userId)
         viewModel.getAudioContentList(userId = userId) { finish() }
     }
 
@@ -70,6 +75,67 @@ class AudioContentActivity : BaseActivity<ActivityAudioContentBinding>(
             activityResultLauncher.launch(intent)
         }
 
+        categoryAdapter = AudioContentCategoryAdapter {
+            viewModel.selectCategory(it, userId = userId)
+        }
+
+        binding.rvCategory.layoutManager = LinearLayoutManager(
+            applicationContext,
+            LinearLayoutManager.HORIZONTAL,
+            false
+        )
+
+        binding.rvCategory.addItemDecoration(object : RecyclerView.ItemDecoration() {
+            override fun getItemOffsets(
+                outRect: Rect,
+                view: View,
+                parent: RecyclerView,
+                state: RecyclerView.State
+            ) {
+                super.getItemOffsets(outRect, view, parent, state)
+
+                when (parent.getChildAdapterPosition(view)) {
+                    0 -> {
+                        outRect.left = 0
+                        outRect.right = 4f.dpToPx().toInt()
+                    }
+
+                    categoryAdapter.itemCount - 1 -> {
+                        outRect.left = 4f.dpToPx().toInt()
+                        outRect.right = 0
+                    }
+
+                    else -> {
+                        outRect.left = 4f.dpToPx().toInt()
+                        outRect.right = 4f.dpToPx().toInt()
+                    }
+                }
+            }
+        })
+
+        binding.rvCategory.adapter = categoryAdapter
+
+        binding.rvAudioContent.addItemDecoration(object : RecyclerView.ItemDecoration() {
+            override fun getItemOffsets(
+                outRect: Rect,
+                view: View,
+                parent: RecyclerView,
+                state: RecyclerView.State
+            ) {
+                super.getItemOffsets(outRect, view, parent, state)
+
+                when (parent.getChildAdapterPosition(view)) {
+                    audioContentAdapter.itemCount - 1 -> {
+                        outRect.bottom = 0
+                    }
+
+                    else -> {
+                        outRect.bottom = 13.3f.dpToPx().toInt()
+                    }
+                }
+            }
+        })
+
         binding.rvAudioContent.layoutManager = LinearLayoutManager(
             applicationContext,
             LinearLayoutManager.VERTICAL,
@@ -188,6 +254,17 @@ class AudioContentActivity : BaseActivity<ActivityAudioContentBinding>(
             )
             viewModel.getAudioContentList(userId = userId) { finish() }
         }
+
+        viewModel.categoryListLiveData.observe(this) {
+            if (it.isNotEmpty()) {
+                binding.rvCategory.visibility = View.VISIBLE
+                val items = it as MutableList<GetCategoryListResponse>
+                items.add(0, GetCategoryListResponse(0, "전체"))
+                categoryAdapter.addItems(items = items)
+            } else {
+                binding.rvCategory.visibility = View.GONE
+            }
+        }
     }
 
     private fun deselectSort() {

app/src/main/java/kr/co/vividnext/sodalive/audio_content/AudioContentAdapter.kt

@@ -1,6 +1,7 @@
 package kr.co.vividnext.sodalive.audio_content
 
 import android.view.LayoutInflater
+import android.view.View
 import android.view.ViewGroup
 import androidx.recyclerview.widget.RecyclerView
 import coil.load
@@ -21,6 +22,12 @@ class AudioContentAdapter(
         private val binding: ItemAudioContentBinding
     ) : RecyclerView.ViewHolder(binding.root) {
         fun bind(item: GetAudioContentListItem) {
+            binding.ivPin.visibility = if (item.isPin) {
+                View.VISIBLE
+            } else {
+                View.GONE
+            }
+
             binding.ivCover.load(item.coverImageUrl) {
                 crossfade(true)
                 placeholder(R.drawable.bg_placeholder)
@@ -33,6 +40,12 @@ class AudioContentAdapter(
             binding.tvLikeCount.text = item.likeCount.moneyFormat()
             binding.tvCommentCount.text = item.commentCount.moneyFormat()
 
+            binding.tvScheduledToOpen.visibility = if (item.isScheduledToOpen) {
+                View.VISIBLE
+            } else {
+                View.GONE
+            }
+
             if (item.price < 1) {
                 binding.tvPrice.text = "무료"
                 binding.tvPrice.setCompoundDrawables(null, null, null, null)

app/src/main/java/kr/co/vividnext/sodalive/audio_content/AudioContentApi.kt

@@ -2,6 +2,7 @@ package kr.co.vividnext.sodalive.audio_content
 
 import io.reactivex.rxjava3.core.Single
 import kr.co.vividnext.sodalive.audio_content.all.GetNewContentAllResponse
+import kr.co.vividnext.sodalive.audio_content.all.by_theme.GetContentByThemeResponse
 import kr.co.vividnext.sodalive.audio_content.comment.GetAudioContentCommentListResponse
 import kr.co.vividnext.sodalive.audio_content.comment.ModifyCommentRequest
 import kr.co.vividnext.sodalive.audio_content.comment.RegisterAudioContentCommentRequest
@@ -10,9 +11,11 @@ import kr.co.vividnext.sodalive.audio_content.detail.GetAudioContentDetailRespon
 import kr.co.vividnext.sodalive.audio_content.detail.PutAudioContentLikeRequest
 import kr.co.vividnext.sodalive.audio_content.detail.PutAudioContentLikeResponse
 import kr.co.vividnext.sodalive.audio_content.donation.AudioContentDonationRequest
+import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentBannerResponse
+import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentCurationResponse
 import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentMainItem
-import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentMainResponse
 import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentRanking
+import kr.co.vividnext.sodalive.audio_content.main.GetNewContentUploadCreator
 import kr.co.vividnext.sodalive.audio_content.order.GetAudioContentOrderListResponse
 import kr.co.vividnext.sodalive.audio_content.order.OrderRequest
 import kr.co.vividnext.sodalive.audio_content.upload.theme.GetAudioContentThemeResponse
@@ -35,6 +38,7 @@ interface AudioContentApi {
     @GET("/audio-content")
     fun getAudioContentList(
         @Query("creator-id") id: Long,
+        @Query("category-id") categoryId: Long,
         @Query("page") page: Int,
         @Query("size") size: Int,
         @Query("sort-type") sort: AudioContentViewModel.Sort,
@@ -46,6 +50,15 @@ interface AudioContentApi {
         @Header("Authorization") authHeader: String
     ): Single<ApiResponse<List<GetAudioContentThemeResponse>>>
 
+    @GET("/audio-content/theme/{id}/content")
+    fun getAudioContentByTheme(
+        @Path("id") id: Long,
+        @Query("page") page: Int,
+        @Query("size") size: Int,
+        @Query("sort-type") sort: AudioContentViewModel.Sort,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<GetContentByThemeResponse>>
+
     @POST("/audio-content")
     @Multipart
     fun uploadAudioContent(
@@ -125,11 +138,6 @@ interface AudioContentApi {
         @Header("Authorization") authHeader: String
     ): Single<ApiResponse<Any>>
 
-    @GET("/audio-content/main")
-    fun getMain(
-        @Header("Authorization") authHeader: String
-    ): Single<ApiResponse<GetAudioContentMainResponse>>
-
     @GET("/audio-content/main/new")
     fun getNewContentOfTheme(
         @Query("theme") theme: String,
@@ -170,10 +178,50 @@ interface AudioContentApi {
         @Header("Authorization") authHeader: String
     ): Single<ApiResponse<List<String>>>
 
+    @GET("/audio-content/ranking-sort-type")
+    fun getContentRankingSortType(
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<List<String>>>
+
     @GET("/audio-content/ranking")
     fun getContentRanking(
         @Query("page") page: Int,
         @Query("size") size: Int,
+        @Query("sort-type") sortType: String,
         @Header("Authorization") authHeader: String
     ): Single<ApiResponse<GetAudioContentRanking>>
+
+    @GET("/audio-content/main/curation-list")
+    fun getCurationList(
+        @Query("page") page: Int,
+        @Query("size") size: Int,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<List<GetAudioContentCurationResponse>>>
+
+    @GET("/audio-content/main/new-content-upload-creator")
+    fun getNewContentUploadCreatorList(
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<List<GetNewContentUploadCreator>>>
+
+    @GET("/audio-content/main/banner-list")
+    fun getMainBannerList(
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<List<GetAudioContentBannerResponse>>>
+
+    @GET("/audio-content/main/order-list")
+    fun getMainOrderList(
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<List<GetAudioContentMainItem>>>
+
+    @POST("/audio-content/pin-to-the-top/{id}")
+    fun pinContent(
+        @Path("id") audioContentId: Long,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<Any>>
+
+    @PUT("/audio-content/unpin-at-the-top/{id}")
+    fun unpinContent(
+        @Path("id") audioContentId: Long,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<Any>>
 }

app/src/main/java/kr/co/vividnext/sodalive/audio_content/AudioContentRepository.kt

@@ -1,5 +1,6 @@
 package kr.co.vividnext.sodalive.audio_content
 
+import kr.co.vividnext.sodalive.audio_content.category.CategoryApi
 import kr.co.vividnext.sodalive.audio_content.detail.PutAudioContentLikeRequest
 import kr.co.vividnext.sodalive.audio_content.donation.AudioContentDonationRequest
 import kr.co.vividnext.sodalive.audio_content.order.OrderRequest
@@ -12,7 +13,8 @@ import java.util.TimeZone
 
 class AudioContentRepository(
     private val api: AudioContentApi,
-    private val userApi: UserApi
+    private val userApi: UserApi,
+    private val categoryApi: CategoryApi
 ) {
     fun getAudioContentListByCurationId(
         curationId: Long,
@@ -30,12 +32,14 @@ class AudioContentRepository(
 
     fun getAudioContentList(
         id: Long,
+        categoryId: Long,
         page: Int,
         size: Int,
         sort: AudioContentViewModel.Sort,
         token: String
     ) = api.getAudioContentList(
         id = id,
+        categoryId = categoryId,
         page = page - 1,
         size = size,
         sort = sort,
@@ -129,8 +133,6 @@ class AudioContentRepository(
         token: String
     ) = api.likeContent(request, authHeader = token)
 
-    fun getMain(token: String) = api.getMain(authHeader = token)
-
     fun getNewContentOfTheme(theme: String, token: String) = api.getNewContentOfTheme(
         theme = theme,
         authHeader = token
@@ -164,13 +166,58 @@ class AudioContentRepository(
         authHeader = token
     )
 
+    fun getContentRankingSortType(token: String) = api.getContentRankingSortType(authHeader = token)
+
     fun getContentRanking(
         page: Int,
         size: Int,
+        sortType: String = "매출",
         token: String
     ) = api.getContentRanking(
         page = page - 1,
         size = size,
+        sortType = sortType,
+        authHeader = token
+    )
+
+    fun getCurationList(page: Int, size: Int, token: String) = api.getCurationList(
+        page = page - 1,
+        size = size,
+        authHeader = token
+    )
+
+    fun getNewContentUploadCreatorList(
+        token: String
+    ) = api.getNewContentUploadCreatorList(authHeader = token)
+
+    fun getMainBannerList(token: String) = api.getMainBannerList(authHeader = token)
+    fun getMainOrderList(token: String) = api.getMainOrderList(authHeader = token)
+    fun pinContent(
+        audioContentId: Long,
+        token: String
+    ) = api.pinContent(audioContentId, authHeader = token)
+
+    fun unpinContent(
+        audioContentId: Long,
+        token: String
+    ) = api.unpinContent(audioContentId, authHeader = token)
+
+    fun getCategoryList(
+        creatorId: Long,
+        token: String
+    ) = categoryApi.getCategoryList(creatorId, authHeader = token)
+
+    fun getAudioContentByTheme(
+        themeId: Long,
+        page: Int,
+        size: Int,
+        sort: AudioContentViewModel.Sort = AudioContentViewModel.Sort.NEWEST,
+        token: String
+    ) = api.getAudioContentByTheme(
+        id = themeId,
+        page = page - 1,
+        size = size,
+        sort = sort,
         authHeader = token
     )
 }

app/src/main/java/kr/co/vividnext/sodalive/audio_content/AudioContentViewModel.kt

@@ -6,6 +6,7 @@ import com.google.gson.annotations.SerializedName
 import com.orhanobut.logger.Logger
 import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
 import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.audio_content.category.GetCategoryListResponse
 import kr.co.vividnext.sodalive.base.BaseViewModel
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.explorer.profile.GetAudioContentListResponse
@@ -24,6 +25,10 @@ class AudioContentViewModel(private val repository: AudioContentRepository) : Ba
     val audioContentListLiveData: LiveData<GetAudioContentListResponse>
         get() = _audioContentListLiveData
 
+    private var _categoryListLiveData = MutableLiveData<List<GetCategoryListResponse>>()
+    val categoryListLiveData: LiveData<List<GetCategoryListResponse>>
+        get() = _categoryListLiveData
+
     private val _sort = MutableLiveData(Sort.NEWEST)
     val sort: LiveData<Sort>
         get() = _sort
@@ -39,9 +44,10 @@ class AudioContentViewModel(private val repository: AudioContentRepository) : Ba
         PRICE_LOW
     }
 
-    private var isLast = false
+    var isLast = false
     var page = 1
     private val size = 10
+    private var selectedCategoryId = 0L
 
     fun getAudioContentList(userId: Long, onFailure: (() -> Unit)? = null) {
         if (!_isLoading.value!! && !isLast) {
@@ -49,6 +55,7 @@ class AudioContentViewModel(private val repository: AudioContentRepository) : Ba
             compositeDisposable.add(
                 repository.getAudioContentList(
                     id = userId,
+                    categoryId = selectedCategoryId,
                     page = page,
                     size = size,
                     token = "Bearer ${SharedPreferenceManager.token}",
@@ -59,12 +66,12 @@ class AudioContentViewModel(private val repository: AudioContentRepository) : Ba
                     .subscribe(
                         {
                             if (it.success && it.data != null) {
-                                if (it.data.items.isNotEmpty()) {
-                                    page += 1
-                                    _audioContentListLiveData.postValue(it.data!!)
-                                } else {
+                                if (it.data.items.isEmpty()) {
                                     isLast = true
                                 }
+
+                                page += 1
+                                _audioContentListLiveData.postValue(it.data!!)
                             } else {
                                 if (it.message != null) {
                                     _toastLiveData.postValue(it.message)
@@ -99,4 +106,44 @@ class AudioContentViewModel(private val repository: AudioContentRepository) : Ba
         isLast = false
         _sort.postValue(sort)
     }
+
+    fun selectCategory(categoryId: Long, userId: Long) {
+        isLast = false
+        page = 1
+        selectedCategoryId = categoryId
+        getAudioContentList(userId = userId)
+    }
+
+    fun getCategoryList(userId: Long) {
+        compositeDisposable.add(
+            repository.getCategoryList(
+                creatorId = userId,
+                token = "Bearer ${SharedPreferenceManager.token}",
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.success && it.data != null) {
+                            _categoryListLiveData.value = it.data!!
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                )
+                            }
+                        }
+
+                        _isLoading.value = false
+                    },
+                    {
+                        _isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
 }

app/src/main/java/kr/co/vividnext/sodalive/audio_content/all/AudioContentNewAllActivity.kt

@@ -9,9 +9,10 @@ import androidx.recyclerview.widget.GridLayoutManager
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
 import kr.co.vividnext.sodalive.audio_content.detail.AudioContentDetailActivity
-import kr.co.vividnext.sodalive.audio_content.main.AudioContentMainNewContentThemeAdapter
+import kr.co.vividnext.sodalive.audio_content.main.new_content.AudioContentMainNewContentThemeAdapter
 import kr.co.vividnext.sodalive.base.BaseActivity
 import kr.co.vividnext.sodalive.common.Constants
+import kr.co.vividnext.sodalive.common.GridSpacingItemDecoration
 import kr.co.vividnext.sodalive.common.LoadingDialog
 import kr.co.vividnext.sodalive.databinding.ActivityAudioContentNewAllBinding
 import kr.co.vividnext.sodalive.explorer.profile.UserProfileActivity
@@ -89,8 +90,10 @@ class AudioContentNewAllActivity : BaseActivity<ActivityAudioContentNewAllBindin
     }
 
     private fun setupNewContent() {
+        val spanCount = 3
+        val spacing = 40
         newContentAdapter = AudioContentNewAllAdapter(
-            itemWidth = (screenWidth - 40f.dpToPx().toInt()) / 2,
+            itemWidth = (screenWidth - (spacing * (spanCount + 1))) / 3,
             onClickItem = {
                 startActivity(
                     Intent(this, AudioContentDetailActivity::class.java).apply {
@@ -107,44 +110,8 @@ class AudioContentNewAllActivity : BaseActivity<ActivityAudioContentNewAllBindin
             }
         )
 
-        binding.rvContent.layoutManager = GridLayoutManager(this, 2)
-
-        binding.rvContent.addItemDecoration(object : RecyclerView.ItemDecoration() {
-            override fun getItemOffsets(
-                outRect: Rect,
-                view: View,
-                parent: RecyclerView,
-                state: RecyclerView.State
-            ) {
-                super.getItemOffsets(outRect, view, parent, state)
-
-                val position = parent.getChildAdapterPosition(view)
-                if (position % 2 == 0) {
-                    outRect.left = 13.3f.dpToPx().toInt()
-                    outRect.right = 6.7f.dpToPx().toInt()
-                } else {
-                    outRect.left = 6.7f.dpToPx().toInt()
-                    outRect.right = 13.3f.dpToPx().toInt()
-                }
-
-                when (position) {
-                    0, 1 -> {
-                        outRect.top = 13.3f.dpToPx().toInt()
-                        outRect.bottom = 6.7f.dpToPx().toInt()
-                    }
-
-                    newContentAdapter.itemCount - 1, newContentAdapter.itemCount - 2 -> {
-                        outRect.top = 6.7f.dpToPx().toInt()
-                        outRect.bottom = 13.3f.dpToPx().toInt()
-                    }
-
-                    else -> {
-                        outRect.top = 6.7f.dpToPx().toInt()
-                        outRect.bottom = 6.7f.dpToPx().toInt()
-                    }
-                }
-            }
-        })
+        binding.rvContent.layoutManager = GridLayoutManager(this, spanCount)
+        binding.rvContent.addItemDecoration(GridSpacingItemDecoration(spanCount, spacing, true))
 
         binding.rvContent.addOnScrollListener(object : RecyclerView.OnScrollListener() {
             override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {

app/src/main/java/kr/co/vividnext/sodalive/audio_content/all/AudioContentNewAllAdapter.kt

@@ -1,17 +1,27 @@
 package kr.co.vividnext.sodalive.audio_content.all
 
 import android.annotation.SuppressLint
+import android.content.Context
+import android.graphics.Bitmap
+import android.graphics.drawable.Drawable
 import android.view.LayoutInflater
+import android.view.View
 import android.view.ViewGroup
 import androidx.constraintlayout.widget.ConstraintLayout
 import androidx.recyclerview.widget.RecyclerView
 import coil.load
 import coil.transform.CircleCropTransformation
-import coil.transform.RoundedCornersTransformation
+import com.bumptech.glide.Glide
+import com.bumptech.glide.load.resource.bitmap.CenterCrop
+import com.bumptech.glide.load.resource.bitmap.RoundedCorners
+import com.bumptech.glide.request.RequestOptions
+import com.bumptech.glide.request.target.CustomTarget
+import com.bumptech.glide.request.transition.Transition
 import kr.co.vividnext.sodalive.R
 import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentMainItem
 import kr.co.vividnext.sodalive.databinding.ItemAudioContentNewAllBinding
 import kr.co.vividnext.sodalive.extensions.dpToPx
+import kr.co.vividnext.sodalive.extensions.moneyFormat
 
 class AudioContentNewAllAdapter(
     private val itemWidth: Int,
@@ -20,23 +30,27 @@ class AudioContentNewAllAdapter(
 ) : RecyclerView.Adapter<AudioContentNewAllAdapter.ViewHolder>() {
 
     inner class ViewHolder(
+        private val context: Context,
         private val binding: ItemAudioContentNewAllBinding,
         private val onClickItem: (Long) -> Unit,
         private val onClickCreator: (Long) -> Unit
     ) : RecyclerView.ViewHolder(binding.root) {
         fun bind(item: GetAudioContentMainItem) {
-            binding.ivAudioContentCoverImage.load(item.coverImageUrl) {
-                crossfade(true)
-                placeholder(R.drawable.ic_place_holder)
-                transformations(RoundedCornersTransformation(2.7f.dpToPx()))
+            Glide
+                .with(context)
+                .load(item.coverImageUrl)
+                .apply(
+                    RequestOptions().transform(
+                        CenterCrop(),
+                        RoundedCorners(8)
+                    )
+                )
+                .into(binding.ivAudioContentCoverImage)
 
-                val layoutParams = binding.ivAudioContentCoverImage
-                    .layoutParams as ConstraintLayout.LayoutParams
-
-                layoutParams.width = itemWidth
-                layoutParams.height = itemWidth
-                binding.ivAudioContentCoverImage.layoutParams = layoutParams
-            }
+            val layoutParams = binding.ivAudioContentCoverImage.layoutParams as ConstraintLayout.LayoutParams
+            layoutParams.width = itemWidth
+            layoutParams.height = itemWidth
+            binding.ivAudioContentCoverImage.layoutParams = layoutParams
 
             binding.ivAudioContentCreator.load(item.creatorProfileImageUrl) {
                 crossfade(true)
@@ -47,6 +61,16 @@ class AudioContentNewAllAdapter(
             binding.tvAudioContentTitle.text = item.title
             binding.tvAudioContentCreatorNickname.text = item.creatorNickname
 
+            if (item.price > 0) {
+                binding.ivCan.visibility = View.VISIBLE
+                binding.tvCan.text = item.price.moneyFormat()
+            } else {
+                binding.ivCan.visibility = View.GONE
+                binding.tvCan.text = "무료"
+            }
+
+            binding.tvTime.text = item.duration
+
             binding.ivAudioContentCreator.setOnClickListener { onClickCreator(item.creatorId) }
             binding.root.setOnClickListener { onClickItem(item.contentId) }
         }
@@ -58,6 +82,7 @@ class AudioContentNewAllAdapter(
         parent: ViewGroup,
         viewType: Int
     ) = ViewHolder(
+        parent.context,
         ItemAudioContentNewAllBinding.inflate(
             LayoutInflater.from(parent.context),
             parent,

app/src/main/java/kr/co/vividnext/sodalive/audio_content/all/AudioContentRankingAllActivity.kt

@@ -9,6 +9,7 @@ import android.widget.Toast
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
 import kr.co.vividnext.sodalive.audio_content.detail.AudioContentDetailActivity
+import kr.co.vividnext.sodalive.audio_content.main.new_content.AudioContentMainNewContentThemeAdapter
 import kr.co.vividnext.sodalive.base.BaseActivity
 import kr.co.vividnext.sodalive.common.Constants
 import kr.co.vividnext.sodalive.common.LoadingDialog
@@ -23,11 +24,13 @@ class AudioContentRankingAllActivity : BaseActivity<ActivityAudioContentRankingA
 
     private lateinit var loadingDialog: LoadingDialog
     private lateinit var adapter: AudioContentRankingAllAdapter
+    private lateinit var sortAdapter: AudioContentMainNewContentThemeAdapter
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
 
         bindData()
+        viewModel.getAudioContentRankingSortType()
         viewModel.getAudioContentRanking()
     }
 
@@ -99,6 +102,53 @@ class AudioContentRankingAllActivity : BaseActivity<ActivityAudioContentRankingA
         })
 
         binding.rvContentRanking.adapter = adapter
+
+        setupContentRankingSortType()
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    private fun setupContentRankingSortType() {
+        sortAdapter = AudioContentMainNewContentThemeAdapter {
+            adapter.items.clear()
+            adapter.notifyDataSetChanged()
+            viewModel.selectSort(sort = it)
+        }
+
+        binding.rvContentRankingSort.layoutManager = LinearLayoutManager(
+            this,
+            LinearLayoutManager.HORIZONTAL,
+            false
+        )
+
+        binding.rvContentRankingSort.addItemDecoration(object : RecyclerView.ItemDecoration() {
+            override fun getItemOffsets(
+                outRect: Rect,
+                view: View,
+                parent: RecyclerView,
+                state: RecyclerView.State
+            ) {
+                super.getItemOffsets(outRect, view, parent, state)
+
+                when (parent.getChildAdapterPosition(view)) {
+                    0 -> {
+                        outRect.left = 0
+                        outRect.right = 4f.dpToPx().toInt()
+                    }
+
+                    sortAdapter.itemCount - 1 -> {
+                        outRect.left = 4f.dpToPx().toInt()
+                        outRect.right = 0
+                    }
+
+                    else -> {
+                        outRect.left = 4f.dpToPx().toInt()
+                        outRect.right = 4f.dpToPx().toInt()
+                    }
+                }
+            }
+        })
+
+        binding.rvContentRankingSort.adapter = sortAdapter
     }
 
     @SuppressLint("NotifyDataSetChanged")
@@ -120,12 +170,16 @@ class AudioContentRankingAllActivity : BaseActivity<ActivityAudioContentRankingA
         }
 
         viewModel.contentRankingItemsLiveData.observe(this) {
-            if (viewModel.page == 0) {
+            if (viewModel.page == 2) {
                 adapter.items.clear()
             }
 
             adapter.items.addAll(it)
             adapter.notifyDataSetChanged()
         }
+
+        viewModel.contentRankingSortListLiveData.observe(this) {
+            sortAdapter.addItems(it)
+        }
     }
 }

app/src/main/java/kr/co/vividnext/sodalive/audio_content/all/AudioContentRankingAllViewModel.kt

@@ -25,6 +25,10 @@ class AudioContentRankingAllViewModel(
     val dateStringLiveData: LiveData<String>
         get() = _dateStringLiveData
 
+    private var _contentRankingSortListLiveData = MutableLiveData<List<String>>()
+    val contentRankingSortListLiveData: LiveData<List<String>>
+        get() = _contentRankingSortListLiveData
+
     private var _contentRankingItemsLiveData = MutableLiveData<List<GetAudioContentRankingItem>>()
     val contentRankingItemsLiveData: LiveData<List<GetAudioContentRankingItem>>
         get() = _contentRankingItemsLiveData
@@ -33,6 +37,8 @@ class AudioContentRankingAllViewModel(
     private var pageSize = 10
     private var isLast = false
 
+    private var selectedSort = "매출"
+
     fun getAudioContentRanking() {
         if (!_isLoading.value!! && !isLast && page <= 5) {
             _isLoading.value = true
@@ -40,6 +46,7 @@ class AudioContentRankingAllViewModel(
                 repository.getContentRanking(
                     page = page,
                     size = pageSize,
+                    sortType = selectedSort,
                     token = "Bearer ${SharedPreferenceManager.token}"
                 )
                     .subscribeOn(Schedulers.io())
@@ -56,7 +63,6 @@ class AudioContentRankingAllViewModel(
                                     _contentRankingItemsLiveData.value = it.data.items
                                 } else {
                                     isLast = true
-                                    _contentRankingItemsLiveData.value = listOf()
                                 }
                             } else {
                                 _isLoading.value = false
@@ -77,4 +83,38 @@ class AudioContentRankingAllViewModel(
             )
         }
     }
+
+    fun getAudioContentRankingSortType() {
+        compositeDisposable.add(
+            repository.getContentRankingSortType(token = "Bearer ${SharedPreferenceManager.token}")
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.success && it.data != null) {
+                            _contentRankingSortListLiveData.value = it.data!!
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                )
+                            }
+                        }
+                    },
+                    {
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
+
+    fun selectSort(sort: String) {
+        page = 1
+        isLast = false
+        selectedSort = sort
+        getAudioContentRanking()
+    }
 }

app/src/main/java/kr/co/vividnext/sodalive/audio_content/all/by_theme/AudioContentAllByThemeActivity.kt

@@ -0,0 +1,179 @@
+package kr.co.vividnext.sodalive.audio_content.all.by_theme
+
+import android.content.Intent
+import android.graphics.Rect
+import android.os.Bundle
+import android.view.View
+import android.widget.TextView
+import android.widget.Toast
+import androidx.core.content.ContextCompat
+import androidx.recyclerview.widget.GridLayoutManager
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.audio_content.AudioContentViewModel
+import kr.co.vividnext.sodalive.audio_content.all.AudioContentNewAllAdapter
+import kr.co.vividnext.sodalive.audio_content.detail.AudioContentDetailActivity
+import kr.co.vividnext.sodalive.base.BaseActivity
+import kr.co.vividnext.sodalive.common.Constants
+import kr.co.vividnext.sodalive.common.GridSpacingItemDecoration
+import kr.co.vividnext.sodalive.common.LoadingDialog
+import kr.co.vividnext.sodalive.databinding.ActivityAudioContentAllByThemeBinding
+import kr.co.vividnext.sodalive.explorer.profile.UserProfileActivity
+import kr.co.vividnext.sodalive.extensions.dpToPx
+import org.koin.android.ext.android.inject
+
+class AudioContentAllByThemeActivity : BaseActivity<ActivityAudioContentAllByThemeBinding>(
+    ActivityAudioContentAllByThemeBinding::inflate
+) {
+    private val viewModel: AudioContentAllByThemeViewModel by inject()
+
+    private lateinit var loadingDialog: LoadingDialog
+    private lateinit var adapter: AudioContentNewAllAdapter
+
+    private var themeId: Long = 0
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        themeId = intent.getLongExtra(Constants.EXTRA_THEME_ID, 0)
+
+        if (themeId <= 0) {
+            Toast.makeText(
+                applicationContext,
+                "잘못된 요청입니다.\n다시 시도해 주세요.",
+                Toast.LENGTH_LONG
+            ).show()
+
+            finish()
+        }
+
+        super.onCreate(savedInstanceState)
+
+        bindData()
+        viewModel.getContentList(themeId = themeId)
+    }
+
+    override fun setupView() {
+        loadingDialog = LoadingDialog(this, layoutInflater)
+        binding.toolbar.tvBack.setOnClickListener { finish() }
+
+        val spanCount = 3
+        val spacing = 40
+        adapter = AudioContentNewAllAdapter(
+            itemWidth = (screenWidth - (spacing * (spanCount + 1))) / 3,
+            onClickItem = {
+                startActivity(
+                    Intent(this, AudioContentDetailActivity::class.java).apply {
+                        putExtra(Constants.EXTRA_AUDIO_CONTENT_ID, it)
+                    }
+                )
+            },
+            onClickCreator = {
+                startActivity(
+                    Intent(this, UserProfileActivity::class.java).apply {
+                        putExtra(Constants.EXTRA_USER_ID, it)
+                    }
+                )
+            }
+        )
+
+        binding.rvContentAll.layoutManager = GridLayoutManager(this, spanCount)
+        binding.rvContentAll.addItemDecoration(GridSpacingItemDecoration(spanCount, spacing, true))
+
+        binding.rvContentAll.addOnScrollListener(object : RecyclerView.OnScrollListener() {
+            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
+                super.onScrolled(recyclerView, dx, dy)
+
+                val lastVisibleItemPosition = (recyclerView.layoutManager as LinearLayoutManager?)!!
+                    .findLastCompletelyVisibleItemPosition()
+                val itemTotalCount = recyclerView.adapter!!.itemCount - 1
+
+                // 스크롤이 끝에 도달했는지 확인
+                if (!recyclerView.canScrollVertically(1) &&
+                    lastVisibleItemPosition == itemTotalCount
+                ) {
+                    viewModel.getContentList(themeId = themeId)
+                }
+            }
+        })
+
+        binding.rvContentAll.adapter = adapter
+
+        binding.tvSortNewest.setOnClickListener {
+            viewModel.changeSort(AudioContentViewModel.Sort.NEWEST)
+        }
+
+        binding.tvSortPriceLow.setOnClickListener {
+            viewModel.changeSort(AudioContentViewModel.Sort.PRICE_LOW)
+        }
+
+        binding.tvSortPriceHigh.setOnClickListener {
+            viewModel.changeSort(AudioContentViewModel.Sort.PRICE_HIGH)
+        }
+    }
+
+    private fun bindData() {
+        viewModel.toastLiveData.observe(this) {
+            it?.let { Toast.makeText(applicationContext, it, Toast.LENGTH_LONG).show() }
+        }
+
+        viewModel.isLoading.observe(this) {
+            if (it) {
+                loadingDialog.show(screenWidth, "")
+            } else {
+                loadingDialog.dismiss()
+            }
+        }
+
+        viewModel.contentListLiveData.observe(this) {
+            if (viewModel.page - 1 == 1) {
+                adapter.clear()
+                binding.rvContentAll.scrollToPosition(0)
+            }
+
+            binding.tvTotalCount.text = "${it.totalCount}"
+            binding.toolbar.tvBack.text = it.theme
+            adapter.addItems(it.items)
+        }
+
+        viewModel.sort.observe(this) {
+            deselectSort()
+            selectSort(
+                when (it) {
+                    AudioContentViewModel.Sort.PRICE_HIGH -> {
+                        binding.tvSortPriceHigh
+                    }
+
+                    AudioContentViewModel.Sort.PRICE_LOW -> {
+                        binding.tvSortPriceLow
+                    }
+
+                    else -> {
+                        binding.tvSortNewest
+                    }
+                }
+            )
+
+            viewModel.getContentList(themeId = themeId)
+        }
+    }
+
+    private fun deselectSort() {
+        val color = ContextCompat.getColor(
+            applicationContext,
+            R.color.color_88e2e2e2
+        )
+
+        binding.tvSortNewest.setTextColor(color)
+        binding.tvSortPriceLow.setTextColor(color)
+        binding.tvSortPriceHigh.setTextColor(color)
+    }
+
+    private fun selectSort(view: TextView) {
+        view.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_e2e2e2
+            )
+        )
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/all/by_theme/AudioContentAllByThemeViewModel.kt

@@ -0,0 +1,86 @@
+package kr.co.vividnext.sodalive.audio_content.all.by_theme
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import com.orhanobut.logger.Logger
+import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
+import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.audio_content.AudioContentRepository
+import kr.co.vividnext.sodalive.audio_content.AudioContentViewModel
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+
+class AudioContentAllByThemeViewModel(
+    private val repository: AudioContentRepository
+) : BaseViewModel() {
+    private val _toastLiveData = MutableLiveData<String?>()
+    val toastLiveData: LiveData<String?>
+        get() = _toastLiveData
+
+    private var _isLoading = MutableLiveData(false)
+    val isLoading: LiveData<Boolean>
+        get() = _isLoading
+
+    private var _contentListLiveData = MutableLiveData<GetContentByThemeResponse>()
+    val contentListLiveData: LiveData<GetContentByThemeResponse>
+        get() = _contentListLiveData
+
+    private val _sort = MutableLiveData(AudioContentViewModel.Sort.NEWEST)
+    val sort: LiveData<AudioContentViewModel.Sort>
+        get() = _sort
+
+    private var isLast = false
+    var page = 1
+    private val size = 15
+
+    fun getContentList(themeId: Long) {
+        if (!_isLoading.value!! && !isLast) {
+            _isLoading.value = true
+
+            compositeDisposable.add(
+                repository.getAudioContentByTheme(
+                    themeId = themeId,
+                    page = page,
+                    size = size,
+                    sort = _sort.value!!,
+                    token = "Bearer ${SharedPreferenceManager.token}"
+                )
+                    .subscribeOn(Schedulers.io())
+                    .observeOn(AndroidSchedulers.mainThread())
+                    .subscribe(
+                        {
+                            if (it.success && it.data != null) {
+                                if (it.data.items.isNotEmpty()) {
+                                    page += 1
+                                    _contentListLiveData.postValue(it.data!!)
+                                } else {
+                                    isLast = true
+                                }
+                            } else {
+                                if (it.message != null) {
+                                    _toastLiveData.postValue(it.message)
+                                } else {
+                                    _toastLiveData.postValue(
+                                        "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                    )
+                                }
+                            }
+
+                            _isLoading.value = false
+                        },
+                        {
+                            _isLoading.value = false
+                            it.message?.let { message -> Logger.e(message) }
+                            _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                        }
+                    )
+            )
+        }
+    }
+
+    fun changeSort(sort: AudioContentViewModel.Sort) {
+        page = 1
+        isLast = false
+        _sort.postValue(sort)
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/all/by_theme/GetContentByThemeResponse.kt

@@ -0,0 +1,10 @@
+package kr.co.vividnext.sodalive.audio_content.all.by_theme
+
+import com.google.gson.annotations.SerializedName
+import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentMainItem
+
+data class GetContentByThemeResponse(
+    @SerializedName("theme") val theme: String,
+    @SerializedName("totalCount") val totalCount: Int,
+    @SerializedName("items") val items: List<GetAudioContentMainItem>
+)

app/src/main/java/kr/co/vividnext/sodalive/audio_content/category/AudioContentCategoryAdapter.kt

@@ -0,0 +1,79 @@
+package kr.co.vividnext.sodalive.audio_content.category
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.core.content.ContextCompat
+import androidx.recyclerview.widget.RecyclerView
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.databinding.ItemContentCategoryBinding
+
+class AudioContentCategoryAdapter(
+    private val onClick: (Long) -> Unit
+) : RecyclerView.Adapter<AudioContentCategoryAdapter.ViewHolder>() {
+
+    private val items = mutableListOf<GetCategoryListResponse>()
+    private var selectedCategory = ""
+
+    inner class ViewHolder(
+        private val context: Context,
+        private val binding: ItemContentCategoryBinding
+    ) : RecyclerView.ViewHolder(binding.root) {
+        @SuppressLint("NotifyDataSetChanged")
+        fun bind(item: GetCategoryListResponse) {
+            if (
+                item.category == selectedCategory ||
+                (selectedCategory == "" && item.category == "전체")
+            ) {
+                binding.tvCategory.setBackgroundResource(
+                    R.drawable.bg_round_corner_16_7_transparent_3bb9f1
+                )
+                binding.tvCategory.setTextColor(
+                    ContextCompat.getColor(context, R.color.color_3bb9f1)
+                )
+            } else {
+                binding.tvCategory.setBackgroundResource(
+                    R.drawable.bg_round_corner_16_7_transparent_777777
+                )
+                binding.tvCategory.setTextColor(
+                    ContextCompat.getColor(context, R.color.color_777777)
+                )
+            }
+
+            binding.tvCategory.text = item.category
+            binding.root.setOnClickListener {
+                onClick(item.categoryId)
+                selectedCategory = item.category
+                notifyDataSetChanged()
+            }
+        }
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    fun addItems(items: List<GetCategoryListResponse>) {
+        this.selectedCategory = ""
+        this.items.clear()
+        this.items.addAll(items)
+        notifyDataSetChanged()
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(
+        parent.context,
+        ItemContentCategoryBinding.inflate(
+            LayoutInflater.from(parent.context),
+            parent,
+            false
+        )
+    )
+
+    override fun getItemCount() = items.size
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        holder.bind(items[position])
+    }
+
+    fun clear() {
+        this.items.clear()
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/category/CategoryApi.kt

@@ -0,0 +1,15 @@
+package kr.co.vividnext.sodalive.audio_content.category
+
+import io.reactivex.rxjava3.core.Single
+import kr.co.vividnext.sodalive.common.ApiResponse
+import retrofit2.http.GET
+import retrofit2.http.Header
+import retrofit2.http.Query
+
+interface CategoryApi {
+    @GET("/category")
+    fun getCategoryList(
+        @Query("creatorId") creatorId: Long,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<List<GetCategoryListResponse>>>
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/category/GetCategoryListResponse.kt

@@ -0,0 +1,8 @@
+package kr.co.vividnext.sodalive.audio_content.category
+
+import com.google.gson.annotations.SerializedName
+
+data class GetCategoryListResponse(
+    @SerializedName("categoryId") val categoryId: Long,
+    @SerializedName("category") val category: String
+)

app/src/main/java/kr/co/vividnext/sodalive/audio_content/comment/AudioContentCommentAdapter.kt

@@ -44,27 +44,27 @@ class AudioContentCommentAdapter(
                 binding.tvDonationCan.text = can.moneyFormat()
                 binding.llDonationCan.setBackgroundResource(
                     when {
-                        can >= 100000 -> {
+                        can >= 10000 -> {
                             R.drawable.bg_round_corner_10_7_973a3a
                         }
 
-                        can >= 50000 -> {
+                        can >= 5000 -> {
                             R.drawable.bg_round_corner_10_7_d85e37
                         }
 
-                        can >= 10000 -> {
+                        can >= 1000 -> {
                             R.drawable.bg_round_corner_10_7_d38c38
                         }
 
-                        can >= 5000 -> {
+                        can >= 500 -> {
                             R.drawable.bg_round_corner_10_7_59548f
                         }
 
-                        can >= 1000 -> {
+                        can >= 100 -> {
                             R.drawable.bg_round_corner_10_7_4d6aa4
                         }
 
-                        can >= 500 -> {
+                        can >= 50 -> {
                             R.drawable.bg_round_corner_10_7_2d7390
                         }
 

app/src/main/java/kr/co/vividnext/sodalive/audio_content/comment/AudioContentCommentReplyAdapter.kt

@@ -124,27 +124,27 @@ class AudioContentCommentReplyHeaderViewHolder(
             binding.tvDonationCan.text = can.moneyFormat()
             binding.llDonationCan.setBackgroundResource(
                 when {
-                    can >= 100000 -> {
+                    can >= 10000 -> {
                         R.drawable.bg_round_corner_10_7_973a3a
                     }
 
-                    can >= 50000 -> {
+                    can >= 5000 -> {
                         R.drawable.bg_round_corner_10_7_d85e37
                     }
 
-                    can >= 10000 -> {
+                    can >= 1000 -> {
                         R.drawable.bg_round_corner_10_7_d38c38
                     }
 
-                    can >= 5000 -> {
+                    can >= 500 -> {
                         R.drawable.bg_round_corner_10_7_59548f
                     }
 
-                    can >= 1000 -> {
+                    can >= 100 -> {
                         R.drawable.bg_round_corner_10_7_4d6aa4
                     }
 
-                    can >= 500 -> {
+                    can >= 50 -> {
                         R.drawable.bg_round_corner_10_7_2d7390
                     }
 

app/src/main/java/kr/co/vividnext/sodalive/audio_content/curation/AudioContentCurationActivity.kt

@@ -17,6 +17,7 @@ import kr.co.vividnext.sodalive.audio_content.all.AudioContentNewAllAdapter
 import kr.co.vividnext.sodalive.audio_content.detail.AudioContentDetailActivity
 import kr.co.vividnext.sodalive.base.BaseActivity
 import kr.co.vividnext.sodalive.common.Constants
+import kr.co.vividnext.sodalive.common.GridSpacingItemDecoration
 import kr.co.vividnext.sodalive.common.LoadingDialog
 import kr.co.vividnext.sodalive.databinding.ActivityAudioContentCurationBinding
 import kr.co.vividnext.sodalive.explorer.profile.UserProfileActivity
@@ -54,8 +55,10 @@ class AudioContentCurationActivity : BaseActivity<ActivityAudioContentCurationBi
         binding.toolbar.tvBack.text = title
         binding.toolbar.tvBack.setOnClickListener { finish() }
 
+        val spanCount = 3
+        val spacing = 40
         adapter = AudioContentNewAllAdapter(
-            itemWidth = (screenWidth - 40f.dpToPx().toInt()) / 2,
+            itemWidth = (screenWidth - (spacing * (spanCount + 1))) / 3,
             onClickItem = {
                 startActivity(
                     Intent(this, AudioContentDetailActivity::class.java).apply {
@@ -72,44 +75,8 @@ class AudioContentCurationActivity : BaseActivity<ActivityAudioContentCurationBi
             }
         )
 
-        binding.rvCuration.layoutManager = GridLayoutManager(this, 2)
-
-        binding.rvCuration.addItemDecoration(object : RecyclerView.ItemDecoration() {
-            override fun getItemOffsets(
-                outRect: Rect,
-                view: View,
-                parent: RecyclerView,
-                state: RecyclerView.State
-            ) {
-                super.getItemOffsets(outRect, view, parent, state)
-
-                val position = parent.getChildAdapterPosition(view)
-                if (position % 2 == 0) {
-                    outRect.left = 13.3f.dpToPx().toInt()
-                    outRect.right = 6.7f.dpToPx().toInt()
-                } else {
-                    outRect.left = 6.7f.dpToPx().toInt()
-                    outRect.right = 13.3f.dpToPx().toInt()
-                }
-
-                when (position) {
-                    0, 1 -> {
-                        outRect.top = 13.3f.dpToPx().toInt()
-                        outRect.bottom = 6.7f.dpToPx().toInt()
-                    }
-
-                    adapter.itemCount - 1, adapter.itemCount - 2 -> {
-                        outRect.top = 6.7f.dpToPx().toInt()
-                        outRect.bottom = 13.3f.dpToPx().toInt()
-                    }
-
-                    else -> {
-                        outRect.top = 6.7f.dpToPx().toInt()
-                        outRect.bottom = 6.7f.dpToPx().toInt()
-                    }
-                }
-            }
-        })
+        binding.rvCuration.layoutManager = GridLayoutManager(this, spanCount)
+        binding.rvCuration.addItemDecoration(GridSpacingItemDecoration(spanCount, spacing, true))
 
         binding.rvCuration.addOnScrollListener(object : RecyclerView.OnScrollListener() {
             override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {

app/src/main/java/kr/co/vividnext/sodalive/audio_content/detail/AudioContentDetailActivity.kt

@@ -13,7 +13,7 @@ import android.view.View
 import android.widget.RelativeLayout
 import android.widget.SeekBar
 import android.widget.Toast
-import androidx.appcompat.widget.PopupMenu
+import androidx.core.content.ContextCompat
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
 import coil.load
@@ -29,6 +29,7 @@ import kr.co.vividnext.sodalive.audio_content.order.AudioContentOrderConfirmDial
 import kr.co.vividnext.sodalive.audio_content.order.AudioContentOrderFragment
 import kr.co.vividnext.sodalive.audio_content.order.OrderType
 import kr.co.vividnext.sodalive.base.BaseActivity
+import kr.co.vividnext.sodalive.base.SodaDialog
 import kr.co.vividnext.sodalive.common.Constants
 import kr.co.vividnext.sodalive.common.LoadingDialog
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
@@ -40,6 +41,7 @@ import kr.co.vividnext.sodalive.live.room.donation.LiveRoomDonationDialog
 import kr.co.vividnext.sodalive.mypage.auth.Auth
 import kr.co.vividnext.sodalive.mypage.auth.AuthVerifyRequest
 import kr.co.vividnext.sodalive.mypage.auth.BootpayResponse
+import kr.co.vividnext.sodalive.mypage.can.charge.CanChargeActivity
 import kr.co.vividnext.sodalive.report.ReportType
 import org.koin.android.ext.android.inject
 
@@ -59,10 +61,6 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
     private var creatorId: Long = 0
 
     private var refresh = false
-        set(value) {
-            field = value
-            setResult(RESULT_OK)
-        }
     private var title = ""
 
     @SuppressLint("SetTextI18n")
@@ -96,7 +94,11 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
     override fun onResume() {
         super.onResume()
         val intentFilter = IntentFilter(Constants.ACTION_AUDIO_CONTENT_RECEIVER)
-        registerReceiver(audioContentReceiver, intentFilter)
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+            registerReceiver(audioContentReceiver, intentFilter, Context.RECEIVER_NOT_EXPORTED)
+        } else {
+            registerReceiver(audioContentReceiver, intentFilter)
+        }
 
         if (refresh) {
             viewModel.getAudioContentDetail(audioContentId = audioContentId) { finish() }
@@ -114,10 +116,7 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
         binding.tvBack.setOnClickListener { finish() }
         binding.ivClosePreviewAlert.setOnClickListener { viewModel.toggleShowPreviewAlert() }
         binding.ivMenu.setOnClickListener {
-            showOptionMenu(
-                this,
-                binding.ivMenu,
-            )
+            showOptionMenu()
         }
 
         creatorOtherContentAdapter = OtherContentAdapter {
@@ -239,10 +238,16 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
             }
         })
 
-        val layoutParams = binding.ivCover.layoutParams as RelativeLayout.LayoutParams
-        layoutParams.width = (screenWidth - 13.3f.dpToPx()).toInt()
-        layoutParams.height = (screenWidth - 13.3f.dpToPx()).toInt()
-        binding.ivCover.layoutParams = layoutParams
+        val ivCoverLp = binding.ivCover.layoutParams as RelativeLayout.LayoutParams
+        ivCoverLp.width = (screenWidth - 13.3f.dpToPx()).toInt()
+        ivCoverLp.height = (screenWidth - 13.3f.dpToPx()).toInt()
+        binding.ivCover.layoutParams = ivCoverLp
+
+        val flSoldOutLp = binding.flSoldOut.layoutParams as RelativeLayout.LayoutParams
+        flSoldOutLp.width = (screenWidth - 13.3f.dpToPx()).toInt()
+        flSoldOutLp.height = (screenWidth - 13.3f.dpToPx()).toInt()
+        binding.flSoldOut.layoutParams = flSoldOutLp
+
         binding.ivPlayLoop.setOnClickListener { viewModel.togglePlayLoop() }
         binding.llDonation.setOnClickListener {
             val dialog = LiveRoomDonationDialog(
@@ -258,7 +263,7 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
                 }
             }
 
-            dialog.show(screenWidth)
+            dialog.show(screenWidth - 26.7f.dpToPx().toInt())
         }
     }
 
@@ -268,50 +273,46 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
         }
     }
 
-    private fun showOptionMenu(context: Context, v: View) {
-        val popup = PopupMenu(context, v)
-        val inflater = popup.menuInflater
-
-        if (
-            viewModel.audioContentLiveData.value!!.creator.creatorId ==
-            SharedPreferenceManager.userId
-        ) {
-            inflater.inflate(R.menu.audio_content_detail_creator_menu, popup.menu)
-
-            popup.setOnMenuItemClickListener {
-                when (it.itemId) {
-                    R.id.menu_modify -> {
-                        refresh = true
-                        startActivity(
-                            Intent(applicationContext, AudioContentModifyActivity::class.java)
-                                .apply {
-                                    putExtra(Constants.EXTRA_AUDIO_CONTENT_ID, audioContentId)
-                                }
-                        )
-                    }
-
-                    R.id.menu_delete -> {
-                        showDeleteDialog()
+    private fun showOptionMenu() {
+        val dialog = AudioContentDetailMenuBottomSheetDialog(
+            isPin = viewModel.audioContentLiveData.value!!.isPin,
+            isCreator = viewModel.audioContentLiveData.value!!
+                .creator.creatorId == SharedPreferenceManager.userId,
+            onClickPin = {
+                if (viewModel.audioContentLiveData.value!!.isPin) {
+                    viewModel.unPinContent(audioContentId)
+                } else {
+                    if (viewModel.audioContentLiveData.value!!.isAvailablePin) {
+                        viewModel.pinContent(audioContentId)
+                    } else {
+                        SodaDialog(this@AudioContentDetailActivity,
+                            layoutInflater,
+                            "고정 한도 도달",
+                            "이 콘텐츠를 고정하시겠어요? " +
+                                "채널에 콘텐츠를 최대 3개까지 고정할 수 있습니다." +
+                                "이 콘텐츠를 고정하면 가장 오래된 콘텐츠가 대체됩니다.",
+                            "확인",
+                            { viewModel.pinContent(audioContentId) },
+                            "취소",
+                            {}
+                        ).show(screenWidth)
                     }
                 }
-
-                true
-            }
-        } else {
-            inflater.inflate(R.menu.audio_content_detail_user_menu, popup.menu)
-
-            popup.setOnMenuItemClickListener {
-                when (it.itemId) {
-                    R.id.menu_report -> {
-                        showReportDialog()
-                    }
-                }
-
-                true
-            }
-        }
-
-        popup.show()
+            },
+            onClickModify = {
+                refresh = true
+                setResult(RESULT_OK)
+                startActivity(
+                    Intent(applicationContext, AudioContentModifyActivity::class.java)
+                        .apply {
+                            putExtra(Constants.EXTRA_AUDIO_CONTENT_ID, audioContentId)
+                        }
+                )
+            },
+            onClickDelete = { showDeleteDialog() },
+            onClickReport = { showReportDialog() }
+        )
+        dialog.show(supportFragmentManager, dialog.tag)
     }
 
     private fun showDeleteDialog() {
@@ -386,18 +387,6 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
             setupCommentArea(it)
             setupCreatorOtherContentListArea(it.creatorOtherContentList)
             setupSameThemeOtherContentList(it.sameThemeOtherContentList)
-
-            isAlertPreview = it.creator.creatorId != SharedPreferenceManager.userId &&
-                !it.existOrdered &&
-                it.price > 0
-
-            binding.ivPlayOrPause.setImageResource(
-                if (isAlertPreview) {
-                    R.drawable.btn_audio_content_preview_play
-                } else {
-                    R.drawable.btn_audio_content_play
-                }
-            )
         }
 
         viewModel.isContentPlayLoopLiveData.observe(this) {
@@ -495,26 +484,67 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
     }
 
     private fun setupPurchaseButton(response: GetAudioContentDetailResponse) {
-        if (
+        if (response.releaseDate != null) {
+            binding.llPurchase.visibility = View.VISIBLE
+            binding.llPurchasePrice.visibility = View.GONE
+            binding.tvPurchaseSoldOut.visibility = View.GONE
+            binding.tvReleaseDate.visibility = View.VISIBLE
+            binding.llPurchase.background = ContextCompat.getDrawable(
+                applicationContext,
+                R.drawable.bg_round_corner_5_3_525252
+            )
+
+            binding.tvReleaseDate.text = response.releaseDate
+        } else if (
             response.price > 0 &&
             !response.existOrdered &&
             response.orderType == null &&
             response.creator.creatorId != SharedPreferenceManager.userId
         ) {
-            binding.llPurchase.visibility = View.VISIBLE
-            binding.tvPrice.text = response.price.toString()
-
-            binding.tvStrPurchaseOrRental.text = if (response.isOnlyRental) {
-                " 대여하기"
+            if (
+                response.totalContentCount != null && response.remainingContentCount != null &&
+                response.remainingContentCount <= 0
+            ) {
+                binding.llPurchase.visibility = View.GONE
+                binding.tvPurchaseSoldOut.visibility = View.VISIBLE
             } else {
-                " 구매하기"
-            }
+                binding.tvPurchaseSoldOut.visibility = View.GONE
+                binding.tvReleaseDate.visibility = View.GONE
+                binding.llPurchase.visibility = View.VISIBLE
+                binding.llPurchasePrice.visibility = View.VISIBLE
+                binding.tvPrice.text = response.price.toString()
+                binding.llPurchase.background = ContextCompat.getDrawable(
+                    applicationContext,
+                    R.drawable.bg_round_corner_5_3_3bb9f1
+                )
 
-            binding.llPurchase.setOnClickListener {
-                showOrderDialog(audioContent = response, isOnlyRental = response.isOnlyRental)
+                binding.tvStrPurchaseOrRental.text = if (response.isOnlyRental) {
+                    " 대여하기"
+                } else {
+                    " 구매하기"
+                }
+
+                binding.llPurchase.setOnClickListener {
+                    if (
+                        response.totalContentCount != null &&
+                        response.remainingContentCount != null
+                    ) {
+                        showOrderConfirmDialog(
+                            audioContent = response,
+                            isOnlyRental = false,
+                            OrderType.KEEP
+                        )
+                    } else {
+                        showOrderDialog(
+                            audioContent = response,
+                            isOnlyRental = response.isOnlyRental
+                        )
+                    }
+                }
             }
         } else {
             binding.llPurchase.visibility = View.GONE
+            binding.tvPurchaseSoldOut.visibility = View.GONE
         }
     }
 
@@ -528,29 +558,72 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
             .apply(RequestOptions().override((screenWidth - 13.3f.dpToPx()).toInt()))
             .into(binding.ivCover)
 
-        binding.ivPlayOrPause.setOnClickListener {
-            startService(
-                Intent(this, AudioContentPlayService::class.java).apply {
-                    putExtra(Constants.EXTRA_AUDIO_CONTENT_COVER_IMAGE_URL, response.coverImageUrl)
-                    putExtra(Constants.EXTRA_AUDIO_CONTENT_URL, response.contentUrl)
-                    putExtra(Constants.EXTRA_NICKNAME, response.creator.nickname)
-                    putExtra(Constants.EXTRA_AUDIO_CONTENT_TITLE, response.title)
-                    putExtra(Constants.EXTRA_AUDIO_CONTENT_ID, response.contentId)
-                    putExtra(Constants.EXTRA_AUDIO_CONTENT_CREATOR_ID, response.creator.creatorId)
-                    putExtra(Constants.EXTRA_AUDIO_CONTENT_FREE, response.price <= 0)
-                    putExtra(
-                        Constants.EXTRA_AUDIO_CONTENT_PREVIEW,
-                        !response.existOrdered && response.price > 0
-                    )
+        binding.flSoldOut.visibility = View.GONE
+        binding.tvSoldOutBig.visibility = View.GONE
+        binding.ivPlayOrPause.visibility = View.GONE
+        binding.tvPreviewNo.visibility = View.GONE
+        binding.tvTotalDuration.text = " / ${response.duration}"
+
+        isAlertPreview = response.creator.creatorId != SharedPreferenceManager.userId &&
+            !response.existOrdered &&
+            response.price > 0
+
+        if (
+            !response.existOrdered &&
+            response.totalContentCount != null && response.remainingContentCount != null &&
+            response.remainingContentCount <= 0
+        ) {
+            binding.flSoldOut.visibility = View.VISIBLE
+            binding.tvSoldOutBig.visibility = View.VISIBLE
+        } else if (
+            response.releaseDate == null &&
+            !isAlertPreview ||
+            (response.isActivePreview && response.contentUrl.isNotBlank())
+        ) {
+            binding.ivPlayOrPause.visibility = View.VISIBLE
+            binding.ivPlayOrPause.setOnClickListener {
+                startService(
+                    Intent(this, AudioContentPlayService::class.java).apply {
+                        putExtra(
+                            Constants.EXTRA_AUDIO_CONTENT_COVER_IMAGE_URL,
+                            response.coverImageUrl
+                        )
+                        putExtra(Constants.EXTRA_AUDIO_CONTENT_URL, response.contentUrl)
+                        putExtra(Constants.EXTRA_NICKNAME, response.creator.nickname)
+                        putExtra(Constants.EXTRA_AUDIO_CONTENT_TITLE, response.title)
+                        putExtra(Constants.EXTRA_AUDIO_CONTENT_ID, response.contentId)
+                        putExtra(
+                            Constants.EXTRA_AUDIO_CONTENT_CREATOR_ID,
+                            response.creator.creatorId
+                        )
+                        putExtra(Constants.EXTRA_AUDIO_CONTENT_FREE, response.price <= 0)
+                        putExtra(
+                            Constants.EXTRA_AUDIO_CONTENT_PREVIEW,
+                            !response.existOrdered && response.price > 0
+                        )
+                    }
+                )
+            }
+
+            binding.ivPlayOrPause.setImageResource(
+                if (!isAlertPreview) {
+                    R.drawable.btn_audio_content_play
+                } else {
+                    R.drawable.btn_audio_content_preview_play
                 }
             )
+        } else if (response.releaseDate == null) {
+            binding.tvPreviewNo.visibility = View.VISIBLE
         }
-
-        binding.tvTotalDuration.text = " / ${response.duration}"
     }
 
     @SuppressLint("SetTextI18n")
     private fun setupInfoArea(response: GetAudioContentDetailResponse) {
+        binding.tvScheduledToOpen.visibility = if (response.releaseDate != null) {
+            View.VISIBLE
+        } else {
+            View.GONE
+        }
         binding.tvTheme.text = response.themeStr
         binding.tv19.visibility = if (response.isAdult) {
             View.VISIBLE
@@ -624,6 +697,33 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
                 startActivity(shareIntent)
             }
         }
+
+        if (response.totalContentCount != null && response.remainingContentCount != null) {
+            binding.rlLimitedEdition.visibility = View.VISIBLE
+
+            if (response.existOrdered) {
+                binding.tvRemaining.visibility = View.GONE
+                binding.tvTotalCount.visibility = View.VISIBLE
+                binding.tvRemainingCount.visibility = View.VISIBLE
+
+                binding.tvRemainingCount.text = "${response.orderSequence}"
+                binding.tvTotalCount.text = " / ${response.totalContentCount}"
+            } else if (response.remainingContentCount <= 0) {
+                binding.tvRemainingCount.visibility = View.GONE
+                binding.tvTotalCount.visibility = View.GONE
+                binding.tvRemaining.visibility = View.GONE
+
+                binding.tvSoldOutSmall.visibility = View.VISIBLE
+            } else {
+                binding.tvRemainingCount.visibility = View.VISIBLE
+                binding.tvRemaining.visibility = View.VISIBLE
+                binding.tvTotalCount.visibility = View.GONE
+
+                binding.tvRemainingCount.text = "${response.remainingContentCount}"
+            }
+        } else {
+            binding.rlLimitedEdition.visibility = View.GONE
+        }
     }
 
     private fun setupMosaicArea(isMosaic: Boolean) {
@@ -669,7 +769,7 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
             binding.ivFollow.visibility = View.VISIBLE
 
             if (creator.isFollowing) {
-                binding.ivFollow.setImageResource(R.drawable.btn_notification_selected)
+                binding.ivFollow.setImageResource(R.drawable.btn_following_big)
                 binding.ivFollow.setOnClickListener {
                     viewModel.unRegisterNotification(
                         contentId = audioContentId,
@@ -677,7 +777,7 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
                     )
                 }
             } else {
-                binding.ivFollow.setImageResource(R.drawable.btn_notification)
+                binding.ivFollow.setImageResource(R.drawable.btn_follow_big)
                 binding.ivFollow.setOnClickListener {
                     viewModel.registerNotification(
                         contentId = audioContentId,
@@ -737,7 +837,11 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
                 viewModel.order(
                     contentId = audioContent.contentId,
                     orderType = orderType
-                )
+                ) {
+                    val intent = Intent(applicationContext, CanChargeActivity::class.java)
+                    intent.putExtra(Constants.EXTRA_GO_TO_PREV_PAGE, true)
+                    startActivity(intent)
+                }
             },
         ).show(screenWidth)
     }

app/src/main/java/kr/co/vividnext/sodalive/audio_content/detail/AudioContentDetailMenuBottomSheetDialog.kt

@@ -0,0 +1,66 @@
+package kr.co.vividnext.sodalive.audio_content.detail
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import com.google.android.material.bottomsheet.BottomSheetDialogFragment
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.databinding.DialogAudioContentDetailMenuBinding
+
+class AudioContentDetailMenuBottomSheetDialog(
+    private val isPin: Boolean,
+    private val isCreator: Boolean,
+    private val onClickPin: () -> Unit,
+    private val onClickModify: () -> Unit,
+    private val onClickDelete: () -> Unit,
+    private val onClickReport: () -> Unit
+) : BottomSheetDialogFragment() {
+    private lateinit var dialog: DialogAudioContentDetailMenuBinding
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        dialog = DialogAudioContentDetailMenuBinding.inflate(inflater, container, false)
+        return dialog.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        if (isCreator) {
+            dialog.tvReport.visibility = View.GONE
+            dialog.llMenuCreator.visibility = View.VISIBLE
+
+            if (isPin) {
+                dialog.ivPin.setImageResource(R.drawable.ic_pin_cancel)
+                dialog.tvPin.text = "내 채널에 고정 취소"
+            } else {
+                dialog.ivPin.setImageResource(R.drawable.ic_pin)
+                dialog.tvPin.text = "내 채널에 고정"
+            }
+
+            dialog.llPin.setOnClickListener {
+                dismiss()
+                onClickPin()
+            }
+            dialog.llModify.setOnClickListener {
+                dismiss()
+                onClickModify()
+            }
+            dialog.llDelete.setOnClickListener {
+                dismiss()
+                onClickDelete()
+            }
+        } else {
+            dialog.llMenuCreator.visibility = View.GONE
+            dialog.tvReport.visibility = View.VISIBLE
+            dialog.tvReport.setOnClickListener {
+                dismiss()
+                onClickReport()
+            }
+        }
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/detail/AudioContentDetailViewModel.kt

@@ -176,7 +176,7 @@ class AudioContentDetailViewModel(
         _isShowPreviewAlert.value = !_isShowPreviewAlert.value!!
     }
 
-    fun order(contentId: Long, orderType: OrderType) {
+    fun order(contentId: Long, orderType: OrderType, gotoShop: () -> Unit) {
         isLoading.value = true
         compositeDisposable.add(
             repository.orderContent(
@@ -200,6 +200,9 @@ class AudioContentDetailViewModel(
                         } else {
                             if (it.message != null) {
                                 _toastLiveData.postValue(it.message)
+                                if (it.message.contains("캔이 부족합니다")) {
+                                    gotoShop()
+                                }
                             } else {
                                 _toastLiveData.postValue(
                                     "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
@@ -478,4 +481,74 @@ class AudioContentDetailViewModel(
                 )
         )
     }
+
+    fun pinContent(audioContentId: Long) {
+        isLoading.value = true
+        compositeDisposable.add(
+            repository.pinContent(
+                audioContentId,
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        isLoading.value = false
+
+                        if (it.success) {
+                            _toastLiveData.postValue("고정되었습니다.")
+                            getAudioContentDetail(audioContentId)
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                )
+                            }
+                        }
+                    },
+                    {
+                        isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
+
+    fun unPinContent(audioContentId: Long) {
+        isLoading.value = true
+        compositeDisposable.add(
+            repository.unpinContent(
+                audioContentId,
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        isLoading.value = false
+
+                        if (it.success) {
+                            _toastLiveData.postValue("해제되었습니다.")
+                            getAudioContentDetail(audioContentId)
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                )
+                            }
+                        }
+                    },
+                    {
+                        isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
 }

app/src/main/java/kr/co/vividnext/sodalive/audio_content/detail/GetAudioContentDetailResponse.kt

@@ -14,6 +14,11 @@ data class GetAudioContentDetailResponse(
     @SerializedName("tag") val tag: String,
     @SerializedName("price") val price: Int,
     @SerializedName("duration") val duration: String,
+    @SerializedName("releaseDate") val releaseDate: String?,
+    @SerializedName("totalContentCount") val totalContentCount: Int?,
+    @SerializedName("remainingContentCount") val remainingContentCount: Int?,
+    @SerializedName("orderSequence") val orderSequence: Int?,
+    @SerializedName("isActivePreview") val isActivePreview: Boolean,
     @SerializedName("isAdult") val isAdult: Boolean,
     @SerializedName("isMosaic") val isMosaic: Boolean,
     @SerializedName("isOnlyRental") val isOnlyRental: Boolean,
@@ -29,6 +34,8 @@ data class GetAudioContentDetailResponse(
     @SerializedName("likeCount") val likeCount: Int,
     @SerializedName("commentList") val commentList: List<GetAudioContentCommentListItem>,
     @SerializedName("commentCount") val commentCount: Int,
+    @SerializedName("isPin") val isPin: Boolean,
+    @SerializedName("isAvailablePin") val isAvailablePin: Boolean,
     @SerializedName("creator") val creator: AudioContentCreator
 )
 

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/AudioContentMainFragment.kt

@@ -17,17 +17,27 @@ import androidx.recyclerview.widget.RecyclerView
 import com.zhpan.bannerview.BaseBannerAdapter
 import com.zhpan.indicator.enums.IndicatorSlideMode
 import com.zhpan.indicator.enums.IndicatorStyle
-import kr.co.pointclick.sdk.offerwall.core.PointClickAd
 import kr.co.vividnext.sodalive.R
 import kr.co.vividnext.sodalive.audio_content.all.AudioContentNewAllActivity
 import kr.co.vividnext.sodalive.audio_content.all.AudioContentRankingAllActivity
+import kr.co.vividnext.sodalive.audio_content.all.by_theme.AudioContentAllByThemeActivity
 import kr.co.vividnext.sodalive.audio_content.curation.AudioContentCurationActivity
 import kr.co.vividnext.sodalive.audio_content.detail.AudioContentDetailActivity
+import kr.co.vividnext.sodalive.audio_content.main.banner.AudioContentMainBannerAdapter
+import kr.co.vividnext.sodalive.audio_content.main.banner.AudioContentMainBannerViewModel
+import kr.co.vividnext.sodalive.audio_content.main.curation.AudioContentMainCurationAdapter
+import kr.co.vividnext.sodalive.audio_content.main.curation.AudioContentMainCurationViewModel
+import kr.co.vividnext.sodalive.audio_content.main.new_content.AudioContentMainNewContentThemeAdapter
+import kr.co.vividnext.sodalive.audio_content.main.new_content.AudioContentMainNewContentViewModel
+import kr.co.vividnext.sodalive.audio_content.main.new_content_upload_creator.AudioContentMainNewContentCreatorAdapter
+import kr.co.vividnext.sodalive.audio_content.main.new_content_upload_creator.AudioContentMainNewContentCreatorViewModel
+import kr.co.vividnext.sodalive.audio_content.main.order.AudioContentMainOrderListViewModel
+import kr.co.vividnext.sodalive.audio_content.main.ranking.AudioContentMainRankingAdapter
+import kr.co.vividnext.sodalive.audio_content.main.ranking.AudioContentMainRankingViewModel
 import kr.co.vividnext.sodalive.audio_content.order.AudioContentOrderListActivity
 import kr.co.vividnext.sodalive.audio_content.upload.AudioContentUploadActivity
 import kr.co.vividnext.sodalive.base.BaseFragment
 import kr.co.vividnext.sodalive.common.Constants
-import kr.co.vividnext.sodalive.common.LoadingDialog
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.databinding.FragmentAudioContentMainBinding
 import kr.co.vividnext.sodalive.explorer.profile.UserProfileActivity
@@ -40,31 +50,37 @@ import kotlin.math.roundToInt
 class AudioContentMainFragment : BaseFragment<FragmentAudioContentMainBinding>(
     FragmentAudioContentMainBinding::inflate
 ) {
-    private val viewModel: AudioContentMainViewModel by inject()
-
-    private lateinit var loadingDialog: LoadingDialog
-    private lateinit var imm: InputMethodManager
-
+    private val newContentCreatorViewModel: AudioContentMainNewContentCreatorViewModel by inject()
     private lateinit var newContentCreatorAdapter: AudioContentMainNewContentCreatorAdapter
+
+    private val bannerViewModel: AudioContentMainBannerViewModel by inject()
     private lateinit var bannerAdapter: AudioContentMainBannerAdapter
+
+    private val orderListViewModel: AudioContentMainOrderListViewModel by inject()
     private lateinit var orderListAdapter: AudioContentMainContentAdapter
+
+    private val newContentViewModel: AudioContentMainNewContentViewModel by inject()
     private lateinit var newContentThemeAdapter: AudioContentMainNewContentThemeAdapter
     private lateinit var newContentAdapter: AudioContentMainContentAdapter
+
+    private val contentRankingViewModel: AudioContentMainRankingViewModel by inject()
+    private lateinit var contentRankingSortAdapter: AudioContentMainNewContentThemeAdapter
     private lateinit var contentRankingAdapter: AudioContentMainRankingAdapter
+
+    private val curationViewModel: AudioContentMainCurationViewModel by inject()
     private lateinit var curationAdapter: AudioContentMainCurationAdapter
 
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
-
-        loadingDialog = LoadingDialog(requireActivity(), layoutInflater)
-        imm = requireContext().getSystemService(
-            Service.INPUT_METHOD_SERVICE
-        ) as InputMethodManager
-
         setupView()
-        bindData()
 
-        viewModel.getMain()
+        curationViewModel.getCurationList()
+        bannerViewModel.getMainBannerList()
+        newContentViewModel.getThemeList()
+        newContentViewModel.getNewContentOfTheme("전체")
+        contentRankingViewModel.getContentRanking()
+        contentRankingViewModel.getContentRankingSortType()
+        newContentCreatorViewModel.getNewContentUploadCreatorList()
     }
 
     private fun setupView() {
@@ -87,16 +103,35 @@ class AudioContentMainFragment : BaseFragment<FragmentAudioContentMainBinding>(
         setupOrderList()
         setupNewContentTheme()
         setupNewContent()
+        setupContentRankingSortType()
         setupContentRanking()
         setupCuration()
 
         binding.swipeRefreshLayout.setOnRefreshListener {
             binding.swipeRefreshLayout.isRefreshing = false
-            viewModel.getMain()
+            curationViewModel.refresh()
+            bannerViewModel.getMainBannerList()
+            newContentViewModel.getThemeList()
+            newContentViewModel.getNewContentOfTheme("전체")
+            contentRankingViewModel.getContentRanking()
+            contentRankingViewModel.getContentRankingSortType()
+            newContentCreatorViewModel.getNewContentUploadCreatorList()
         }
 
-        binding.ivCanFree.setOnClickListener {
-            PointClickAd.showOfferwall(requireActivity(), "무료충전")
+        binding.llShortPlay.setOnClickListener {
+            startActivity(
+                Intent(requireContext(), AudioContentAllByThemeActivity::class.java).apply {
+                    putExtra(Constants.EXTRA_THEME_ID, 11L)
+                }
+            )
+        }
+
+        binding.llReviewLive.setOnClickListener {
+            startActivity(
+                Intent(requireContext(), AudioContentAllByThemeActivity::class.java).apply {
+                    putExtra(Constants.EXTRA_THEME_ID, 7L)
+                }
+            )
         }
     }
 
@@ -142,6 +177,21 @@ class AudioContentMainFragment : BaseFragment<FragmentAudioContentMainBinding>(
         })
 
         binding.rvNewContentCreator.adapter = newContentCreatorAdapter
+
+        newContentCreatorViewModel.newContentUploadCreatorListLiveData.observe(viewLifecycleOwner) {
+            newContentCreatorAdapter.addItems(it)
+            binding.rvNewContentCreator.visibility = if (
+                newContentCreatorAdapter.itemCount <= 0 && it.isEmpty()
+            ) {
+                View.GONE
+            } else {
+                View.VISIBLE
+            }
+        }
+
+        newContentCreatorViewModel.toastLiveData.observe(viewLifecycleOwner) {
+            it?.let { Toast.makeText(requireContext(), it, Toast.LENGTH_LONG).show() }
+        }
     }
 
     private fun setupBanner() {
@@ -206,6 +256,21 @@ class AudioContentMainFragment : BaseFragment<FragmentAudioContentMainBinding>(
             )
             .setIndicatorSliderWidth(4f.dpToPx().toInt(), 10f.dpToPx().toInt())
             .setIndicatorHeight(4f.dpToPx().toInt())
+
+        bannerViewModel.bannerLiveData.observe(viewLifecycleOwner) {
+            if (bannerAdapter.itemCount <= 0 && it.isEmpty()) {
+                binding.rvBanner.visibility = View.GONE
+                binding.indicatorBanner.visibility = View.GONE
+            } else {
+                binding.rvBanner.visibility = View.VISIBLE
+                binding.indicatorBanner.visibility = View.VISIBLE
+                binding.rvBanner.refreshData(it)
+            }
+        }
+
+        bannerViewModel.toastLiveData.observe(viewLifecycleOwner) {
+            it?.let { Toast.makeText(requireContext(), it, Toast.LENGTH_LONG).show() }
+        }
     }
 
     private fun setupOrderList() {
@@ -264,11 +329,26 @@ class AudioContentMainFragment : BaseFragment<FragmentAudioContentMainBinding>(
         binding.tvMyStashViewAll.setOnClickListener {
             startActivity(Intent(requireContext(), AudioContentOrderListActivity::class.java))
         }
+
+        orderListViewModel.orderListLiveData.observe(viewLifecycleOwner) {
+            orderListAdapter.addItems(it)
+            binding.llMyStash.visibility = if (
+                orderListAdapter.itemCount <= 0 && it.isEmpty()
+            ) {
+                View.GONE
+            } else {
+                View.VISIBLE
+            }
+        }
+
+        orderListViewModel.toastLiveData.observe(viewLifecycleOwner) {
+            it?.let { Toast.makeText(requireContext(), it, Toast.LENGTH_LONG).show() }
+        }
     }
 
     private fun setupNewContentTheme() {
         newContentThemeAdapter = AudioContentMainNewContentThemeAdapter {
-            viewModel.getNewContentOfTheme(theme = it)
+            newContentViewModel.getNewContentOfTheme(theme = it)
         }
 
         binding.rvNewContentTheme.layoutManager = LinearLayoutManager(
@@ -306,6 +386,11 @@ class AudioContentMainFragment : BaseFragment<FragmentAudioContentMainBinding>(
         })
 
         binding.rvNewContentTheme.adapter = newContentThemeAdapter
+
+        newContentViewModel.themeListLiveData.observe(viewLifecycleOwner) {
+            binding.llNewContent.visibility = View.VISIBLE
+            newContentThemeAdapter.addItems(it)
+        }
     }
 
     private fun setupNewContent() {
@@ -365,8 +450,72 @@ class AudioContentMainFragment : BaseFragment<FragmentAudioContentMainBinding>(
         })
 
         binding.rvNewContent.adapter = newContentAdapter
+
+        newContentViewModel.newContentListLiveData.observe(viewLifecycleOwner) {
+            newContentAdapter.addItems(it)
+        }
+
+        newContentViewModel.isLoading.observe(viewLifecycleOwner) {
+            binding.pbNewContent.visibility = if (it) {
+                View.VISIBLE
+            } else {
+                View.GONE
+            }
+        }
+
+        newContentViewModel.toastLiveData.observe(viewLifecycleOwner) {
+            it?.let { Toast.makeText(requireContext(), it, Toast.LENGTH_LONG).show() }
+        }
     }
 
+    private fun setupContentRankingSortType() {
+        contentRankingSortAdapter = AudioContentMainNewContentThemeAdapter {
+            contentRankingViewModel.getContentRanking(sort = it)
+        }
+
+        binding.rvContentRankingSort.layoutManager = LinearLayoutManager(
+            context,
+            LinearLayoutManager.HORIZONTAL,
+            false
+        )
+
+        binding.rvContentRankingSort.addItemDecoration(object : RecyclerView.ItemDecoration() {
+            override fun getItemOffsets(
+                outRect: Rect,
+                view: View,
+                parent: RecyclerView,
+                state: RecyclerView.State
+            ) {
+                super.getItemOffsets(outRect, view, parent, state)
+
+                when (parent.getChildAdapterPosition(view)) {
+                    0 -> {
+                        outRect.left = 0
+                        outRect.right = 4f.dpToPx().toInt()
+                    }
+
+                    contentRankingSortAdapter.itemCount - 1 -> {
+                        outRect.left = 4f.dpToPx().toInt()
+                        outRect.right = 0
+                    }
+
+                    else -> {
+                        outRect.left = 4f.dpToPx().toInt()
+                        outRect.right = 4f.dpToPx().toInt()
+                    }
+                }
+            }
+        })
+
+        binding.rvContentRankingSort.adapter = contentRankingSortAdapter
+
+        contentRankingViewModel.contentRankingSortListLiveData.observe(viewLifecycleOwner) {
+            binding.llContentRanking.visibility = View.VISIBLE
+            contentRankingSortAdapter.addItems(it)
+        }
+    }
+
+    @SuppressLint("SetTextI18n")
     private fun setupContentRanking() {
         binding.ivContentRankingAll.setOnClickListener {
             startActivity(Intent(requireContext(), AudioContentRankingAllActivity::class.java))
@@ -405,6 +554,16 @@ class AudioContentMainFragment : BaseFragment<FragmentAudioContentMainBinding>(
         })
 
         binding.rvContentRanking.adapter = contentRankingAdapter
+
+        contentRankingViewModel.contentRankingLiveData.observe(viewLifecycleOwner) {
+            binding.llContentRanking.visibility = View.VISIBLE
+            binding.tvDate.text = "${it.startDate}~${it.endDate}"
+            contentRankingAdapter.addItems(it.items)
+        }
+
+        contentRankingViewModel.toastLiveData.observe(viewLifecycleOwner) {
+            it?.let { Toast.makeText(requireContext(), it, Toast.LENGTH_LONG).show() }
+        }
     }
 
     private fun setupCuration() {
@@ -467,80 +626,50 @@ class AudioContentMainFragment : BaseFragment<FragmentAudioContentMainBinding>(
                 }
             }
         })
+
+        binding.rvCuration.addOnScrollListener(object : RecyclerView.OnScrollListener() {
+            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
+                super.onScrolled(recyclerView, dx, dy)
+
+                val lastVisibleItemPosition = (recyclerView.layoutManager as LinearLayoutManager?)!!
+                    .findLastCompletelyVisibleItemPosition()
+                val itemTotalCount = recyclerView.adapter!!.itemCount - 1
+
+                // 스크롤이 끝에 도달했는지 확인
+                if (!recyclerView.canScrollVertically(1) &&
+                    lastVisibleItemPosition == itemTotalCount
+                ) {
+                    curationViewModel.getCurationList()
+                }
+            }
+        })
+
         binding.rvCuration.adapter = curationAdapter
-    }
 
-    @SuppressLint("SetTextI18n")
-    private fun bindData() {
-        viewModel.isLoading.observe(viewLifecycleOwner) {
-            if (it) {
-                loadingDialog.show(screenWidth)
-            } else {
-                loadingDialog.dismiss()
+        curationViewModel.curationListLiveData.observe(viewLifecycleOwner) {
+            if (curationViewModel.page == 2) {
+                curationAdapter.clear()
             }
-        }
 
-        viewModel.toastLiveData.observe(viewLifecycleOwner) {
-            it?.let { Toast.makeText(requireContext(), it, Toast.LENGTH_LONG).show() }
-        }
-
-        viewModel.newContentUploadCreatorListLiveData.observe(viewLifecycleOwner) {
-            newContentCreatorAdapter.addItems(it)
-            binding.rvNewContentCreator.visibility = if (
-                newContentCreatorAdapter.itemCount <= 0 && it.isEmpty()
-            ) {
-                View.GONE
-            } else {
-                View.VISIBLE
-            }
-        }
-
-        viewModel.bannerLiveData.observe(viewLifecycleOwner) {
-            if (bannerAdapter.itemCount <= 0 && it.isEmpty()) {
-                binding.rvBanner.visibility = View.GONE
-                binding.indicatorBanner.visibility = View.GONE
-            } else {
-                binding.rvBanner.visibility = View.VISIBLE
-                binding.indicatorBanner.visibility = View.VISIBLE
-                binding.rvBanner.refreshData(it)
-            }
-        }
-
-        viewModel.orderListLiveData.observe(viewLifecycleOwner) {
-            orderListAdapter.addItems(it)
-            binding.llMyStash.visibility = if (
-                orderListAdapter.itemCount <= 0 && it.isEmpty()
-            ) {
-                View.GONE
-            } else {
-                View.VISIBLE
-            }
-        }
-
-        viewModel.newContentListLiveData.observe(viewLifecycleOwner) {
-            newContentAdapter.addItems(it)
-        }
-
-        viewModel.themeListLiveData.observe(viewLifecycleOwner) {
-            binding.llNewContent.visibility = View.VISIBLE
-            newContentThemeAdapter.addItems(it)
-        }
-
-        viewModel.curationListLiveData.observe(viewLifecycleOwner) {
             curationAdapter.addItems(it)
-            binding.rvCuration.visibility = if (
-                curationAdapter.itemCount <= 0 && it.isEmpty()
-            ) {
+
+            binding.rvCuration.visibility = if (curationAdapter.itemCount <= 0 && it.isEmpty()) {
                 View.GONE
             } else {
                 View.VISIBLE
             }
         }
 
-        viewModel.contentRankingLiveData.observe(viewLifecycleOwner) {
-            binding.llContentRanking.visibility = View.VISIBLE
-            binding.tvDate.text = "${it.startDate}~${it.endDate}"
-            contentRankingAdapter.addItems(it.items)
+        curationViewModel.isLoading.observe(viewLifecycleOwner) {
+            binding.pbCuration.visibility = if (it) {
+                View.VISIBLE
+            } else {
+                View.GONE
+            }
+        }
+
+        curationViewModel.toastLiveData.observe(viewLifecycleOwner) {
+            it?.let { Toast.makeText(requireContext(), it, Toast.LENGTH_LONG).show() }
         }
     }
 }

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/GetAudioContentMainResponse.kt

@@ -3,17 +3,6 @@ package kr.co.vividnext.sodalive.audio_content.main
 import com.google.gson.annotations.SerializedName
 import kr.co.vividnext.sodalive.settings.event.EventItem
 
-data class GetAudioContentMainResponse(
-    @SerializedName("newContentUploadCreatorList")
-    val newContentUploadCreatorList: List<GetNewContentUploadCreator>,
-    @SerializedName("bannerList") val bannerList: List<GetAudioContentBannerResponse>,
-    @SerializedName("orderList") val orderList: List<GetAudioContentMainItem>,
-    @SerializedName("themeList") val themeList: List<String>,
-    @SerializedName("newContentList") val newContentList: List<GetAudioContentMainItem>,
-    @SerializedName("curationList") val curationList: List<GetAudioContentCurationResponse>,
-    @SerializedName("contentRanking") val contentRanking: GetAudioContentRanking
-)
-
 data class GetNewContentUploadCreator(
     @SerializedName("creatorId") val creatorId: Long,
     @SerializedName("creatorNickname") val creatorNickname: String,
@@ -26,7 +15,9 @@ data class GetAudioContentMainItem(
     @SerializedName("title") val title: String,
     @SerializedName("creatorId") val creatorId: Long,
     @SerializedName("creatorProfileImageUrl") val creatorProfileImageUrl: String,
-    @SerializedName("creatorNickname") val creatorNickname: String
+    @SerializedName("creatorNickname") val creatorNickname: String,
+    @SerializedName("price") val price: Int,
+    @SerializedName("duration") val duration: String
 )
 
 data class GetAudioContentRanking(

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/banner/AudioContentMainBannerAdapter.kt

@@ -1,4 +1,4 @@
-package kr.co.vividnext.sodalive.audio_content.main
+package kr.co.vividnext.sodalive.audio_content.main.banner
 
 import android.content.Context
 import android.graphics.Bitmap
@@ -11,6 +11,7 @@ import com.bumptech.glide.request.transition.Transition
 import com.zhpan.bannerview.BaseBannerAdapter
 import com.zhpan.bannerview.BaseViewHolder
 import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentBannerResponse
 
 class AudioContentMainBannerAdapter(
     private val context: Context,

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/banner/AudioContentMainBannerViewModel.kt

@@ -0,0 +1,54 @@
+package kr.co.vividnext.sodalive.audio_content.main.banner
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import com.orhanobut.logger.Logger
+import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
+import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.audio_content.AudioContentRepository
+import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentBannerResponse
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+
+class AudioContentMainBannerViewModel(
+    private val repository: AudioContentRepository
+) : BaseViewModel() {
+    private val _toastLiveData = MutableLiveData<String?>()
+    val toastLiveData: LiveData<String?>
+        get() = _toastLiveData
+
+    private var _bannerLiveData = MutableLiveData<List<GetAudioContentBannerResponse>>()
+    val bannerLiveData: LiveData<List<GetAudioContentBannerResponse>>
+        get() = _bannerLiveData
+
+    fun getMainBannerList() {
+        compositeDisposable.add(
+            repository.getMainBannerList(token = "Bearer ${SharedPreferenceManager.token}")
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.success && it.data != null) {
+                            _bannerLiveData.postValue(it.data!!)
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "배너를 불러오지 못했습니다. 다시 시도해 주세요.\n" +
+                                        "계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                                )
+                            }
+                        }
+                    },
+                    {
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue(
+                            "배너를 불러오지 못했습니다. 다시 시도해 주세요.\n" +
+                                "계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                        )
+                    }
+                )
+        )
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/curation/AudioContentMainCurationAdapter.kt

@@ -1,4 +1,4 @@
-package kr.co.vividnext.sodalive.audio_content.main
+package kr.co.vividnext.sodalive.audio_content.main.curation
 
 import android.annotation.SuppressLint
 import android.content.Context
@@ -8,6 +8,9 @@ import android.view.View
 import android.view.ViewGroup
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
+import kr.co.vividnext.sodalive.audio_content.main.AudioContentMainContentAdapter
+import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentCurationResponse
+import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentMainItem
 import kr.co.vividnext.sodalive.databinding.ItemAudioContentMainCurationBinding
 import kr.co.vividnext.sodalive.extensions.dpToPx
 
@@ -89,8 +92,11 @@ class AudioContentMainCurationAdapter(
 
     @SuppressLint("NotifyDataSetChanged")
     fun addItems(items: List<GetAudioContentCurationResponse>) {
-        this.items.clear()
         this.items.addAll(items)
         notifyDataSetChanged()
     }
+
+    fun clear() {
+        this.items.clear()
+    }
 }

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/curation/AudioContentMainCurationViewModel.kt

@@ -0,0 +1,85 @@
+package kr.co.vividnext.sodalive.audio_content.main.curation
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import com.orhanobut.logger.Logger
+import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
+import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.audio_content.AudioContentRepository
+import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentCurationResponse
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+
+class AudioContentMainCurationViewModel(
+    private val repository: AudioContentRepository
+) : BaseViewModel() {
+    private val _toastLiveData = MutableLiveData<String?>()
+    val toastLiveData: LiveData<String?>
+        get() = _toastLiveData
+
+    private var _isLoading = MutableLiveData(false)
+    val isLoading: LiveData<Boolean>
+        get() = _isLoading
+
+    private var _curationListLiveData = MutableLiveData<List<GetAudioContentCurationResponse>>()
+    val curationListLiveData: LiveData<List<GetAudioContentCurationResponse>>
+        get() = _curationListLiveData
+
+    var page = 1
+    var isLast = false
+    private val pageSize = 10
+
+    fun getCurationList() {
+        if (!_isLoading.value!! && !isLast) {
+            _isLoading.value = true
+            compositeDisposable.add(
+                repository.getCurationList(
+                    page = page,
+                    size = pageSize,
+                    token = "Bearer ${SharedPreferenceManager.token}"
+                )
+                    .subscribeOn(Schedulers.io())
+                    .observeOn(AndroidSchedulers.mainThread())
+                    .subscribe(
+                        {
+                            if (it.success && it.data != null) {
+                                page += 1
+
+                                if (it.data.isNotEmpty()) {
+                                    _curationListLiveData.postValue(it.data!!)
+                                } else {
+                                    _curationListLiveData.postValue(listOf())
+                                    isLast = true
+                                }
+                            } else {
+                                if (it.message != null) {
+                                    _toastLiveData.postValue(it.message)
+                                } else {
+                                    _toastLiveData.postValue(
+                                        "큐레이션을 불러오지 못했습니다. 다시 시도해 주세요.\n" +
+                                            "계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                                    )
+                                }
+                            }
+
+                            _isLoading.value = false
+                        },
+                        {
+                            _isLoading.value = false
+                            it.message?.let { message -> Logger.e(message) }
+                            _toastLiveData.postValue(
+                                "큐레이션을 불러오지 못했습니다. 다시 시도해 주세요.\n" +
+                                    "계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                            )
+                        }
+                    )
+            )
+        }
+    }
+
+    fun refresh() {
+        page = 1
+        isLast = false
+        getCurationList()
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/new_content/AudioContentMainNewContentThemeAdapter.kt

@@ -1,4 +1,4 @@
-package kr.co.vividnext.sodalive.audio_content.main
+package kr.co.vividnext.sodalive.audio_content.main.new_content
 
 import android.annotation.SuppressLint
 import android.content.Context
@@ -22,11 +22,15 @@ class AudioContentMainNewContentThemeAdapter(
     ) : RecyclerView.ViewHolder(binding.root) {
         @SuppressLint("NotifyDataSetChanged")
         fun bind(theme: String) {
-            if (theme == selectedTheme || (selectedTheme == "" && theme == "전체")) {
+            if (
+                theme == selectedTheme ||
+                (selectedTheme == "" && theme == "전체") ||
+                (selectedTheme == "" && theme == "매출")
+            ) {
                 binding.tvTheme.setBackgroundResource(
-                    R.drawable.bg_round_corner_16_7_transparent_9970ff
+                    R.drawable.bg_round_corner_16_7_transparent_3bb9f1
                 )
-                binding.tvTheme.setTextColor(ContextCompat.getColor(context, R.color.color_9970ff))
+                binding.tvTheme.setTextColor(ContextCompat.getColor(context, R.color.color_3bb9f1))
             } else {
                 binding.tvTheme.setBackgroundResource(
                     R.drawable.bg_round_corner_16_7_transparent_777777

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/new_content/AudioContentMainNewContentViewModel.kt

@@ -1,4 +1,4 @@
-package kr.co.vividnext.sodalive.audio_content.main
+package kr.co.vividnext.sodalive.audio_content.main.new_content
 
 import androidx.lifecycle.LiveData
 import androidx.lifecycle.MutableLiveData
@@ -6,10 +6,11 @@ import com.orhanobut.logger.Logger
 import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
 import io.reactivex.rxjava3.schedulers.Schedulers
 import kr.co.vividnext.sodalive.audio_content.AudioContentRepository
+import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentMainItem
 import kr.co.vividnext.sodalive.base.BaseViewModel
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 
-class AudioContentMainViewModel(
+class AudioContentMainNewContentViewModel(
     private val repository: AudioContentRepository
 ) : BaseViewModel() {
     private val _toastLiveData = MutableLiveData<String?>()
@@ -20,55 +21,24 @@ class AudioContentMainViewModel(
     val isLoading: LiveData<Boolean>
         get() = _isLoading
 
-    private var _newContentUploadCreatorListLiveData =
-        MutableLiveData<List<GetNewContentUploadCreator>>()
-    val newContentUploadCreatorListLiveData: LiveData<List<GetNewContentUploadCreator>>
-        get() = _newContentUploadCreatorListLiveData
-
     private var _newContentListLiveData = MutableLiveData<List<GetAudioContentMainItem>>()
     val newContentListLiveData: LiveData<List<GetAudioContentMainItem>>
         get() = _newContentListLiveData
 
-    private var _bannerLiveData = MutableLiveData<List<GetAudioContentBannerResponse>>()
-    val bannerLiveData: LiveData<List<GetAudioContentBannerResponse>>
-        get() = _bannerLiveData
-
-    private var _orderListLiveData = MutableLiveData<List<GetAudioContentMainItem>>()
-    val orderListLiveData: LiveData<List<GetAudioContentMainItem>>
-        get() = _orderListLiveData
-
     private var _themeListLiveData = MutableLiveData<List<String>>()
     val themeListLiveData: LiveData<List<String>>
         get() = _themeListLiveData
 
-    private var _curationListLiveData = MutableLiveData<List<GetAudioContentCurationResponse>>()
-    val curationListLiveData: LiveData<List<GetAudioContentCurationResponse>>
-        get() = _curationListLiveData
-
-    private var _contentRankingLiveData = MutableLiveData<GetAudioContentRanking>()
-    val contentRankingLiveData: LiveData<GetAudioContentRanking>
-        get() = _contentRankingLiveData
-
-    fun getMain() {
-        _isLoading.value = true
+    fun getThemeList() {
         compositeDisposable.add(
-            repository.getMain(token = "Bearer ${SharedPreferenceManager.token}")
+            repository.getNewContentThemeList(token = "Bearer ${SharedPreferenceManager.token}")
                 .subscribeOn(Schedulers.io())
                 .observeOn(AndroidSchedulers.mainThread())
                 .subscribe(
                     {
                         if (it.success && it.data != null) {
-                            val data = it.data
-                            _newContentUploadCreatorListLiveData.value =
-                                data.newContentUploadCreatorList
-                            _newContentListLiveData.value = data.newContentList
-                            _orderListLiveData.value = data.orderList
-                            _bannerLiveData.value = data.bannerList
-                            _curationListLiveData.value = data.curationList
-                            _contentRankingLiveData.value = data.contentRanking
-
-                            val themeList = listOf("전체").union(data.themeList).toList()
-                            _themeListLiveData.value = themeList
+                            val themeList = listOf("전체").union(it.data).toList()
+                            _themeListLiveData.postValue(themeList)
                         } else {
                             if (it.message != null) {
                                 _toastLiveData.postValue(it.message)

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/new_content_upload_creator/AudioContentMainNewContentCreatorAdapter.kt

@@ -1,4 +1,4 @@
-package kr.co.vividnext.sodalive.audio_content.main
+package kr.co.vividnext.sodalive.audio_content.main.new_content_upload_creator
 
 import android.annotation.SuppressLint
 import android.view.LayoutInflater
@@ -7,6 +7,7 @@ import androidx.recyclerview.widget.RecyclerView
 import coil.load
 import coil.transform.CircleCropTransformation
 import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.audio_content.main.GetNewContentUploadCreator
 import kr.co.vividnext.sodalive.databinding.ItemAudioContentMainNewContentCreatorBinding
 
 class AudioContentMainNewContentCreatorAdapter(

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/new_content_upload_creator/AudioContentMainNewContentCreatorViewModel.kt

@@ -0,0 +1,57 @@
+package kr.co.vividnext.sodalive.audio_content.main.new_content_upload_creator
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import com.orhanobut.logger.Logger
+import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
+import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.audio_content.AudioContentRepository
+import kr.co.vividnext.sodalive.audio_content.main.GetNewContentUploadCreator
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+
+class AudioContentMainNewContentCreatorViewModel(
+    private val repository: AudioContentRepository
+) : BaseViewModel() {
+    private val _toastLiveData = MutableLiveData<String?>()
+    val toastLiveData: LiveData<String?>
+        get() = _toastLiveData
+
+    private var _newContentUploadCreatorListLiveData =
+        MutableLiveData<List<GetNewContentUploadCreator>>()
+    val newContentUploadCreatorListLiveData: LiveData<List<GetNewContentUploadCreator>>
+        get() = _newContentUploadCreatorListLiveData
+
+    fun getNewContentUploadCreatorList() {
+        compositeDisposable.add(
+            repository.getNewContentUploadCreatorList(
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.success && it.data != null) {
+                            _newContentUploadCreatorListLiveData.postValue(it.data!!)
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "크리에이터 리스트를 불러오지 못했습니다. 다시 시도해 주세요.\n" +
+                                        "계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                                )
+                            }
+                        }
+                    },
+                    {
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue(
+                            "크리에이터 리스트를 불러오지 못했습니다. 다시 시도해 주세요.\n" +
+                                "계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                        )
+                    }
+                )
+        )
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/order/AudioContentMainOrderListViewModel.kt

@@ -0,0 +1,54 @@
+package kr.co.vividnext.sodalive.audio_content.main.order
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import com.orhanobut.logger.Logger
+import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
+import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.audio_content.AudioContentRepository
+import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentMainItem
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+
+class AudioContentMainOrderListViewModel(
+    private val repository: AudioContentRepository
+) : BaseViewModel() {
+    private val _toastLiveData = MutableLiveData<String?>()
+    val toastLiveData: LiveData<String?>
+        get() = _toastLiveData
+
+    private var _orderListLiveData = MutableLiveData<List<GetAudioContentMainItem>>()
+    val orderListLiveData: LiveData<List<GetAudioContentMainItem>>
+        get() = _orderListLiveData
+
+    fun getOrderList() {
+        compositeDisposable.add(
+            repository.getMainOrderList(token = "Bearer ${SharedPreferenceManager.token}")
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.success && it.data != null) {
+                            _orderListLiveData.postValue(it.data!!)
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "주문정보를 불러오지 못했습니다. 다시 시도해 주세요.\n" +
+                                        "계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                                )
+                            }
+                        }
+                    },
+                    {
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue(
+                            "주문정보를 불러오지 못했습니다. 다시 시도해 주세요.\n" +
+                                "계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                        )
+                    }
+                )
+        )
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/ranking/AudioContentMainRankingAdapter.kt

@@ -1,4 +1,4 @@
-package kr.co.vividnext.sodalive.audio_content.main
+package kr.co.vividnext.sodalive.audio_content.main.ranking
 
 import android.annotation.SuppressLint
 import android.view.LayoutInflater
@@ -7,6 +7,7 @@ import androidx.recyclerview.widget.RecyclerView
 import coil.load
 import coil.transform.RoundedCornersTransformation
 import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentRankingItem
 import kr.co.vividnext.sodalive.databinding.ItemAudioContentMainRankingBinding
 import kr.co.vividnext.sodalive.extensions.dpToPx
 

app/src/main/java/kr/co/vividnext/sodalive/audio_content/main/ranking/AudioContentMainRankingViewModel.kt

@@ -0,0 +1,86 @@
+package kr.co.vividnext.sodalive.audio_content.main.ranking
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import com.orhanobut.logger.Logger
+import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
+import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.audio_content.AudioContentRepository
+import kr.co.vividnext.sodalive.audio_content.main.GetAudioContentRanking
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+
+class AudioContentMainRankingViewModel(
+    private val repository: AudioContentRepository
+) : BaseViewModel() {
+    private val _toastLiveData = MutableLiveData<String?>()
+    val toastLiveData: LiveData<String?>
+        get() = _toastLiveData
+
+    private var _contentRankingSortListLiveData = MutableLiveData<List<String>>()
+    val contentRankingSortListLiveData: LiveData<List<String>>
+        get() = _contentRankingSortListLiveData
+
+    private var _contentRankingLiveData = MutableLiveData<GetAudioContentRanking>()
+    val contentRankingLiveData: LiveData<GetAudioContentRanking>
+        get() = _contentRankingLiveData
+
+    fun getContentRankingSortType() {
+        compositeDisposable.add(
+            repository.getContentRankingSortType(token = "Bearer ${SharedPreferenceManager.token}")
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.success && it.data != null) {
+                            _contentRankingSortListLiveData.value = it.data!!
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                )
+                            }
+                        }
+                    },
+                    {
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
+
+    fun getContentRanking(sort: String = "매출") {
+        compositeDisposable.add(
+            repository.getContentRanking(
+                page = 1,
+                size = 12,
+                sortType = sort,
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.success && it.data != null) {
+                            _contentRankingLiveData.value = it.data!!
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                )
+                            }
+                        }
+                    },
+                    {
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/upload/AudioContentUploadActivity.kt

@@ -2,6 +2,8 @@ package kr.co.vividnext.sodalive.audio_content.upload
 
 import android.Manifest
 import android.annotation.SuppressLint
+import android.app.DatePickerDialog
+import android.app.TimePickerDialog
 import android.content.Intent
 import android.net.Uri
 import android.os.Build
@@ -28,9 +30,15 @@ import kr.co.vividnext.sodalive.common.RealPathUtil
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.databinding.ActivityAudioContentUploadBinding
 import kr.co.vividnext.sodalive.dialog.LiveDialog
+import kr.co.vividnext.sodalive.dialog.SodaLiveTimePickerDialog
+import kr.co.vividnext.sodalive.extensions.convertDateFormat
 import kr.co.vividnext.sodalive.extensions.dpToPx
 import org.koin.android.ext.android.inject
 import java.io.File
+import java.text.SimpleDateFormat
+import java.util.Calendar
+import java.util.Date
+import java.util.Locale
 
 class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBinding>(
     ActivityAudioContentUploadBinding::inflate
@@ -111,6 +119,26 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
         }
     }
 
+    private val datePickerDialogListener =
+        DatePickerDialog.OnDateSetListener { _, year, monthOfYear, dayOfMonth ->
+            viewModel.releaseDate = String.format("%d-%02d-%02d", year, monthOfYear + 1, dayOfMonth)
+            viewModel.setReservationDate(
+                String.format(
+                    "%d.%02d.%02d",
+                    year,
+                    monthOfYear + 1,
+                    dayOfMonth
+                )
+            )
+        }
+
+    private val timePickerDialogListener =
+        TimePickerDialog.OnTimeSetListener { _, hourOfDay, minute ->
+            val timeString = String.format("%02d:%02d", hourOfDay, minute)
+            viewModel.releaseTime = timeString
+            viewModel.setReservationTime(timeString.convertDateFormat("HH:mm", "a hh:mm"))
+        }
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         checkPermissions()
@@ -169,10 +197,14 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
 
         binding.llPricePaid.setOnClickListener { viewModel.setPriceFree(false) }
         binding.llPriceFree.setOnClickListener { viewModel.setPriceFree(true) }
+        binding.llPreviewYes.setOnClickListener { viewModel.setGeneratePreview(true) }
+        binding.llPreviewNo.setOnClickListener { viewModel.setGeneratePreview(false) }
         binding.llRentalAndKeep.setOnClickListener { viewModel.setIsOnlyRental(false) }
         binding.llOnlyRental.setOnClickListener { viewModel.setIsOnlyRental(true) }
         binding.llCommentNo.setOnClickListener { viewModel.setAvailableComment(false) }
         binding.llCommentYes.setOnClickListener { viewModel.setAvailableComment(true) }
+        binding.llActiveNow.setOnClickListener { viewModel.setActiveReservation(false) }
+        binding.llActiveReservation.setOnClickListener { viewModel.setActiveReservation(true) }
 
         binding.tvCancel.setOnClickListener { finish() }
         binding.tvUpload.setOnClickListener {
@@ -189,6 +221,71 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
                 ).show(screenWidth)
             }
         }
+
+        binding.tvReservationDate.setOnClickListener {
+            val reservationDate = viewModel.releaseDate.split("-")
+            val datePicker: DatePickerDialog
+
+            if (reservationDate.isNotEmpty() && reservationDate.size == 3) {
+                datePicker = DatePickerDialog(
+                    this,
+                    R.style.DatePickerStyle,
+                    datePickerDialogListener,
+                    reservationDate[0].toInt(),
+                    reservationDate[1].toInt() - 1,
+                    reservationDate[2].toInt()
+                )
+            } else {
+                val dateString = SimpleDateFormat(
+                    "yyyy.MM.dd",
+                    Locale.getDefault()
+                ).format(Date()).split(".")
+
+                datePicker = DatePickerDialog(
+                    this,
+                    R.style.DatePickerStyle,
+                    datePickerDialogListener,
+                    dateString[0].toInt(),
+                    dateString[1].toInt() - 1,
+                    dateString[2].toInt()
+                )
+            }
+
+            datePicker.show()
+        }
+
+        binding.tvReservationTime.setOnClickListener {
+            val reservationTime = viewModel.releaseTime.split(":")
+            val timePicker: TimePickerDialog
+
+            if (reservationTime.isNotEmpty() && reservationTime.size == 2) {
+                timePicker = SodaLiveTimePickerDialog(
+                    this,
+                    R.style.TimePickerStyle,
+                    timePickerDialogListener,
+                    reservationTime[0].toInt(),
+                    reservationTime[1].toInt(),
+                    false
+                )
+            } else {
+                val calendar = Calendar.getInstance().apply {
+                    add(Calendar.HOUR_OF_DAY, 1)
+                }
+                val initialHour = calendar.get(Calendar.HOUR_OF_DAY)
+                val initialMinute = calendar.get(Calendar.MINUTE) / 15 * 15
+
+                timePicker = SodaLiveTimePickerDialog(
+                    this,
+                    R.style.TimePickerStyle,
+                    timePickerDialogListener,
+                    initialHour,
+                    initialMinute,
+                    false
+                )
+            }
+
+            timePicker.show()
+        }
     }
 
     private fun checkPermissions() {
@@ -306,6 +403,14 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
             }
         }
 
+        viewModel.isGeneratePreviewLiveData.observe(this) {
+            if (it) {
+                checkGeneratePreview()
+            } else {
+                checkNotGeneratePreview()
+            }
+        }
+
         viewModel.isOnlyRentalLiveData.observe(this) {
             if (it) {
                 checkOnlyRental()
@@ -323,17 +428,17 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
                         R.color.color_eeeeee
                     )
                 )
-                binding.llCommentYes.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
+                binding.llCommentYes.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
 
                 binding.ivCommentNo.visibility = View.GONE
                 binding.tvCommentNo.setTextColor(
                     ContextCompat.getColor(
                         applicationContext,
-                        R.color.color_9970ff
+                        R.color.color_3bb9f1
                     )
                 )
                 binding.llCommentNo.setBackgroundResource(
-                    R.drawable.bg_round_corner_6_7_1f1734_9970ff
+                    R.drawable.bg_round_corner_6_7_13181b
                 )
             } else {
                 binding.ivCommentNo.visibility = View.VISIBLE
@@ -343,17 +448,17 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
                         R.color.color_eeeeee
                     )
                 )
-                binding.llCommentNo.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
+                binding.llCommentNo.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
 
                 binding.ivCommentYes.visibility = View.GONE
                 binding.tvCommentYes.setTextColor(
                     ContextCompat.getColor(
                         applicationContext,
-                        R.color.color_9970ff
+                        R.color.color_3bb9f1
                     )
                 )
                 binding.llCommentYes
-                    .setBackgroundResource(R.drawable.bg_round_corner_6_7_1f1734_9970ff)
+                    .setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
             }
         }
 
@@ -369,16 +474,16 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
             viewModel.isAdultLiveData.observe(this) {
                 if (it) {
                     binding.ivAgeAll.visibility = View.GONE
-                    binding.llAgeAll.setBackgroundResource(R.drawable.bg_round_corner_6_7_1f1734)
+                    binding.llAgeAll.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
                     binding.tvAgeAll.setTextColor(
                         ContextCompat.getColor(
                             applicationContext,
-                            R.color.color_9970ff
+                            R.color.color_3bb9f1
                         )
                     )
 
                     binding.ivAge19.visibility = View.VISIBLE
-                    binding.llAge19.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
+                    binding.llAge19.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
                     binding.tvAge19.setTextColor(
                         ContextCompat.getColor(
                             applicationContext,
@@ -387,16 +492,16 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
                     )
                 } else {
                     binding.ivAge19.visibility = View.GONE
-                    binding.llAge19.setBackgroundResource(R.drawable.bg_round_corner_6_7_1f1734)
+                    binding.llAge19.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
                     binding.tvAge19.setTextColor(
                         ContextCompat.getColor(
                             applicationContext,
-                            R.color.color_9970ff
+                            R.color.color_3bb9f1
                         )
                     )
 
                     binding.ivAgeAll.visibility = View.VISIBLE
-                    binding.llAgeAll.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
+                    binding.llAgeAll.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
                     binding.tvAgeAll.setTextColor(
                         ContextCompat.getColor(
                             applicationContext,
@@ -406,6 +511,69 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
                 }
             }
         }
+
+        viewModel.isActiveReservationLiveData.observe(this) {
+            if (it) {
+                checkActiveReservation()
+            } else {
+                checkActiveNow()
+            }
+        }
+
+        viewModel.reservationDateLiveData.observe(this) {
+            binding.tvReservationDate.text = it
+        }
+
+        viewModel.reservationTimeLiveData.observe(this) {
+            binding.tvReservationTime.text = it
+        }
+    }
+
+    private fun checkActiveNow() {
+        binding.llReservationDatetime.visibility = View.GONE
+
+        binding.ivActiveNow.visibility = View.VISIBLE
+        binding.tvActiveNow.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_eeeeee
+            )
+        )
+        binding.llActiveNow.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+
+        binding.ivActiveReservation.visibility = View.GONE
+        binding.tvActiveReservation.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_3bb9f1
+            )
+        )
+        binding.llActiveReservation.setBackgroundResource(
+            R.drawable.bg_round_corner_6_7_13181b
+        )
+    }
+
+    private fun checkActiveReservation() {
+        binding.llReservationDatetime.visibility = View.VISIBLE
+        binding.ivActiveReservation.visibility = View.VISIBLE
+        binding.tvActiveReservation.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_eeeeee
+            )
+        )
+        binding.llActiveReservation.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+
+        binding.ivActiveNow.visibility = View.GONE
+        binding.tvActiveNow.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_3bb9f1
+            )
+        )
+        binding.llActiveNow.setBackgroundResource(
+            R.drawable.bg_round_corner_6_7_13181b
+        )
     }
 
     private fun checkPriceFree() {
@@ -422,19 +590,20 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
                 R.color.color_eeeeee
             )
         )
-        binding.llPriceFree.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
+        binding.llPriceFree.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
 
         binding.ivPricePaid.visibility = View.GONE
         binding.tvPricePaid.setTextColor(
             ContextCompat.getColor(
                 applicationContext,
-                R.color.color_9970ff
+                R.color.color_3bb9f1
             )
         )
         binding.llPricePaid.setBackgroundResource(
-            R.drawable.bg_round_corner_6_7_1f1734_9970ff
+            R.drawable.bg_round_corner_6_7_13181b
         )
 
+        binding.llConfigPreview.visibility = View.GONE
         binding.llConfigPreviewTime.visibility = View.GONE
     }
 
@@ -450,21 +619,67 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
                 R.color.color_eeeeee
             )
         )
-        binding.llPricePaid.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
+        binding.llPricePaid.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
 
         binding.ivPriceFree.visibility = View.GONE
         binding.tvPriceFree.setTextColor(
             ContextCompat.getColor(
                 applicationContext,
-                R.color.color_9970ff
+                R.color.color_3bb9f1
             )
         )
         binding.llPriceFree.setBackgroundResource(
-            R.drawable.bg_round_corner_6_7_1f1734_9970ff
+            R.drawable.bg_round_corner_6_7_13181b
+        )
+        binding.llConfigPreview.visibility = View.VISIBLE
+    }
+
+    private fun checkGeneratePreview() {
+        binding.ivPreviewYes.visibility = View.VISIBLE
+        binding.tvPreviewYes.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_eeeeee
+            )
+        )
+        binding.llPreviewYes.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+
+        binding.ivPreviewNo.visibility = View.GONE
+        binding.tvPreviewNo.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_3bb9f1
+            )
+        )
+        binding.llPreviewNo.setBackgroundResource(
+            R.drawable.bg_round_corner_6_7_13181b
         )
         binding.llConfigPreviewTime.visibility = View.VISIBLE
     }
 
+    private fun checkNotGeneratePreview() {
+        binding.ivPreviewNo.visibility = View.VISIBLE
+        binding.tvPreviewNo.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_eeeeee
+            )
+        )
+        binding.llPreviewNo.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+
+        binding.ivPreviewYes.visibility = View.GONE
+        binding.tvPreviewYes.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_3bb9f1
+            )
+        )
+        binding.llPreviewYes.setBackgroundResource(
+            R.drawable.bg_round_corner_6_7_13181b
+        )
+        binding.llConfigPreviewTime.visibility = View.GONE
+    }
+
     private fun checkRentalAndKeep() {
         binding.tvPriceTitle.text = "소장 가격"
         binding.ivRentalAndKeep.visibility = View.VISIBLE
@@ -474,17 +689,17 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
                 R.color.color_eeeeee
             )
         )
-        binding.llRentalAndKeep.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
+        binding.llRentalAndKeep.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
 
         binding.ivOnlyRental.visibility = View.GONE
         binding.tvOnlyRental.setTextColor(
             ContextCompat.getColor(
                 applicationContext,
-                R.color.color_9970ff
+                R.color.color_3bb9f1
             )
         )
         binding.llOnlyRental.setBackgroundResource(
-            R.drawable.bg_round_corner_6_7_1f1734_9970ff
+            R.drawable.bg_round_corner_6_7_13181b
         )
     }
 
@@ -497,17 +712,17 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
                 R.color.color_eeeeee
             )
         )
-        binding.llOnlyRental.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
+        binding.llOnlyRental.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
 
         binding.ivRentalAndKeep.visibility = View.GONE
         binding.tvRentalAndKeep.setTextColor(
             ContextCompat.getColor(
                 applicationContext,
-                R.color.color_9970ff
+                R.color.color_3bb9f1
             )
         )
         binding.llRentalAndKeep.setBackgroundResource(
-            R.drawable.bg_round_corner_6_7_1f1734_9970ff
+            R.drawable.bg_round_corner_6_7_13181b
         )
     }
 

app/src/main/java/kr/co/vividnext/sodalive/audio_content/upload/AudioContentUploadViewModel.kt

@@ -20,6 +20,7 @@ import okio.BufferedSink
 import java.io.File
 import java.text.SimpleDateFormat
 import java.util.Locale
+import java.util.TimeZone
 
 class AudioContentUploadViewModel(
     private val repository: AudioContentRepository
@@ -49,12 +50,30 @@ class AudioContentUploadViewModel(
     val isPriceFreeLiveData: LiveData<Boolean>
         get() = _isPriceFreeLiveData
 
+    private val _isGeneratePreviewLiveData = MutableLiveData(true)
+    val isGeneratePreviewLiveData: LiveData<Boolean>
+        get() = _isGeneratePreviewLiveData
+
+    private val _isActiveReservationLiveData = MutableLiveData(false)
+    val isActiveReservationLiveData: LiveData<Boolean>
+        get() = _isActiveReservationLiveData
+
+    private val _reservationDateLiveData = MutableLiveData("날짜를 선택해주세요")
+    val reservationDateLiveData: LiveData<String>
+        get() = _reservationDateLiveData
+
+    private val _reservationTimeLiveData = MutableLiveData("시간을 설정해주세요")
+    val reservationTimeLiveData: LiveData<String>
+        get() = _reservationTimeLiveData
+
     lateinit var getRealPathFromURI: (Uri) -> String?
 
     var title = ""
     var detail = ""
     var tags = ""
     var price = 0
+    var releaseDate = ""
+    var releaseTime = ""
     var theme: GetAudioContentThemeResponse? = null
     var coverImageUri: Uri? = null
     var contentUri: Uri? = null
@@ -74,28 +93,54 @@ class AudioContentUploadViewModel(
 
         if (isPriceFree) {
             _isOnlyRentalLiveData.postValue(false)
+            _isGeneratePreviewLiveData.postValue(true)
         }
     }
 
+    fun setGeneratePreview(isGeneratePreview: Boolean) {
+        _isGeneratePreviewLiveData.value = isGeneratePreview
+    }
+
     fun setIsOnlyRental(isOnlyRental: Boolean) {
         _isOnlyRentalLiveData.postValue(isOnlyRental)
     }
 
+    fun setActiveReservation(isActiveReservation: Boolean) {
+        _isActiveReservationLiveData.postValue(isActiveReservation)
+    }
+
     fun uploadAudioContent(onSuccess: () -> Unit) {
         if (!_isLoading.value!! && validateData()) {
             _isLoading.postValue(true)
 
+            val isGeneratePreview = _isGeneratePreviewLiveData.value!!
+
             val request = CreateAudioContentRequest(
                 title = title,
                 detail = detail,
                 tags = tags,
                 price = price,
+                releaseDate = if (_isActiveReservationLiveData.value!!) {
+                    "$releaseDate $releaseTime"
+                } else {
+                    null
+                },
+                timezone = TimeZone.getDefault().id,
                 themeId = theme!!.id,
                 isAdult = _isAdultLiveData.value!!,
                 isOnlyRental = _isOnlyRentalLiveData.value!!,
+                isGeneratePreview = isGeneratePreview,
                 isCommentAvailable = _isAvailableCommentLiveData.value!!,
-                previewStartTime = previewStartTime,
-                previewEndTime = previewEndTime
+                previewStartTime = if (isGeneratePreview) {
+                    previewStartTime
+                } else {
+                    null
+                },
+                previewEndTime = if (isGeneratePreview) {
+                    previewEndTime
+                } else {
+                    null
+                }
             )
 
             val requestJson = Gson().toJson(request)
@@ -281,6 +326,14 @@ class AudioContentUploadViewModel(
             return false
         }
 
+        if (
+            _isActiveReservationLiveData.value!! &&
+            (releaseDate.isBlank() || releaseTime.isBlank())
+        ) {
+            _toastLiveData.postValue("예약날짜와 시간을 선택해주세요.")
+            return false
+        }
+
         return true
     }
 
@@ -307,4 +360,12 @@ class AudioContentUploadViewModel(
             return 0
         }
     }
+
+    fun setReservationDate(dateString: String) {
+        _reservationDateLiveData.postValue(dateString)
+    }
+
+    fun setReservationTime(timeString: String) {
+        _reservationTimeLiveData.postValue(timeString)
+    }
 }

app/src/main/java/kr/co/vividnext/sodalive/audio_content/upload/CreateAudioContentRequest.kt

@@ -7,10 +7,13 @@ data class CreateAudioContentRequest(
     @SerializedName("detail") val detail: String,
     @SerializedName("tags") val tags: String,
     @SerializedName("price") val price: Int,
+    @SerializedName("releaseDate") val releaseDate: String?,
+    @SerializedName("timezone") val timezone: String,
     @SerializedName("themeId") val themeId: Long,
     @SerializedName("isAdult") val isAdult: Boolean,
     @SerializedName("isOnlyRental") val isOnlyRental: Boolean,
+    @SerializedName("isGeneratePreview") val isGeneratePreview: Boolean,
     @SerializedName("isCommentAvailable") val isCommentAvailable: Boolean,
     @SerializedName("previewStartTime") val previewStartTime: String? = null,
-    @SerializedName("previewEndTime") val previewEndTime: String? = null
+    @SerializedName("previewEndTime") val previewEndTime: String? = null,
 )

app/src/main/java/kr/co/vividnext/sodalive/common/Constants.kt

@@ -23,13 +23,15 @@ object Constants {
     const val EXTRA_NOTICE = "extra_notice"
     const val EXTRA_ROOM_ID = "extra_room_id"
     const val EXTRA_USER_ID = "extra_user_id"
+    const val EXTRA_THEME_ID = "extra_theme_id"
     const val EXTRA_NICKNAME = "extra_nickname"
     const val EXTRA_MESSAGE_ID = "extra_message_id"
     const val EXTRA_ROOM_DETAIL = "extra_room_detail"
     const val EXTRA_MESSAGE_BOX = "extra_message_box"
     const val EXTRA_TEXT_MESSAGE = "extra_text_message"
     const val EXTRA_LIVE_TIME_NOW = "extra_live_time_now"
-    const val EXTRA_PREV_LIVE_ROOM = "extra_prev_live_room"
+    const val EXTRA_RESULT_ROULETTE = "extra_result_roulette"
+    const val EXTRA_GO_TO_PREV_PAGE = "extra_go_to_prev_page"
     const val EXTRA_SELECT_RECIPIENT = "extra_select_recipient"
     const val EXTRA_ROOM_CHANNEL_NAME = "extra_room_channel_name"
     const val EXTRA_LIVE_RESERVATION_RESPONSE = "extra_live_reservation_response"
@@ -56,4 +58,8 @@ object Constants {
     const val LIVE_SERVICE_NOTIFICATION_ID: Int = 2
     const val ACTION_AUDIO_CONTENT_RECEIVER = "soda_live_action_content_receiver"
     const val ACTION_MAIN_AUDIO_CONTENT_RECEIVER = "soda_live_action_main_content_receiver"
+
+    const val EXTRA_COMMUNITY_POST_ID = "community_post_id"
+    const val EXTRA_COMMUNITY_CREATOR_ID = "community_creator_id"
+    const val EXTRA_COMMUNITY_POST_COMMENT = "community_post_comment_id"
 }

app/src/main/java/kr/co/vividnext/sodalive/common/GridSpacingItemDecoration.kt

@@ -0,0 +1,37 @@
+package kr.co.vividnext.sodalive.common
+
+import android.graphics.Rect
+import android.view.View
+import androidx.recyclerview.widget.RecyclerView
+import androidx.recyclerview.widget.RecyclerView.ItemDecoration
+
+
+class GridSpacingItemDecoration(
+    private val spanCount: Int,
+    private val spacing: Int,
+    private val includeEdge: Boolean
+) : ItemDecoration() {
+    override fun getItemOffsets(
+        outRect: Rect,
+        view: View,
+        parent: RecyclerView,
+        state: RecyclerView.State
+    ) {
+        val position = parent.getChildAdapterPosition(view) // Item position
+        val column = position % spanCount // Current column
+        if (includeEdge) {
+            outRect.left = spacing - column * spacing / spanCount
+            outRect.right = (column + 1) * spacing / spanCount
+            if (position < spanCount) { // Top edge
+                outRect.top = spacing
+            }
+            outRect.bottom = spacing // Item bottom
+        } else {
+            outRect.left = column * spacing / spanCount
+            outRect.right = spacing - (column + 1) * spacing / spanCount
+            if (position >= spanCount) {
+                outRect.top = spacing // Item top
+            }
+        }
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/common/ImageLoaderProvider.kt

@@ -0,0 +1,32 @@
+package kr.co.vividnext.sodalive.common
+
+import android.content.Context
+import coil.ImageLoader
+import okhttp3.Cache
+import okhttp3.OkHttpClient
+import java.io.File
+
+object ImageLoaderProvider {
+    lateinit var imageLoader: ImageLoader
+        private set
+
+    val isInitialized: Boolean
+        get() = ::imageLoader.isInitialized
+    fun init(context: Context) {
+        val cacheSize = 250L * 1024L * 1024L // 250 MB
+        val cacheDirectory = File(
+            context.cacheDir,
+            "image_cache"
+        ).apply { mkdirs() }
+
+        val cache = Cache(cacheDirectory, cacheSize)
+
+        imageLoader = ImageLoader.Builder(context)
+            .okHttpClient {
+                OkHttpClient().newBuilder()
+                    .cache(cache)
+                    .build()
+            }
+            .build()
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/di/AppDI.kt

@@ -9,12 +9,19 @@ import kr.co.vividnext.sodalive.audio_content.AudioContentViewModel
 import kr.co.vividnext.sodalive.audio_content.PlaybackTrackingRepository
 import kr.co.vividnext.sodalive.audio_content.all.AudioContentNewAllViewModel
 import kr.co.vividnext.sodalive.audio_content.all.AudioContentRankingAllViewModel
+import kr.co.vividnext.sodalive.audio_content.all.by_theme.AudioContentAllByThemeViewModel
+import kr.co.vividnext.sodalive.audio_content.category.CategoryApi
 import kr.co.vividnext.sodalive.audio_content.comment.AudioContentCommentListViewModel
 import kr.co.vividnext.sodalive.audio_content.comment.AudioContentCommentReplyViewModel
 import kr.co.vividnext.sodalive.audio_content.comment.AudioContentCommentRepository
 import kr.co.vividnext.sodalive.audio_content.curation.AudioContentCurationViewModel
 import kr.co.vividnext.sodalive.audio_content.detail.AudioContentDetailViewModel
-import kr.co.vividnext.sodalive.audio_content.main.AudioContentMainViewModel
+import kr.co.vividnext.sodalive.audio_content.main.banner.AudioContentMainBannerViewModel
+import kr.co.vividnext.sodalive.audio_content.main.curation.AudioContentMainCurationViewModel
+import kr.co.vividnext.sodalive.audio_content.main.new_content.AudioContentMainNewContentViewModel
+import kr.co.vividnext.sodalive.audio_content.main.new_content_upload_creator.AudioContentMainNewContentCreatorViewModel
+import kr.co.vividnext.sodalive.audio_content.main.order.AudioContentMainOrderListViewModel
+import kr.co.vividnext.sodalive.audio_content.main.ranking.AudioContentMainRankingViewModel
 import kr.co.vividnext.sodalive.audio_content.modify.AudioContentModifyViewModel
 import kr.co.vividnext.sodalive.audio_content.order.AudioContentOrderListViewModel
 import kr.co.vividnext.sodalive.audio_content.upload.AudioContentUploadViewModel
@@ -25,6 +32,12 @@ import kr.co.vividnext.sodalive.explorer.ExplorerApi
 import kr.co.vividnext.sodalive.explorer.ExplorerRepository
 import kr.co.vividnext.sodalive.explorer.ExplorerViewModel
 import kr.co.vividnext.sodalive.explorer.profile.UserProfileViewModel
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.CreatorCommunityApi
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.CreatorCommunityRepository
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.all.CreatorCommunityAllViewModel
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.all.comment.CreatorCommunityCommentListViewModel
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.modify.CreatorCommunityModifyViewModel
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.write.CreatorCommunityWriteViewModel
 import kr.co.vividnext.sodalive.explorer.profile.donation.UserProfileDonationAllViewModel
 import kr.co.vividnext.sodalive.explorer.profile.fantalk.UserProfileFantalkAllViewModel
 import kr.co.vividnext.sodalive.explorer.profile.follow.UserFollowerListViewModel
@@ -40,9 +53,13 @@ import kr.co.vividnext.sodalive.live.room.LiveRoomViewModel
 import kr.co.vividnext.sodalive.live.room.create.LiveRoomCreateViewModel
 import kr.co.vividnext.sodalive.live.room.detail.LiveRoomDetailViewModel
 import kr.co.vividnext.sodalive.live.room.donation.LiveRoomDonationMessageViewModel
+import kr.co.vividnext.sodalive.live.room.menu.MenuApi
 import kr.co.vividnext.sodalive.live.room.tag.LiveTagRepository
 import kr.co.vividnext.sodalive.live.room.tag.LiveTagViewModel
 import kr.co.vividnext.sodalive.live.room.update.LiveRoomEditViewModel
+import kr.co.vividnext.sodalive.live.roulette.RouletteRepository
+import kr.co.vividnext.sodalive.live.roulette.config.RouletteApi
+import kr.co.vividnext.sodalive.live.roulette.config.RouletteSettingsViewModel
 import kr.co.vividnext.sodalive.main.MainViewModel
 import kr.co.vividnext.sodalive.message.MessageApi
 import kr.co.vividnext.sodalive.message.MessageRepository
@@ -57,7 +74,9 @@ import kr.co.vividnext.sodalive.mypage.auth.AuthApi
 import kr.co.vividnext.sodalive.mypage.auth.AuthRepository
 import kr.co.vividnext.sodalive.mypage.can.CanApi
 import kr.co.vividnext.sodalive.mypage.can.CanRepository
-import kr.co.vividnext.sodalive.mypage.can.charge.CanChargeViewModel
+import kr.co.vividnext.sodalive.mypage.can.charge.iap.CanChargeIapViewModel
+import kr.co.vividnext.sodalive.mypage.can.charge.pg.CanChargePgViewModel
+import kr.co.vividnext.sodalive.mypage.can.coupon.CanCouponViewModel
 import kr.co.vividnext.sodalive.mypage.can.payment.CanPaymentViewModel
 import kr.co.vividnext.sodalive.mypage.can.status.CanStatusViewModel
 import kr.co.vividnext.sodalive.mypage.profile.ProfileUpdateViewModel
@@ -134,6 +153,7 @@ class AppDI(private val context: Context, isDebugMode: Boolean) {
         single { ApiBuilder().build(get(), CanApi::class.java) }
         single { ApiBuilder().build(get(), AuthApi::class.java) }
         single { ApiBuilder().build(get(), UserApi::class.java) }
+        single { ApiBuilder().build(get(), MenuApi::class.java) }
         single { ApiBuilder().build(get(), LiveApi::class.java) }
         single { ApiBuilder().build(get(), TermsApi::class.java) }
         single { ApiBuilder().build(get(), EventApi::class.java) }
@@ -145,6 +165,9 @@ class AppDI(private val context: Context, isDebugMode: Boolean) {
         single { ApiBuilder().build(get(), AudioContentApi::class.java) }
         single { ApiBuilder().build(get(), FaqApi::class.java) }
         single { ApiBuilder().build(get(), MemberTagApi::class.java) }
+        single { ApiBuilder().build(get(), RouletteApi::class.java) }
+        single { ApiBuilder().build(get(), CreatorCommunityApi::class.java) }
+        single { ApiBuilder().build(get(), CategoryApi::class.java) }
     }
 
     private val viewModelModule = module {
@@ -153,16 +176,16 @@ class AppDI(private val context: Context, isDebugMode: Boolean) {
         viewModel { TermsViewModel(get()) }
         viewModel { FindPasswordViewModel(get()) }
         viewModel { MainViewModel(get(), get(), get(), get()) }
-        viewModel { LiveViewModel(get(), get(), get()) }
+        viewModel { LiveViewModel(get(), get(), get(), get()) }
         viewModel { MyPageViewModel(get(), get()) }
         viewModel { CanStatusViewModel(get()) }
-        viewModel { CanChargeViewModel(get()) }
+        viewModel { CanChargePgViewModel(get()) }
         viewModel { CanPaymentViewModel(get()) }
         viewModel { LiveRoomDetailViewModel(get()) }
         viewModel { LiveRoomCreateViewModel(get()) }
         viewModel { LiveTagViewModel(get()) }
         viewModel { LiveRoomEditViewModel(get()) }
-        viewModel { LiveRoomViewModel(get(), get(), get()) }
+        viewModel { LiveRoomViewModel(get(), get(), get(), get()) }
         viewModel { LiveRoomDonationMessageViewModel(get()) }
         viewModel { ExplorerViewModel(get()) }
         viewModel { UserProfileViewModel(get(), get(), get()) }
@@ -179,7 +202,12 @@ class AppDI(private val context: Context, isDebugMode: Boolean) {
         viewModel { SettingsViewModel(get()) }
         viewModel { TextMessageDetailViewModel(get()) }
         viewModel { LiveReservationStatusViewModel(get()) }
-        viewModel { AudioContentMainViewModel(get()) }
+        viewModel { AudioContentMainBannerViewModel(get()) }
+        viewModel { AudioContentMainRankingViewModel(get()) }
+        viewModel { AudioContentMainCurationViewModel(get()) }
+        viewModel { AudioContentMainOrderListViewModel(get()) }
+        viewModel { AudioContentMainNewContentViewModel(get()) }
+        viewModel { AudioContentMainNewContentCreatorViewModel(get()) }
         viewModel { AudioContentViewModel(get()) }
         viewModel { AudioContentOrderListViewModel(get()) }
         viewModel { AudioContentUploadViewModel(get()) }
@@ -196,13 +224,21 @@ class AppDI(private val context: Context, isDebugMode: Boolean) {
         viewModel { UserProfileDonationAllViewModel(get(), get()) }
         viewModel { AudioContentCurationViewModel(get()) }
         viewModel { AudioContentNewAllViewModel(get()) }
+        viewModel { AudioContentAllByThemeViewModel(get()) }
         viewModel { AudioContentRankingAllViewModel(get()) }
+        viewModel { RouletteSettingsViewModel(get()) }
+        viewModel { CreatorCommunityAllViewModel(get(), get()) }
+        viewModel { CreatorCommunityCommentListViewModel(get()) }
+        viewModel { CreatorCommunityWriteViewModel(get()) }
+        viewModel { CreatorCommunityModifyViewModel(get()) }
+        viewModel { CanCouponViewModel(get()) }
+        viewModel { CanChargeIapViewModel(get()) }
     }
 
     private val repositoryModule = module {
         factory { UserRepository(get()) }
         factory { TermsRepository(get()) }
-        factory { LiveRepository(get(), get()) }
+        factory { LiveRepository(get(), get(), get()) }
         factory { EventRepository(get()) }
         factory { LiveRecommendRepository(get()) }
         factory { AuthRepository(get()) }
@@ -212,13 +248,15 @@ class AppDI(private val context: Context, isDebugMode: Boolean) {
         factory { ExplorerRepository(get()) }
         factory { MessageRepository(get()) }
         factory { NoticeRepository(get()) }
-        factory { AudioContentRepository(get(), get()) }
+        factory { AudioContentRepository(get(), get(), get()) }
         factory { AudioContentCommentRepository(get()) }
         factory { PlaybackTrackingRepository(get()) }
         factory { FollowingCreatorRepository(get(), get()) }
         factory { FaqRepository(get()) }
         factory { MemberTagRepository(get()) }
         factory { UserProfileFantalkAllViewModel(get(), get()) }
+        factory { RouletteRepository(get()) }
+        factory { CreatorCommunityRepository(get()) }
     }
 
     private val moduleList = listOf(

app/src/main/java/kr/co/vividnext/sodalive/dialog/SodaLiveTimePickerDialog.kt

@@ -0,0 +1,45 @@
+package kr.co.vividnext.sodalive.dialog
+
+import android.app.TimePickerDialog
+import android.content.Context
+import android.widget.TimePicker
+
+class SodaLiveTimePickerDialog(
+    context: Context,
+    themeResId: Int,
+    private val onTimeSetListener: OnTimeSetListener,
+    hourOfDay: Int,
+    minute: Int,
+    is24HourView: Boolean
+) : TimePickerDialog(context, themeResId, null, hourOfDay, minute, is24HourView) {
+    private var timePicker: TimePicker? = null
+
+    init {
+        this.setTitle("Select Time")
+        setOnShowListener {
+            timePicker = window?.findViewById(
+                context.resources.getIdentifier(
+                    "android:id/timePicker",
+                    null,
+                    null
+                )
+            )
+            timePicker?.apply {
+                setIs24HourView(is24HourView)
+                setOnTimeChangedListener { _, _, minute ->
+                    // Snap minute to nearest quarter (0, 15, 30, 45)
+                    val snappedMinute = minute / 15 * 15
+                    if (snappedMinute != minute) {
+                        this.minute = snappedMinute
+                    }
+                }
+            }
+            getButton(BUTTON_POSITIVE).setOnClickListener {
+                timePicker?.let { picker ->
+                    onTimeSetListener.onTimeSet(picker, picker.hour, picker.minute)
+                }
+                dismiss()
+            }
+        }
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/CreatorNoticeWriteActivity.kt

@@ -1,73 +0,0 @@
-package kr.co.vividnext.sodalive.explorer.profile
-
-import android.content.Intent
-import android.widget.Toast
-import com.orhanobut.logger.Logger
-import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
-import io.reactivex.rxjava3.schedulers.Schedulers
-import kr.co.vividnext.sodalive.base.BaseActivity
-import kr.co.vividnext.sodalive.common.LoadingDialog
-import kr.co.vividnext.sodalive.common.SharedPreferenceManager
-import kr.co.vividnext.sodalive.databinding.ActivityCreatorNoticeWriteBinding
-import kr.co.vividnext.sodalive.explorer.ExplorerRepository
-import org.koin.android.ext.android.inject
-
-class CreatorNoticeWriteActivity : BaseActivity<ActivityCreatorNoticeWriteBinding>(
-    ActivityCreatorNoticeWriteBinding::inflate
-) {
-
-    private val repository: ExplorerRepository by inject()
-
-    private lateinit var loadingDialog: LoadingDialog
-
-    override fun setupView() {
-        loadingDialog = LoadingDialog(this, layoutInflater)
-        binding.toolbar.tvBack.text = "공지사항 쓰기"
-        binding.toolbar.tvBack.setOnClickListener { finish() }
-
-        val notice = intent.getStringExtra("notice")
-        binding.etContent.setText(notice)
-
-        binding.tvSave.setOnClickListener {
-            loadingDialog.show(screenWidth)
-
-            val writtenNotice = binding.etContent.text.toString()
-            compositeDisposable.add(
-                repository.writeCreatorNotice(
-                    notice = writtenNotice,
-                    token = "Bearer ${SharedPreferenceManager.token}"
-                )
-                    .subscribeOn(Schedulers.io())
-                    .observeOn(AndroidSchedulers.mainThread())
-                    .subscribe(
-                        {
-                            loadingDialog.dismiss()
-
-                            val message = it.message ?: "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
-                            Toast.makeText(
-                                applicationContext,
-                                message,
-                                Toast.LENGTH_LONG
-                            ).show()
-
-                            if (it.success) {
-                                val dataIntent = Intent()
-                                dataIntent.putExtra("notice", writtenNotice)
-                                setResult(RESULT_OK, dataIntent)
-                                finish()
-                            }
-                        },
-                        {
-                            loadingDialog.dismiss()
-                            it.message?.let { message -> Logger.e(message) }
-                            Toast.makeText(
-                                applicationContext,
-                                "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.",
-                                Toast.LENGTH_LONG
-                            ).show()
-                        }
-                    )
-            )
-        }
-    }
-}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/GetCreatorProfileResponse.kt

@@ -1,20 +1,21 @@
 package kr.co.vividnext.sodalive.explorer.profile
 
 import com.google.gson.annotations.SerializedName
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostListResponse
 
 data class GetCreatorProfileResponse(
     @SerializedName("creator")
     val creator: CreatorResponse,
     @SerializedName("userDonationRanking")
     val userDonationRanking: List<UserDonationRankingResponse>,
-    @SerializedName("similarCreatorList")
-    val similarCreatorList: List<SimilarCreatorResponse>,
     @SerializedName("liveRoomList")
     val liveRoomList: List<LiveRoomResponse>,
     @SerializedName("contentList")
     val contentList: List<GetAudioContentListItem>,
     @SerializedName("notice")
     val notice: String,
+    @SerializedName("communityPostList")
+    val communityPostList: List<GetCommunityPostListResponse>,
     @SerializedName("cheers")
     val cheers: GetCheersResponse,
     @SerializedName("activitySummary")
@@ -45,13 +46,6 @@ data class UserDonationRankingResponse(
     @SerializedName("donationCan") val donationCan: Int
 )
 
-data class SimilarCreatorResponse(
-    @SerializedName("userId") val userId: Long,
-    @SerializedName("nickname") val nickname: String,
-    @SerializedName("profileImage") val profileImage: String,
-    @SerializedName("tags") val tags: List<String>
-)
-
 data class LiveRoomResponse(
     @SerializedName("roomId") val roomId: Long,
     @SerializedName("title") val title: String,
@@ -82,7 +76,9 @@ data class GetAudioContentListItem(
     @SerializedName("duration") val duration: String?,
     @SerializedName("likeCount") val likeCount: Int,
     @SerializedName("commentCount") val commentCount: Int,
-    @SerializedName("isAdult") val isAdult: Boolean
+    @SerializedName("isPin") val isPin: Boolean,
+    @SerializedName("isAdult") val isAdult: Boolean,
+    @SerializedName("isScheduledToOpen") val isScheduledToOpen: Boolean
 )
 
 data class GetCreatorActivitySummary(

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/UserProfileActivity.kt

@@ -1,7 +1,6 @@
 package kr.co.vividnext.sodalive.explorer.profile
 
 import android.annotation.SuppressLint
-import android.app.Activity
 import android.app.AlertDialog
 import android.app.Service
 import android.content.Context
@@ -11,17 +10,18 @@ import android.net.Uri
 import android.os.Bundle
 import android.os.Handler
 import android.os.Looper
+import android.view.LayoutInflater
 import android.view.View
 import android.view.inputmethod.InputMethodManager
 import android.webkit.URLUtil
+import android.widget.LinearLayout
 import android.widget.Toast
-import androidx.activity.result.ActivityResultLauncher
-import androidx.activity.result.contract.ActivityResultContracts
 import androidx.appcompat.widget.PopupMenu
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
 import coil.load
 import coil.transform.CircleCropTransformation
+import coil.transform.RoundedCornersTransformation
 import kr.co.vividnext.sodalive.R
 import kr.co.vividnext.sodalive.audio_content.AudioContentActivity
 import kr.co.vividnext.sodalive.audio_content.AudioContentAdapter
@@ -33,12 +33,17 @@ import kr.co.vividnext.sodalive.common.Constants
 import kr.co.vividnext.sodalive.common.LoadingDialog
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.databinding.ActivityUserProfileBinding
+import kr.co.vividnext.sodalive.databinding.ItemCreatorCommunityBinding
 import kr.co.vividnext.sodalive.explorer.profile.cheers.UserProfileCheersAdapter
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostListResponse
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.all.CreatorCommunityAllActivity
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.write.CreatorCommunityWriteActivity
 import kr.co.vividnext.sodalive.explorer.profile.donation.UserProfileDonationAdapter
 import kr.co.vividnext.sodalive.explorer.profile.donation.UserProfileDonationAllViewActivity
 import kr.co.vividnext.sodalive.explorer.profile.fantalk.UserProfileFantalkAllViewActivity
 import kr.co.vividnext.sodalive.explorer.profile.follow.UserFollowerListActivity
 import kr.co.vividnext.sodalive.extensions.dpToPx
+import kr.co.vividnext.sodalive.extensions.loadUrl
 import kr.co.vividnext.sodalive.extensions.moneyFormat
 import kr.co.vividnext.sodalive.live.LiveViewModel
 import kr.co.vividnext.sodalive.live.reservation.complete.LiveReservationCompleteActivity
@@ -50,6 +55,9 @@ import kr.co.vividnext.sodalive.report.ProfileReportDialog
 import kr.co.vividnext.sodalive.report.ReportType
 import kr.co.vividnext.sodalive.report.UserReportDialog
 import org.koin.android.ext.android.inject
+import java.text.SimpleDateFormat
+import java.util.Date
+import java.util.Locale
 
 class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
     ActivityUserProfileBinding::inflate
@@ -63,11 +71,8 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
     private lateinit var liveAdapter: UserProfileLiveAdapter
     private lateinit var audioContentAdapter: AudioContentAdapter
     private lateinit var donationAdapter: UserProfileDonationAdapter
-    private lateinit var similarCreatorAdapter: UserProfileSimilarCreatorAdapter
     private lateinit var cheersAdapter: UserProfileCheersAdapter
 
-    private lateinit var noticeWriteLauncher: ActivityResultLauncher<Intent>
-
     private val handler = Handler(Looper.getMainLooper())
     private var userId: Long = 0
 
@@ -76,17 +81,6 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
         super.onCreate(savedInstanceState)
 
         imm = getSystemService(Service.INPUT_METHOD_SERVICE) as InputMethodManager
-        noticeWriteLauncher = registerForActivityResult(
-            ActivityResultContracts.StartActivityForResult()
-        ) {
-            if (it.resultCode == Activity.RESULT_OK) {
-                val writtenNotice = it.data?.getStringExtra("notice")
-                binding.tvNotice.text = writtenNotice?.ifBlank {
-                    "공지사항이 없습니다."
-                }
-            }
-        }
-
         if (userId <= 0) {
             Toast.makeText(applicationContext, "잘못된 요청입니다.", Toast.LENGTH_LONG).show()
             finish()
@@ -122,9 +116,9 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
 
         setupLiveView()
         setupDonationView()
-        setupSimilarCreatorView()
         setupFanTalkView()
         setupAudioContentListView()
+        setupCreatorCommunityView()
     }
 
     private fun hideKeyboard(onAfterExecute: () -> Unit) {
@@ -310,51 +304,6 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
         recyclerView.adapter = donationAdapter
     }
 
-    private fun setupSimilarCreatorView() {
-        val recyclerView = binding.layoutUserProfileSimilarCreator.rvSimilarCreator
-        similarCreatorAdapter = UserProfileSimilarCreatorAdapter {
-            val intent = Intent(applicationContext, UserProfileActivity::class.java)
-            intent.putExtra(Constants.EXTRA_USER_ID, it.userId)
-            startActivity(intent)
-        }
-
-        recyclerView.layoutManager = LinearLayoutManager(
-            applicationContext,
-            LinearLayoutManager.VERTICAL,
-            false
-        )
-
-        recyclerView.addItemDecoration(object : RecyclerView.ItemDecoration() {
-            override fun getItemOffsets(
-                outRect: Rect,
-                view: View,
-                parent: RecyclerView,
-                state: RecyclerView.State
-            ) {
-                super.getItemOffsets(outRect, view, parent, state)
-
-                when (parent.getChildAdapterPosition(view)) {
-                    0 -> {
-                        outRect.top = 0
-                        outRect.bottom = 10f.dpToPx().toInt()
-                    }
-
-                    similarCreatorAdapter.itemCount - 1 -> {
-                        outRect.top = 10f.dpToPx().toInt()
-                        outRect.bottom = 0
-                    }
-
-                    else -> {
-                        outRect.top = 10f.dpToPx().toInt()
-                        outRect.bottom = 10f.dpToPx().toInt()
-                    }
-                }
-            }
-        })
-
-        recyclerView.adapter = similarCreatorAdapter
-    }
-
     private fun setupFanTalkView() {
         binding.layoutUserProfileFanTalk.tvAll.setOnClickListener {
             val intent = Intent(
@@ -528,6 +477,19 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
         dialog.show(screenWidth)
     }
 
+    private fun setupCreatorCommunityView() {
+        binding.layoutCreatorCommunityPost.ivWrite.setOnClickListener {
+            startActivity(Intent(applicationContext, CreatorCommunityWriteActivity::class.java))
+        }
+        binding.layoutCreatorCommunityPost.llAll.setOnClickListener {
+            startActivity(
+                Intent(applicationContext, CreatorCommunityAllActivity::class.java).apply {
+                    putExtra(Constants.EXTRA_COMMUNITY_CREATOR_ID, userId)
+                }
+            )
+        }
+    }
+
     private fun bindData() {
         liveViewModel.toastLiveData.observe(this) {
             it?.let { Toast.makeText(applicationContext, it, Toast.LENGTH_LONG).show() }
@@ -556,20 +518,11 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
         viewModel.creatorProfileLiveData.observe(this) {
             setCheers(it.cheers)
             setCreatorProfile(it.creator)
-            setCreatorNotice(it.notice, it.creator.creatorId)
             setAudioContentList(it.contentList)
             setLiveRoomList(it.liveRoomList)
-            setSimilarCreatorList(it.similarCreatorList)
             setUserDonationRanking(it.userDonationRanking)
             setActivitySummary(it.activitySummary)
-        }
-
-        viewModel.isExpandNotice.observe(this) {
-            if (it) {
-                binding.tvNotice.maxLines = Int.MAX_VALUE
-            } else {
-                binding.tvNotice.maxLines = 1
-            }
+            setCommunityPostList(it.communityPostList)
         }
     }
 
@@ -662,12 +615,12 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
         }
 
         if (creator.isNotification) {
-            layoutUserProfile.ivNotification.setImageResource(R.drawable.btn_notification_selected)
+            layoutUserProfile.ivNotification.setImageResource(R.drawable.btn_following_big)
             layoutUserProfile.ivNotification.setOnClickListener {
                 viewModel.unFollow(creator.creatorId)
             }
         } else {
-            layoutUserProfile.ivNotification.setImageResource(R.drawable.btn_notification)
+            layoutUserProfile.ivNotification.setImageResource(R.drawable.btn_follow_big)
             layoutUserProfile.ivNotification.setOnClickListener {
                 viewModel.follow(creator.creatorId)
             }
@@ -684,28 +637,6 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
         binding.layoutUserProfileIntroduce.tvIntroduce.text = introduce
     }
 
-    private fun setCreatorNotice(notice: String, creatorId: Long) {
-        binding.tvNotice.text = notice.ifBlank {
-            "공지사항이 없습니다."
-        }
-
-        binding.rlNotice.setOnClickListener {
-            if (creatorId == SharedPreferenceManager.userId) {
-                val intent = Intent(applicationContext, CreatorNoticeWriteActivity::class.java)
-                intent.putExtra("notice", notice)
-                noticeWriteLauncher.launch(intent)
-            } else {
-                viewModel.toggleExpandNotice()
-            }
-        }
-
-        binding.ivWrite.visibility = if (creatorId == SharedPreferenceManager.userId) {
-            View.VISIBLE
-        } else {
-            View.GONE
-        }
-    }
-
     @SuppressLint("NotifyDataSetChanged")
     private fun setAudioContentList(audioContentList: List<GetAudioContentListItem>) {
         binding.layoutUserProfileAudioContent.root.visibility =
@@ -748,18 +679,6 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
         }
     }
 
-    @SuppressLint("NotifyDataSetChanged")
-    private fun setSimilarCreatorList(similarCreatorList: List<SimilarCreatorResponse>) {
-        if (similarCreatorList.isEmpty()) {
-            binding.llUserProfileSimilarCreator.visibility = View.GONE
-        } else {
-            binding.llUserProfileSimilarCreator.visibility = View.VISIBLE
-            similarCreatorAdapter.items.clear()
-            similarCreatorAdapter.items.addAll(similarCreatorList)
-            similarCreatorAdapter.notifyDataSetChanged()
-        }
-    }
-
     @SuppressLint("NotifyDataSetChanged")
     private fun setUserDonationRanking(userDonationRanking: List<UserDonationRankingResponse>) {
         if (userDonationRanking.isEmpty()) {
@@ -772,6 +691,88 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
         }
     }
 
+    private fun setCommunityPostList(communityPostList: List<GetCommunityPostListResponse>) {
+        if (communityPostList.isEmpty()) {
+            if (userId == SharedPreferenceManager.userId) {
+                binding.layoutCreatorCommunityPost.root.visibility = View.VISIBLE
+                binding.layoutCreatorCommunityPost.llNoPost.visibility = View.VISIBLE
+                binding.layoutCreatorCommunityPost.llNoPost.setOnClickListener {
+                    startActivity(
+                        Intent(
+                            applicationContext,
+                            CreatorCommunityWriteActivity::class.java
+                        )
+                    )
+                }
+            } else {
+                binding.layoutCreatorCommunityPost.root.visibility = View.GONE
+            }
+
+            binding.layoutCreatorCommunityPost.hsvPost.visibility = View.GONE
+        } else {
+            binding.layoutCreatorCommunityPost.root.visibility = View.VISIBLE
+            binding.layoutCreatorCommunityPost.llNoPost.visibility = View.GONE
+            binding.layoutCreatorCommunityPost.hsvPost.visibility = View.VISIBLE
+
+            if (userId == SharedPreferenceManager.userId) {
+                binding.layoutCreatorCommunityPost.ivWrite.visibility = View.VISIBLE
+            } else {
+                binding.layoutCreatorCommunityPost.ivWrite.visibility = View.GONE
+            }
+
+            binding.layoutCreatorCommunityPost.llContainer.removeAllViews()
+            communityPostList.forEachIndexed { index, item ->
+                val layout = ItemCreatorCommunityBinding.inflate(
+                    LayoutInflater.from(this@UserProfileActivity),
+                    binding.layoutCreatorCommunityPost.llContainer,
+                    false
+                )
+
+                setCommunityPost(layout, item, index)
+            }
+        }
+    }
+
+    private fun setCommunityPost(
+        layout: ItemCreatorCommunityBinding,
+        item: GetCommunityPostListResponse,
+        index: Int
+    ) {
+        layout.ivCreatorProfile.loadUrl(item.creatorProfileUrl) {
+            crossfade(true)
+            placeholder(R.drawable.ic_place_holder)
+            transformations(CircleCropTransformation())
+        }
+        layout.tvCreatorNickname.text = item.creatorNickname
+        layout.tvDate.text = item.date
+
+        layout.tvContent.text = item.content
+        layout.ivPostImage.loadUrl(item.imageUrl) {
+            crossfade(true)
+            placeholder(R.drawable.ic_place_holder)
+            transformations(RoundedCornersTransformation(4.7f.dpToPx()))
+        }
+
+        layout.tvLikeCount.text = "${item.likeCount}"
+        layout.tvCommentCount.text = "${item.commentCount}"
+
+        layout.root.setOnClickListener {
+            startActivity(
+                Intent(applicationContext, CreatorCommunityAllActivity::class.java).apply {
+                    putExtra(Constants.EXTRA_COMMUNITY_CREATOR_ID, userId)
+                }
+            )
+        }
+
+        if (index > 0) {
+            val lp = layout.root.layoutParams as LinearLayout.LayoutParams
+            lp.marginStart = 13.3f.dpToPx().toInt()
+            layout.root.layoutParams = lp
+        }
+
+        binding.layoutCreatorCommunityPost.llContainer.addView(layout.root)
+    }
+
     private fun reservationRoom(roomId: Long) {
         liveViewModel.getRoomDetail(roomId) {
             if (it.manager.id == SharedPreferenceManager.userId) {
@@ -850,6 +851,15 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
                         liveViewModel.enterRoom(roomId, onEnterRoomSuccess)
                     }
                 } else {
+                    val beginDateFormat = SimpleDateFormat("yyyy.MM.dd EEE hh:mm a", Locale.ENGLISH)
+                    val beginDate = beginDateFormat.parse(it.beginDateTime)!!
+                    val now = Date()
+
+                    val dateFormat = SimpleDateFormat("yyyy-MM-dd, HH:mm", Locale.getDefault())
+                    val diffTime: Long = now.time - beginDate.time
+                    val hours = (diffTime / (1000 * 60 * 60)).toInt()
+                    val mins = (diffTime / (1000 * 60)).toInt() % 60
+
                     if (it.isPrivateRoom) {
                         LiveRoomPasswordDialog(
                             activity = this,
@@ -867,8 +877,23 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
                         LivePaymentDialog(
                             activity = this,
                             layoutInflater = layoutInflater,
-                            title = "${it.price.moneyFormat()}캔으로 입장",
-                            desc = "'${it.title}' 라이브에 참여하기 위해 결제합니다.",
+                            title = "유료 라이브 입장",
+                            startDateTime = if (hours >= 1) {
+                                dateFormat.format(beginDate)
+                            } else {
+                                null
+                            },
+                            nowDateTime = if (hours >= 1) {
+                                dateFormat.format(now)
+                            } else {
+                                null
+                            },
+                            desc = "${it.price}캔을 차감하고\n라이브에 입장 하시겠습니까?",
+                            desc2 = if (hours >= 1) {
+                                "라이브를 시작한 지 ${hours}시간 ${mins}분이 지났습니다. 라이브에 입장 후 30분 이내에 라이브가 종료될 수도 있습니다."
+                            } else {
+                                null
+                            },
                             confirmButtonTitle = "결제 후 입장",
                             confirmButtonClick = {
                                 liveViewModel.enterRoom(roomId, onEnterRoomSuccess)

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/UserProfileSimilarCreatorAdapter.kt

@@ -1,46 +0,0 @@
-package kr.co.vividnext.sodalive.explorer.profile
-
-import android.view.LayoutInflater
-import android.view.ViewGroup
-import androidx.recyclerview.widget.RecyclerView
-import coil.load
-import coil.transform.CircleCropTransformation
-import kr.co.vividnext.sodalive.R
-import kr.co.vividnext.sodalive.databinding.ItemUserProfileSimilarCreatorBinding
-
-class UserProfileSimilarCreatorAdapter(
-    private val onClickItem: (SimilarCreatorResponse) -> Unit
-) : RecyclerView.Adapter<UserProfileSimilarCreatorAdapter.ViewHolder>() {
-
-    val items = mutableListOf<SimilarCreatorResponse>()
-
-    inner class ViewHolder(
-        private val binding: ItemUserProfileSimilarCreatorBinding
-    ) : RecyclerView.ViewHolder(binding.root) {
-        fun bind(item: SimilarCreatorResponse) {
-            binding.ivProfile.load(item.profileImage) {
-                crossfade(true)
-                placeholder(R.drawable.ic_place_holder)
-                transformations(CircleCropTransformation())
-            }
-
-            binding.tvNickname.text = item.nickname
-            binding.tvTags.text = item.tags.joinToString(" ") { "#$it" }
-            binding.root.setOnClickListener { onClickItem(item) }
-        }
-    }
-
-    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(
-        ItemUserProfileSimilarCreatorBinding.inflate(
-            LayoutInflater.from(parent.context),
-            parent,
-            false
-        )
-    )
-
-    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
-        holder.bind(items[position])
-    }
-
-    override fun getItemCount() = items.count()
-}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/UserProfileViewModel.kt

@@ -16,6 +16,7 @@ import kr.co.vividnext.sodalive.base.BaseViewModel
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.explorer.ExplorerRepository
 import kr.co.vividnext.sodalive.explorer.profile.cheers.PutModifyCheersRequest
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostListResponse
 import kr.co.vividnext.sodalive.report.ReportRepository
 import kr.co.vividnext.sodalive.report.ReportRequest
 import kr.co.vividnext.sodalive.report.ReportType
@@ -38,10 +39,6 @@ class UserProfileViewModel(
     val creatorProfileLiveData: LiveData<GetCreatorProfileResponse>
         get() = _creatorProfileLiveData
 
-    private val _isExpandNotice = MutableLiveData(false)
-    val isExpandNotice: LiveData<Boolean>
-        get() = _isExpandNotice
-
     private var creatorNickname = ""
 
     fun cheersReport(cheersId: Long, reason: String) {
@@ -216,10 +213,6 @@ class UserProfileViewModel(
         )
     }
 
-    fun toggleExpandNotice() {
-        _isExpandNotice.value = !isExpandNotice.value!!
-    }
-
     fun writeCheers(parentCheersId: Long? = null, creatorId: Long, cheersContent: String) {
         if (cheersContent.isBlank()) {
             _toastLiveData.postValue("내용을 입력하세요")

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/CreatorCommunityAdapter.kt

@@ -0,0 +1,58 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import coil.transform.CircleCropTransformation
+import coil.transform.RoundedCornersTransformation
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.databinding.ItemCreatorCommunityBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
+import kr.co.vividnext.sodalive.extensions.loadUrl
+
+class CreatorCommunityAdapter(
+    private val onClickItem: (Long) -> Unit
+) : RecyclerView.Adapter<CreatorCommunityAdapter.ViewHolder>() {
+
+    val items = mutableListOf<GetCommunityPostListResponse>()
+
+    inner class ViewHolder(
+        private val binding: ItemCreatorCommunityBinding
+    ) : RecyclerView.ViewHolder(binding.root) {
+        fun bind(item: GetCommunityPostListResponse) {
+            binding.ivCreatorProfile.loadUrl(item.creatorProfileUrl) {
+                crossfade(true)
+                placeholder(R.drawable.ic_place_holder)
+                transformations(CircleCropTransformation())
+            }
+            binding.tvCreatorNickname.text = item.creatorNickname
+            binding.tvDate.text = item.date
+
+            binding.tvContent.text = item.content
+            binding.ivPostImage.loadUrl(item.imageUrl) {
+                crossfade(true)
+                placeholder(R.drawable.ic_place_holder)
+                transformations(RoundedCornersTransformation(4.7f.dpToPx()))
+            }
+
+            binding.tvLikeCount.text = "${item.likeCount}"
+            binding.tvCommentCount.text = "${item.commentCount}"
+
+            binding.root.setOnClickListener { onClickItem(item.creatorId) }
+        }
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(
+        ItemCreatorCommunityBinding.inflate(
+            LayoutInflater.from(parent.context),
+            parent,
+            false
+        )
+    )
+
+    override fun getItemCount() = items.size
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        holder.bind(items[position])
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/CreatorCommunityApi.kt

@@ -0,0 +1,94 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community
+
+import io.reactivex.rxjava3.core.Single
+import kr.co.vividnext.sodalive.audio_content.comment.ModifyCommentRequest
+import kr.co.vividnext.sodalive.common.ApiResponse
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.all.PostCommunityPostLikeRequest
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.all.comment.CreateCommunityPostCommentRequest
+import okhttp3.MultipartBody
+import okhttp3.RequestBody
+import retrofit2.http.Body
+import retrofit2.http.GET
+import retrofit2.http.Header
+import retrofit2.http.Multipart
+import retrofit2.http.POST
+import retrofit2.http.PUT
+import retrofit2.http.Part
+import retrofit2.http.Path
+import retrofit2.http.Query
+
+interface CreatorCommunityApi {
+    @POST("/creator-community")
+    @Multipart
+    fun createCommunityPost(
+        @Part postImage: MultipartBody.Part?,
+        @Part("request") request: RequestBody,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<Any>>
+
+    @PUT("/creator-community")
+    @Multipart
+    fun modifyCommunityPost(
+        @Part postImage: MultipartBody.Part?,
+        @Part("request") request: RequestBody,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<Any>>
+
+    @GET("/creator-community")
+    fun getCommunityPostList(
+        @Query("creatorId") creatorId: Long,
+        @Query("page") page: Int,
+        @Query("size") size: Int,
+        @Query("timezone") timezone: String,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<List<GetCommunityPostListResponse>>>
+
+    @GET("/creator-community/latest")
+    fun getLatestPostListFromCreatorsYouFollow(
+        @Query("timezone") timezone: String,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<List<GetCommunityPostListResponse>>>
+
+    @POST("/creator-community/like")
+    fun communityPostLike(
+        @Body request: PostCommunityPostLikeRequest,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<Any>>
+
+    @GET("/creator-community/{id}/comment")
+    fun getCommunityPostCommentList(
+        @Path("id") postId: Long,
+        @Query("page") page: Int,
+        @Query("size") size: Int,
+        @Query("timezone") timezone: String,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<GetCommunityPostCommentListResponse>>
+
+    @POST("/creator-community/comment")
+    fun createCommunityPostComment(
+        @Body request: CreateCommunityPostCommentRequest,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<Any>>
+
+    @PUT("/creator-community/comment")
+    fun modifyComment(
+        @Body request: ModifyCommentRequest,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<Any>>
+
+    @GET("/creator-community/comment/{id}")
+    fun getCommentReplyList(
+        @Path("id") commentId: Long,
+        @Query("page") page: Int,
+        @Query("size") size: Int,
+        @Query("timezone") timezone: String,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<GetCommunityPostCommentListResponse>>
+
+    @GET("/creator-community/{id}")
+    fun getCommunityPostDetail(
+        @Path("id") postId: Long,
+        @Query("timezone") timezone: String,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<GetCommunityPostListResponse>>
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/CreatorCommunityRepository.kt

@@ -0,0 +1,101 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community
+
+import kr.co.vividnext.sodalive.audio_content.comment.ModifyCommentRequest
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.all.PostCommunityPostLikeRequest
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.all.comment.CreateCommunityPostCommentRequest
+import okhttp3.MultipartBody
+import okhttp3.RequestBody
+import java.util.TimeZone
+
+class CreatorCommunityRepository(private val api: CreatorCommunityApi) {
+    fun getCommunityPostList(
+        creatorId: Long,
+        page: Int,
+        size: Int,
+        token: String
+    ) = api.getCommunityPostList(
+        creatorId = creatorId,
+        page = page - 1,
+        size = size,
+        timezone = TimeZone.getDefault().id,
+        authHeader = token
+    )
+
+    fun getLatestPostListFromCreatorsYouFollow(
+        token: String
+    ) = api.getLatestPostListFromCreatorsYouFollow(
+        timezone = TimeZone.getDefault().id,
+        authHeader = token
+    )
+
+    fun communityPostLike(postId: Long, token: String) = api.communityPostLike(
+        request = PostCommunityPostLikeRequest(postId = postId),
+        authHeader = token
+    )
+
+    fun getCommunityPostCommentList(
+        postId: Long,
+        page: Int,
+        size: Int,
+        token: String
+    ) = api.getCommunityPostCommentList(
+        postId = postId,
+        page = page,
+        size = size,
+        timezone = TimeZone.getDefault().id,
+        authHeader = token
+    )
+
+    fun registerComment(
+        postId: Long,
+        comment: String,
+        parentId: Long? = null,
+        token: String
+    ) = api.createCommunityPostComment(
+        request = CreateCommunityPostCommentRequest(
+            comment = comment,
+            postId = postId,
+            parentId = parentId
+        ),
+        authHeader = token
+    )
+
+    fun modifyComment(request: ModifyCommentRequest, token: String) = api.modifyComment(
+        request = request,
+        authHeader = token
+    )
+
+    fun getCommentReplyList(commentId: Long, page: Int, size: Int, token: String) = api.getCommentReplyList(
+        commentId = commentId,
+        page = page,
+        size = size,
+        timezone = TimeZone.getDefault().id,
+        authHeader = token
+    )
+
+    fun createCommunityPost(
+        postImage: MultipartBody.Part?,
+        request: RequestBody,
+        token: String
+    ) = api.createCommunityPost(
+        postImage = postImage,
+        request = request,
+        authHeader = token
+    )
+
+    fun modifyCommunityPost(
+        postImage: MultipartBody.Part?,
+        request: RequestBody,
+        token: String
+    ) = api.modifyCommunityPost(
+        postImage = postImage,
+        request = request,
+        authHeader = token
+    )
+
+    fun getCommunityPostDetail(postId: Long, token: String) = api.getCommunityPostDetail(
+        postId = postId,
+        timezone = TimeZone.getDefault().id,
+        authHeader = token
+    )
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/GetCommunityPostCommentListResponse.kt

@@ -0,0 +1,21 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community
+
+import android.os.Parcelable
+import com.google.gson.annotations.SerializedName
+import kotlinx.parcelize.Parcelize
+
+data class GetCommunityPostCommentListResponse(
+    @SerializedName("totalCount") val totalCount: Int,
+    @SerializedName("items") val items: List<GetCommunityPostCommentListItem>
+)
+
+@Parcelize
+data class GetCommunityPostCommentListItem(
+    @SerializedName("id") val id: Long,
+    @SerializedName("writerId") val writerId: Long,
+    @SerializedName("nickname") val nickname: String,
+    @SerializedName("profileUrl") val profileUrl: String,
+    @SerializedName("comment") val comment: String,
+    @SerializedName("date") val date: String,
+    @SerializedName("replyCount") val replyCount: Int,
+) : Parcelable

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/GetCommunityPostListResponse.kt

@@ -0,0 +1,20 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community
+
+import com.google.gson.annotations.SerializedName
+
+data class GetCommunityPostListResponse(
+    @SerializedName("postId") val postId: Long,
+    @SerializedName("creatorId") val creatorId: Long,
+    @SerializedName("creatorNickname") val creatorNickname: String,
+    @SerializedName("creatorProfileUrl") val creatorProfileUrl: String,
+    @SerializedName("imageUrl") val imageUrl: String?,
+    @SerializedName("content") val content: String,
+    @SerializedName("date") val date: String,
+    @SerializedName("isCommentAvailable") val isCommentAvailable: Boolean,
+    @SerializedName("isAdult") val isAdult: Boolean,
+    @SerializedName("isLike") var isLike: Boolean,
+    @SerializedName("likeCount") val likeCount: Int,
+    @SerializedName("commentCount") val commentCount: Int,
+    @SerializedName("firstComment") val firstComment: GetCommunityPostCommentListItem?,
+    @SerializedName("isExpand") var isExpand: Boolean = false
+)

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/all/CreatorCommunityAllActivity.kt

@@ -0,0 +1,195 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all
+
+import android.annotation.SuppressLint
+import android.content.Intent
+import android.graphics.Rect
+import android.os.Bundle
+import android.view.View
+import android.widget.Toast
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import kr.co.vividnext.sodalive.base.BaseActivity
+import kr.co.vividnext.sodalive.base.SodaDialog
+import kr.co.vividnext.sodalive.common.Constants
+import kr.co.vividnext.sodalive.common.LoadingDialog
+import kr.co.vividnext.sodalive.databinding.ActivityCreatorCommunityAllBinding
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.all.comment.CreatorCommunityCommentFragment
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.modify.CreatorCommunityModifyActivity
+import kr.co.vividnext.sodalive.extensions.dpToPx
+import org.koin.android.ext.android.inject
+
+class CreatorCommunityAllActivity : BaseActivity<ActivityCreatorCommunityAllBinding>(
+    ActivityCreatorCommunityAllBinding::inflate
+) {
+
+    private val viewModel: CreatorCommunityAllViewModel by inject()
+
+    private lateinit var loadingDialog: LoadingDialog
+    private lateinit var adapter: CreatorCommunityAllAdapter
+
+    private var creatorId: Long = 0
+
+    private val modifyResult = registerForActivityResult(
+        ActivityResultContracts.StartActivityForResult()
+    ) { result ->
+        val resultCode = result.resultCode
+
+        if (resultCode == RESULT_OK) {
+            viewModel.page = 1
+            viewModel.isLast = false
+            viewModel.getCommunityPostList()
+        }
+    }
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        creatorId = intent.getLongExtra(Constants.EXTRA_COMMUNITY_CREATOR_ID, 0)
+        if (creatorId <= 0) {
+            Toast.makeText(applicationContext, "잘못된 요청입니다.", Toast.LENGTH_LONG).show()
+            finish()
+        }
+
+        bindData()
+        viewModel.creatorId = creatorId
+        viewModel.getCommunityPostList()
+    }
+
+    override fun setupView() {
+        loadingDialog = LoadingDialog(this, layoutInflater)
+        binding.toolbar.tvBack.text = "커뮤니티"
+        binding.toolbar.tvBack.setOnClickListener { finish() }
+
+        adapter = CreatorCommunityAllAdapter(
+            onClickLike = { viewModel.communityPostLike(it) },
+            writeComment = { postId, parentId, comment ->
+                viewModel.registerComment(
+                    comment,
+                    postId,
+                    parentId
+                )
+            },
+            showCommentBottomSheetDialog = {
+                val dialog = CreatorCommunityCommentFragment(
+                    creatorId = creatorId,
+                    postId = it
+                )
+                dialog.show(
+                    supportFragmentManager,
+                    dialog.tag
+                )
+            },
+            onClickModify = {
+                modifyResult.launch(
+                    Intent(
+                        applicationContext,
+                        CreatorCommunityModifyActivity::class.java
+                    ).apply {
+                        putExtra(Constants.EXTRA_COMMUNITY_POST_ID, it)
+                    }
+                )
+            },
+            onClickDelete = { postId ->
+                SodaDialog(
+                    activity = this@CreatorCommunityAllActivity,
+                    layoutInflater = layoutInflater,
+                    title = "게시물 삭제",
+                    desc = "삭제하시겠습니까?",
+                    confirmButtonTitle = "삭제",
+                    confirmButtonClick = {
+                        viewModel.deleteCommunityPostList(postId = postId)
+                    },
+                    cancelButtonTitle = "취소",
+                    cancelButtonClick = {}
+                ).show(screenWidth)
+            },
+            onClickReport = { postId ->
+                CreatorCommunityReportDialog(this@CreatorCommunityAllActivity, layoutInflater) {
+                    viewModel.report(
+                        communityPostId = postId,
+                        reason = it
+                    )
+                }.show(screenWidth)
+            }
+        )
+
+        val recyclerView = binding.rvCreatorCommunity
+        recyclerView.layoutManager = LinearLayoutManager(
+            applicationContext,
+            LinearLayoutManager.VERTICAL,
+            false
+        )
+
+        recyclerView.addItemDecoration(object : RecyclerView.ItemDecoration() {
+            override fun getItemOffsets(
+                outRect: Rect,
+                view: View,
+                parent: RecyclerView,
+                state: RecyclerView.State
+            ) {
+                super.getItemOffsets(outRect, view, parent, state)
+
+                outRect.left = 6.7f.dpToPx().toInt()
+                outRect.right = 6.7f.dpToPx().toInt()
+
+                when (parent.getChildAdapterPosition(view)) {
+                    0 -> {
+                        outRect.top = 13.3f.dpToPx().toInt()
+                        outRect.bottom = 6.7f.dpToPx().toInt()
+                    }
+
+                    adapter.itemCount - 1 -> {
+                        outRect.top = 6.7f.dpToPx().toInt()
+                        outRect.bottom = 13.3f.dpToPx().toInt()
+                    }
+
+                    else -> {
+                        outRect.top = 6.7f.dpToPx().toInt()
+                        outRect.bottom = 6.7f.dpToPx().toInt()
+                    }
+                }
+            }
+        })
+
+        recyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
+            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
+                super.onScrolled(recyclerView, dx, dy)
+
+                val lastVisiblePosition = (recyclerView.layoutManager as LinearLayoutManager)
+                    .findLastVisibleItemPosition()
+                val itemTotalCount = adapter.itemCount - 1
+
+                if (itemTotalCount > 0 && lastVisiblePosition == itemTotalCount) {
+                    viewModel.getCommunityPostList()
+                }
+            }
+        })
+
+        recyclerView.adapter = adapter
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    private fun bindData() {
+        viewModel.toastLiveData.observe(this) {
+            it?.let { Toast.makeText(applicationContext, it, Toast.LENGTH_LONG).show() }
+        }
+
+        viewModel.isLoading.observe(this) {
+            if (it) {
+                loadingDialog.show(screenWidth, "")
+            } else {
+                loadingDialog.dismiss()
+            }
+        }
+
+        viewModel.communityPostListLiveData.observe(this) {
+            if (viewModel.page == 2) {
+                adapter.items.clear()
+            }
+
+            adapter.items.addAll(it)
+            adapter.notifyDataSetChanged()
+        }
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/all/CreatorCommunityAllAdapter.kt

@@ -0,0 +1,215 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.content.Intent
+import android.net.Uri
+import android.text.Spannable
+import android.text.SpannableString
+import android.text.method.LinkMovementMethod
+import android.text.style.ClickableSpan
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.TextView
+import androidx.appcompat.widget.PopupMenu
+import androidx.recyclerview.widget.RecyclerView
+import coil.load
+import coil.transform.CircleCropTransformation
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.databinding.ItemCreatorCommunityAllBinding
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostListResponse
+import kr.co.vividnext.sodalive.extensions.loadUrl
+import java.util.regex.Pattern
+
+class CreatorCommunityAllAdapter(
+    private val onClickLike: (Long) -> Unit,
+    private val writeComment: (Long, Long?, String) -> Unit,
+    private val showCommentBottomSheetDialog: (Long) -> Unit,
+    private val onClickModify: (Long) -> Unit,
+    private val onClickDelete: (Long) -> Unit,
+    private val onClickReport: (Long) -> Unit
+) : RecyclerView.Adapter<CreatorCommunityAllAdapter.ViewHolder>() {
+
+    val items = mutableListOf<GetCommunityPostListResponse>()
+
+    inner class ViewHolder(
+        private val context: Context,
+        private val binding: ItemCreatorCommunityAllBinding
+    ) : RecyclerView.ViewHolder(binding.root) {
+        @SuppressLint("NotifyDataSetChanged")
+        fun bind(item: GetCommunityPostListResponse, index: Int) {
+            binding.tvDate.text = item.date
+            binding.tvNickname.text = item.creatorNickname
+            binding.ivCreatorProfile.loadUrl(item.creatorProfileUrl) {
+                crossfade(true)
+                placeholder(R.drawable.bg_placeholder)
+                transformations(CircleCropTransformation())
+            }
+
+            setNoticeAndClickableUrl(binding.tvContent, item.content)
+            binding.tvContent.setOnClickListener {
+                items[index] = items[index].copy(
+                    isExpand = !item.isExpand,
+                )
+                notifyDataSetChanged()
+            }
+            binding.tvContent.maxLines = if (item.isExpand) {
+                Int.MAX_VALUE
+            } else {
+                3
+            }
+
+            binding.ivSeeMore.setOnClickListener {
+                showOptionMenu(
+                    context = context,
+                    v = binding.ivSeeMore,
+                    postId = item.postId,
+                    creatorId = item.creatorId
+                )
+            }
+
+            binding.ivLike.setImageResource(
+                if (item.isLike) {
+                    R.drawable.ic_audio_content_heart_pressed
+                } else {
+                    R.drawable.ic_audio_content_heart_normal
+                }
+            )
+
+            binding.tvLike.text = "${item.likeCount}"
+            binding.llLike.setOnClickListener {
+                val isLike = !item.isLike
+
+                items[index] = items[index].copy(
+                    isLike = !item.isLike,
+                    likeCount = if (isLike) item.likeCount + 1 else item.likeCount - 1
+                )
+                notifyDataSetChanged()
+
+                onClickLike(item.postId)
+            }
+
+            if (item.imageUrl != null) {
+                binding.ivContent.visibility = View.VISIBLE
+                binding.ivContent.loadUrl(item.imageUrl) {
+                    crossfade(true)
+                    placeholder(R.drawable.bg_placeholder)
+                }
+            } else {
+                binding.ivContent.visibility = View.GONE
+            }
+
+            if (item.isCommentAvailable) {
+                binding.llComment.visibility = View.VISIBLE
+                binding.tvCommentCount.text = "${item.commentCount}"
+            } else {
+                binding.llComment.visibility = View.GONE
+            }
+
+            if (item.commentCount > 0) {
+                binding.ivCommentProfile.load(item.firstComment!!.profileUrl) {
+                    crossfade(true)
+                    placeholder(R.drawable.bg_placeholder)
+                    transformations(CircleCropTransformation())
+                }
+                binding.tvCommentText.text = item.firstComment.comment
+                binding.tvCommentText.visibility = View.VISIBLE
+                binding.rlInputComment.visibility = View.GONE
+
+                binding.llComment.setOnClickListener { showCommentBottomSheetDialog(item.postId) }
+            } else {
+                binding.tvCommentText.visibility = View.GONE
+                binding.rlInputComment.visibility = View.VISIBLE
+                binding.ivCommentProfile.load(SharedPreferenceManager.profileImage) {
+                    crossfade(true)
+                    placeholder(R.drawable.bg_placeholder)
+                    transformations(CircleCropTransformation())
+                }
+
+                binding.ivCommentSend.setOnClickListener {
+                    val comment = binding.etComment.text.toString()
+                    binding.etComment.setText("")
+                    writeComment(item.postId, null, comment)
+                }
+
+                binding.llComment.setOnClickListener {}
+            }
+        }
+
+        private fun setNoticeAndClickableUrl(textView: TextView, text: String) {
+            textView.text = text
+
+            val spannable = SpannableString(text)
+            val pattern = Pattern.compile("https?://\\S+")
+            val matcher = pattern.matcher(spannable)
+
+            while (matcher.find()) {
+                val start = matcher.start()
+                val end = matcher.end()
+                val clickableSpan = object : ClickableSpan() {
+                    override fun onClick(widget: View) {
+                        val url = spannable.subSequence(start, end).toString()
+                        context.startActivity(Intent(Intent.ACTION_VIEW, Uri.parse(url)))
+                    }
+                }
+                spannable.setSpan(clickableSpan, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
+            }
+
+            textView.text = spannable
+            textView.movementMethod = LinkMovementMethod.getInstance()
+        }
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(
+        parent.context,
+        ItemCreatorCommunityAllBinding.inflate(
+            LayoutInflater.from(parent.context),
+            parent,
+            false
+        )
+    )
+
+    override fun getItemCount() = items.size
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        holder.bind(items[position], position)
+    }
+
+    private fun showOptionMenu(
+        context: Context,
+        v: View,
+        postId: Long,
+        creatorId: Long
+    ) {
+        val popup = PopupMenu(context, v)
+        val inflater = popup.menuInflater
+
+        if (creatorId == SharedPreferenceManager.userId) {
+            inflater.inflate(R.menu.community_post_creator_option_menu, popup.menu)
+        } else {
+            inflater.inflate(R.menu.community_post_option_menu, popup.menu)
+        }
+
+        popup.setOnMenuItemClickListener {
+            when (it.itemId) {
+                R.id.menu_modify -> {
+                    onClickModify(postId)
+                }
+
+                R.id.menu_delete -> {
+                    onClickDelete(postId)
+                }
+
+                R.id.menu_report -> {
+                    onClickReport(postId)
+                }
+            }
+
+            true
+        }
+
+        popup.show()
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/all/CreatorCommunityAllViewModel.kt

@@ -0,0 +1,223 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import com.google.gson.Gson
+import com.orhanobut.logger.Logger
+import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
+import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.CreatorCommunityRepository
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostListResponse
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.modify.ModifyCommunityPostRequest
+import kr.co.vividnext.sodalive.report.ReportRepository
+import kr.co.vividnext.sodalive.report.ReportRequest
+import kr.co.vividnext.sodalive.report.ReportType
+import okhttp3.MediaType.Companion.toMediaType
+import okhttp3.RequestBody.Companion.toRequestBody
+
+class CreatorCommunityAllViewModel(
+    private val repository: CreatorCommunityRepository,
+    private val reportRepository: ReportRepository
+) : BaseViewModel() {
+    private val _toastLiveData = MutableLiveData<String?>()
+    val toastLiveData: LiveData<String?>
+        get() = _toastLiveData
+
+    private var _isLoading = MutableLiveData(false)
+    val isLoading: LiveData<Boolean>
+        get() = _isLoading
+
+    private var _communityPostListLiveData = MutableLiveData<List<GetCommunityPostListResponse>>()
+    val communityPostListLiveData: LiveData<List<GetCommunityPostListResponse>>
+        get() = _communityPostListLiveData
+
+    var page = 1
+    var isLast = false
+    private val pageSize = 10
+
+    var creatorId = 0L
+
+    fun getCommunityPostList() {
+        if (!_isLoading.value!! && !isLast) {
+            _isLoading.value = true
+            compositeDisposable.add(
+                repository
+                    .getCommunityPostList(
+                        creatorId = creatorId,
+                        page = page,
+                        size = pageSize,
+                        token = "Bearer ${SharedPreferenceManager.token}"
+                    )
+                    .subscribeOn(Schedulers.io())
+                    .observeOn(AndroidSchedulers.mainThread())
+                    .subscribe(
+                        {
+                            if (it.success && it.data != null) {
+                                if (it.data.isNotEmpty()) {
+                                    page += 1
+                                    _communityPostListLiveData.postValue(it.data!!)
+                                } else {
+                                    isLast = true
+                                }
+                            } else {
+                                if (it.message != null) {
+                                    _toastLiveData.postValue(it.message)
+                                } else {
+                                    _toastLiveData.postValue(
+                                        "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                    )
+                                }
+                            }
+
+                            _isLoading.value = false
+                        },
+                        {
+                            _isLoading.value = false
+                            it.message?.let { message -> Logger.e(message) }
+                            _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                        }
+                    )
+            )
+        }
+    }
+
+    fun deleteCommunityPostList(postId: Long) {
+        if (!_isLoading.value!!) {
+            _isLoading.value = true
+
+            val request = ModifyCommunityPostRequest(
+                creatorCommunityId = postId,
+                isActive = false
+            )
+
+            val requestJson = Gson().toJson(request)
+
+            compositeDisposable.add(
+                repository.modifyCommunityPost(
+                    null,
+                    request = requestJson.toRequestBody("text/plain".toMediaType()),
+                    token = "Bearer ${SharedPreferenceManager.token}"
+                )
+                    .subscribeOn(Schedulers.io())
+                    .observeOn(AndroidSchedulers.mainThread())
+                    .subscribe(
+                        {
+                            _isLoading.value = false
+                            if (it.success) {
+                                page = 1
+                                isLast = false
+                                getCommunityPostList()
+                            } else {
+                                if (it.message != null) {
+                                    _toastLiveData.postValue(it.message)
+                                } else {
+                                    _toastLiveData.postValue(
+                                        "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                    )
+                                }
+                            }
+                        },
+                        {
+                            _isLoading.value = false
+                            it.message?.let { message -> Logger.e(message) }
+                            _toastLiveData.postValue(
+                                "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                            )
+                        }
+                    )
+            )
+        }
+    }
+
+    fun communityPostLike(postId: Long) {
+        compositeDisposable.add(
+            repository.communityPostLike(
+                postId = postId,
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe({}, {})
+        )
+
+    }
+
+    fun registerComment(comment: String, postId: Long, parentId: Long? = null) {
+        if (!_isLoading.value!!) {
+            _isLoading.value = true
+        }
+
+        compositeDisposable.add(
+            repository.registerComment(
+                postId = postId,
+                comment = comment,
+                parentId = parentId,
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        _isLoading.value = false
+
+                        if (it.success) {
+                            page = 1
+                            isLast = false
+                            getCommunityPostList()
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                )
+                            }
+                        }
+                    },
+                    {
+                        _isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
+
+    fun report(communityPostId: Long, reason: String) {
+        _isLoading.value = true
+        val request = ReportRequest(
+            type = ReportType.COMMUNITY_POST,
+            reason = reason,
+            communityPostId = communityPostId
+        )
+
+        compositeDisposable.add(
+            reportRepository.report(
+                request = request,
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.message != null) {
+                            _toastLiveData.postValue(it.message)
+                        } else {
+                            _toastLiveData.postValue(
+                                "신고가 접수되었습니다."
+                            )
+                        }
+
+                        _isLoading.value = false
+                    },
+                    {
+                        _isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("신고가 접수되었습니다.")
+                    }
+                )
+        )
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/all/CreatorCommunityReportDialog.kt

@@ -0,0 +1,60 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all
+
+import android.app.Activity
+import android.graphics.Color
+import android.graphics.drawable.ColorDrawable
+import android.view.LayoutInflater
+import android.view.WindowManager
+import android.widget.RadioButton
+import android.widget.Toast
+import androidx.appcompat.app.AlertDialog
+import kr.co.vividnext.sodalive.databinding.DialogCommunityPostReportBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
+
+class CreatorCommunityReportDialog(
+    activity: Activity,
+    layoutInflater: LayoutInflater,
+    confirmButtonClick: (String) -> Unit
+) {
+    private val alertDialog: AlertDialog
+    val dialogView = DialogCommunityPostReportBinding.inflate(layoutInflater)
+    var reason = ""
+
+    init {
+        val dialogBuilder = AlertDialog.Builder(activity)
+        dialogBuilder.setView(dialogView.root)
+
+        alertDialog = dialogBuilder.create()
+        alertDialog.setCancelable(false)
+        alertDialog.window?.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
+
+        dialogView.tvCancel.setOnClickListener {
+            alertDialog.dismiss()
+        }
+
+        dialogView.tvReport.setOnClickListener {
+            if (reason.isNotBlank()) {
+                alertDialog.dismiss()
+                confirmButtonClick(reason)
+            } else {
+                Toast.makeText(activity, "신고 이유를 선택하세요.", Toast.LENGTH_LONG).show()
+            }
+        }
+
+        dialogView.radioGroup.setOnCheckedChangeListener { radioGroup, checkedId ->
+            val radioButton = radioGroup.findViewById<RadioButton>(checkedId)
+            reason = radioButton.text.toString()
+        }
+    }
+
+    fun show(width: Int) {
+        alertDialog.show()
+
+        val lp = WindowManager.LayoutParams()
+        lp.copyFrom(alertDialog.window?.attributes)
+        lp.width = width - (26.7f.dpToPx()).toInt()
+        lp.height = WindowManager.LayoutParams.WRAP_CONTENT
+
+        alertDialog.window?.attributes = lp
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/all/PostCommunityPostLikeRequest.kt

@@ -0,0 +1,7 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all
+
+import com.google.gson.annotations.SerializedName
+
+data class PostCommunityPostLikeRequest(
+    @SerializedName("postId") val postId: Long
+)

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/all/comment/CreateCommunityPostCommentRequest.kt

@@ -0,0 +1,9 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all.comment
+
+import com.google.gson.annotations.SerializedName
+
+data class CreateCommunityPostCommentRequest(
+    @SerializedName("comment") val comment: String,
+    @SerializedName("postId") val postId: Long,
+    @SerializedName("parentId") val parentId: Long?
+)

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/all/comment/CreatorCommunityCommentAdapter.kt

@@ -0,0 +1,128 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all.comment
+
+import android.content.Context
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.appcompat.widget.PopupMenu
+import androidx.recyclerview.widget.RecyclerView
+import coil.load
+import coil.transform.CircleCropTransformation
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.databinding.ItemCommunityPostCommentBinding
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostCommentListItem
+
+class CreatorCommunityCommentAdapter(
+    private val creatorId: Long,
+    private val modifyComment: (Long, String) -> Unit,
+    private val onClickDelete: (Long) -> Unit,
+    private val onItemClick: (GetCommunityPostCommentListItem) -> Unit
+) : RecyclerView.Adapter<CreatorCommunityCommentAdapter.ViewHolder>() {
+    var items = mutableSetOf<GetCommunityPostCommentListItem>()
+
+    inner class ViewHolder(
+        private val context: Context,
+        private val binding: ItemCommunityPostCommentBinding
+    ) : RecyclerView.ViewHolder(binding.root) {
+
+        fun bind(item: GetCommunityPostCommentListItem) {
+            binding.ivCommentProfile.load(item.profileUrl) {
+                crossfade(true)
+                placeholder(R.drawable.bg_placeholder)
+                transformations(CircleCropTransformation())
+            }
+
+            binding.tvComment.text = item.comment
+            binding.tvCommentDate.text = item.date
+            binding.tvCommentNickname.text = item.nickname
+
+            binding.tvWriteReply.text = if (item.replyCount > 0) {
+                "답글 ${item.replyCount}개"
+            } else {
+                "답글 쓰기"
+            }
+
+            if (
+                item.writerId == SharedPreferenceManager.userId ||
+                creatorId == SharedPreferenceManager.userId
+            ) {
+                binding.etCommentModify.setText(item.comment)
+                binding.ivMenu.visibility = View.VISIBLE
+                binding.ivMenu.setOnClickListener {
+                    showOptionMenu(
+                        context,
+                        binding.ivMenu,
+                        commentId = item.id,
+                        writerId = item.writerId,
+                        creatorId = creatorId,
+                        onClickModify = {
+                            binding.rlCommentModify.visibility = View.VISIBLE
+                            binding.tvComment.visibility = View.GONE
+                        }
+                    )
+                }
+
+                binding.tvModify.setOnClickListener {
+                    binding.rlCommentModify.visibility = View.GONE
+                    binding.tvComment.visibility = View.VISIBLE
+                    modifyComment(item.id, binding.etCommentModify.text.toString())
+                }
+            } else {
+                binding.ivMenu.visibility = View.GONE
+            }
+
+            binding.tvWriteReply.setOnClickListener { onItemClick(item) }
+            binding.root.setOnClickListener { onItemClick(item) }
+        }
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(
+        parent.context,
+        ItemCommunityPostCommentBinding.inflate(
+            LayoutInflater.from(parent.context),
+            parent,
+            false
+        )
+    )
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        holder.bind(items.toList()[position])
+    }
+
+    override fun getItemCount() = items.size
+
+    private fun showOptionMenu(
+        context: Context,
+        v: View,
+        commentId: Long,
+        writerId: Long,
+        creatorId: Long,
+        onClickModify: () -> Unit
+    ) {
+        val popup = PopupMenu(context, v)
+        val inflater = popup.menuInflater
+
+        if (writerId == SharedPreferenceManager.userId) {
+            inflater.inflate(R.menu.content_comment_option_menu, popup.menu)
+        } else if (creatorId == SharedPreferenceManager.userId) {
+            inflater.inflate(R.menu.content_comment_option_menu2, popup.menu)
+        }
+
+        popup.setOnMenuItemClickListener {
+            when (it.itemId) {
+                R.id.menu_review_modify -> {
+                    onClickModify()
+                }
+
+                R.id.menu_review_delete -> {
+                    onClickDelete(commentId)
+                }
+            }
+
+            true
+        }
+
+        popup.show()
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/all/comment/CreatorCommunityCommentFragment.kt

@@ -0,0 +1,78 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all.comment
+
+import android.app.Dialog
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.FrameLayout
+import com.google.android.material.bottomsheet.BottomSheetBehavior
+import com.google.android.material.bottomsheet.BottomSheetDialog
+import com.google.android.material.bottomsheet.BottomSheetDialogFragment
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.databinding.DialogAudioContentCommentBinding
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostCommentListItem
+
+class CreatorCommunityCommentFragment(
+    private val creatorId: Long,
+    private val postId: Long
+) : BottomSheetDialogFragment() {
+
+    private lateinit var binding: DialogAudioContentCommentBinding
+
+    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
+        val dialog = super.onCreateDialog(savedInstanceState)
+
+        dialog.setOnShowListener {
+            val d = it as BottomSheetDialog
+            val bottomSheet = d.findViewById<FrameLayout>(
+                com.google.android.material.R.id.design_bottom_sheet
+            )
+            if (bottomSheet != null) {
+                BottomSheetBehavior.from(bottomSheet).state = BottomSheetBehavior.STATE_EXPANDED
+            }
+        }
+
+        return dialog
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        binding = DialogAudioContentCommentBinding.inflate(inflater, container, false)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        val commentListFragmentTag = "COMMENT_LIST_FRAGMENT"
+        val commentListFragment = CreatorCommunityCommentListFragment.newInstance(
+            creatorId = creatorId,
+            postId = postId
+        )
+        val fragmentTransaction = childFragmentManager.beginTransaction()
+        fragmentTransaction.add(R.id.fl_container, commentListFragment, commentListFragmentTag)
+        fragmentTransaction.addToBackStack(commentListFragmentTag)
+        fragmentTransaction.commit()
+    }
+
+    fun hideCommentDialog() {
+        dialog?.dismiss()
+    }
+
+    fun onClickComment(comment: GetCommunityPostCommentListItem) {
+        val commentReplyFragmentTag = "COMMENT_REPLY_FRAGMENT"
+        val commentReplyFragment = CreatorCommunityCommentReplyFragment.newInstance(
+            creatorId = creatorId,
+            postId = postId,
+            comment = comment
+        )
+        val fragmentTransaction = childFragmentManager.beginTransaction()
+        fragmentTransaction.add(R.id.fl_container, commentReplyFragment, commentReplyFragmentTag)
+        fragmentTransaction.addToBackStack(commentReplyFragmentTag)
+        fragmentTransaction.commit()
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/all/comment/CreatorCommunityCommentListFragment.kt

@@ -0,0 +1,214 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all.comment
+
+import android.annotation.SuppressLint
+import android.app.Service
+import android.graphics.Rect
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.view.inputmethod.InputMethodManager
+import android.widget.Toast
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import coil.load
+import coil.transform.CircleCropTransformation
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.base.BaseFragment
+import kr.co.vividnext.sodalive.base.SodaDialog
+import kr.co.vividnext.sodalive.common.Constants
+import kr.co.vividnext.sodalive.common.LoadingDialog
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.databinding.FragmentAudioContentCommentListBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
+import org.koin.android.ext.android.inject
+
+class CreatorCommunityCommentListFragment : BaseFragment<FragmentAudioContentCommentListBinding>(
+    FragmentAudioContentCommentListBinding::inflate
+) {
+    private val viewModel: CreatorCommunityCommentListViewModel by inject()
+
+    private lateinit var imm: InputMethodManager
+    private lateinit var loadingDialog: LoadingDialog
+    private lateinit var adapter: CreatorCommunityCommentAdapter
+
+    private var creatorId: Long = 0
+    private var postId: Long = 0
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        creatorId = arguments?.getLong(Constants.EXTRA_COMMUNITY_CREATOR_ID) ?: 0
+        postId = arguments?.getLong(Constants.EXTRA_COMMUNITY_POST_ID) ?: 0
+        return super.onCreateView(inflater, container, savedInstanceState)
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        loadingDialog = LoadingDialog(requireActivity(), layoutInflater)
+        imm = requireContext().getSystemService(
+            Service.INPUT_METHOD_SERVICE
+        ) as InputMethodManager
+
+        setupView()
+        bindData()
+        viewModel.getCommentList(postId) { hideDialog() }
+    }
+
+    private fun hideDialog() {
+        (parentFragment as CreatorCommunityCommentFragment).hideCommentDialog()
+    }
+
+    private fun setupView() {
+        binding.ivClose.setOnClickListener { hideDialog() }
+
+        binding.ivCommentProfile.load(SharedPreferenceManager.profileImage) {
+            crossfade(true)
+            placeholder(R.drawable.ic_place_holder)
+            transformations(CircleCropTransformation())
+        }
+
+        binding.ivCommentSend.setOnClickListener {
+            hideKeyboard()
+            val comment = binding.etComment.text.toString()
+            binding.etComment.setText("")
+            viewModel.registerComment(postId, comment)
+        }
+
+        adapter = CreatorCommunityCommentAdapter(
+            creatorId = creatorId,
+            modifyComment = { commentId, comment ->
+                hideKeyboard()
+                viewModel.modifyComment(
+                    commentId = commentId,
+                    postId = postId,
+                    comment = comment
+                )
+            },
+            onClickDelete = {
+                SodaDialog(
+                    activity = requireActivity(),
+                    layoutInflater = layoutInflater,
+                    title = "댓글 삭제",
+                    desc = "삭제하시겠습니까?",
+                    confirmButtonTitle = "삭제",
+                    confirmButtonClick = {
+                        viewModel.modifyComment(
+                            commentId = it,
+                            postId = postId,
+                            isActive = false
+                        )
+                    },
+                    cancelButtonTitle = "취소",
+                    cancelButtonClick = {}
+                ).show(screenWidth)
+            },
+            onItemClick = {
+                (parentFragment as CreatorCommunityCommentFragment).onClickComment(it)
+            }
+        )
+
+        val recyclerView = binding.rvComment
+        recyclerView.setHasFixedSize(true)
+        recyclerView.layoutManager = LinearLayoutManager(
+            activity,
+            LinearLayoutManager.VERTICAL,
+            false
+        )
+        recyclerView.addItemDecoration(object : RecyclerView.ItemDecoration() {
+            override fun getItemOffsets(
+                outRect: Rect,
+                view: View,
+                parent: RecyclerView,
+                state: RecyclerView.State
+            ) {
+                super.getItemOffsets(outRect, view, parent, state)
+
+                outRect.left = 13.3f.dpToPx().toInt()
+                outRect.right = 13.3f.dpToPx().toInt()
+
+                when (parent.getChildAdapterPosition(view)) {
+                    0 -> {
+                        outRect.top = 13.3f.dpToPx().toInt()
+                        outRect.bottom = 6.7f.dpToPx().toInt()
+                    }
+
+                    adapter.itemCount - 1 -> {
+                        outRect.top = 6.7f.dpToPx().toInt()
+                        outRect.bottom = 13.3f.dpToPx().toInt()
+                    }
+
+                    else -> {
+                        outRect.top = 6.7f.dpToPx().toInt()
+                        outRect.bottom = 6.7f.dpToPx().toInt()
+                    }
+                }
+            }
+        })
+
+        recyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
+            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
+                super.onScrolled(recyclerView, dx, dy)
+
+                val lastVisibleItemPosition = (recyclerView.layoutManager as LinearLayoutManager?)!!
+                    .findLastCompletelyVisibleItemPosition()
+                val itemTotalCount = recyclerView.adapter!!.itemCount - 1
+
+                // 스크롤이 끝에 도달했는지 확인
+                if (!recyclerView.canScrollVertically(1) &&
+                    lastVisibleItemPosition == itemTotalCount
+                ) {
+                    viewModel.getCommentList(postId = postId)
+                }
+            }
+        })
+
+        recyclerView.adapter = adapter
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    private fun bindData() {
+        viewModel.isLoading.observe(viewLifecycleOwner) {
+            if (it) {
+                loadingDialog.show(screenWidth)
+            } else {
+                loadingDialog.dismiss()
+            }
+        }
+
+        viewModel.toastLiveData.observe(viewLifecycleOwner) {
+            it?.let { Toast.makeText(requireContext(), it, Toast.LENGTH_LONG).show() }
+        }
+
+        viewModel.totalCommentCount.observe(viewLifecycleOwner) {
+            binding.tvCommentCount.text = "$it"
+        }
+
+        viewModel.commentList.observe(viewLifecycleOwner) {
+            if (viewModel.page - 1 == 1) {
+                adapter.items.clear()
+                binding.rvComment.scrollToPosition(0)
+            }
+
+            adapter.items.addAll(it)
+            adapter.notifyDataSetChanged()
+        }
+    }
+
+    private fun hideKeyboard() {
+        imm.hideSoftInputFromWindow(view?.windowToken, 0)
+    }
+
+    companion object {
+        fun newInstance(creatorId: Long, postId: Long): CreatorCommunityCommentListFragment {
+            val args = Bundle()
+            args.putLong(Constants.EXTRA_COMMUNITY_CREATOR_ID, creatorId)
+            args.putLong(Constants.EXTRA_COMMUNITY_POST_ID, postId)
+
+            val fragment = CreatorCommunityCommentListFragment()
+            fragment.arguments = args
+            return fragment
+        }
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/all/comment/CreatorCommunityCommentListViewModel.kt

@@ -0,0 +1,248 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all.comment
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import com.orhanobut.logger.Logger
+import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
+import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.audio_content.comment.ModifyCommentRequest
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.CreatorCommunityRepository
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostCommentListItem
+
+class CreatorCommunityCommentListViewModel(
+    private val repository: CreatorCommunityRepository
+) : BaseViewModel() {
+    private val _toastLiveData = MutableLiveData<String?>()
+    val toastLiveData: LiveData<String?>
+        get() = _toastLiveData
+
+    private var _isLoading = MutableLiveData(false)
+    val isLoading: LiveData<Boolean>
+        get() = _isLoading
+
+    private var _commentList = MutableLiveData<List<GetCommunityPostCommentListItem>>()
+    val commentList: LiveData<List<GetCommunityPostCommentListItem>>
+        get() = _commentList
+
+    private var _totalCommentCount = MutableLiveData(0)
+    val totalCommentCount: LiveData<Int>
+        get() = _totalCommentCount
+
+    var page = 1
+    private var isLast = false
+    private val size = 10
+
+    fun getCommentList(postId: Long, onFailure: (() -> Unit)? = null) {
+        if (!_isLoading.value!! && !isLast) {
+            _isLoading.value = true
+            compositeDisposable.add(
+                repository.getCommunityPostCommentList(
+                    postId = postId,
+                    page = page - 1,
+                    size = size,
+                    token = "Bearer ${SharedPreferenceManager.token}"
+                )
+                    .subscribeOn(Schedulers.io())
+                    .observeOn(AndroidSchedulers.mainThread())
+                    .subscribe(
+                        {
+                            if (it.success && it.data != null) {
+                                _totalCommentCount.postValue(it.data.totalCount)
+
+                                page += 1
+                                if (it.data.items.isNotEmpty()) {
+                                    _commentList.postValue(it.data.items)
+                                } else {
+                                    isLast = true
+                                    _commentList.postValue(listOf())
+                                }
+                            } else {
+                                if (it.message != null) {
+                                    _toastLiveData.postValue(it.message)
+                                } else {
+                                    _toastLiveData.postValue(
+                                        "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                    )
+                                }
+
+                                if (onFailure != null) {
+                                    onFailure()
+                                }
+                            }
+
+                            _isLoading.value = false
+                        },
+                        {
+                            _isLoading.value = false
+                            it.message?.let { message -> Logger.e(message) }
+                            _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                            if (onFailure != null) {
+                                onFailure()
+                            }
+                        }
+                    )
+            )
+        }
+    }
+
+    fun registerComment(postId: Long, comment: String, commentId: Long? = null) {
+        if (!_isLoading.value!!) {
+            _isLoading.value = true
+        }
+
+        compositeDisposable.add(
+            repository.registerComment(
+                postId = postId,
+                comment = comment,
+                parentId = commentId,
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        _isLoading.value = false
+
+                        if (it.success) {
+                            page = 1
+                            isLast = false
+                            if (commentId != null) {
+                                getCommentReplyList(commentId = commentId)
+                            } else {
+                                getCommentList(postId)
+                            }
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                )
+                            }
+                        }
+                    },
+                    {
+                        _isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
+
+    fun modifyComment(
+        commentId: Long,
+        postId: Long,
+        parentCommentId: Long? = null,
+        comment: String? = null,
+        isActive: Boolean? = null
+    ) {
+        if (comment == null && isActive == null) {
+            _toastLiveData.postValue("변경사항이 없습니다.")
+            return
+        }
+
+        if (comment != null && comment.isBlank()) {
+            _toastLiveData.postValue("내용을 입력하세요")
+            return
+        }
+
+        _isLoading.value = true
+
+        val request = ModifyCommentRequest(commentId = commentId)
+
+        if (comment != null) {
+            request.comment = comment
+        }
+
+        if (isActive != null) {
+            request.isActive = isActive
+        }
+
+        compositeDisposable.add(
+            repository.modifyComment(
+                request = request,
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        _isLoading.value = false
+
+                        if (it.success) {
+                            page = 1
+                            isLast = false
+
+                            if (parentCommentId != null) {
+                                getCommentReplyList(parentCommentId)
+                            } else {
+                                getCommentList(postId)
+                            }
+                        } else {
+                            val message = it.message ?: "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                            _toastLiveData.postValue(message)
+                        }
+                    },
+                    {
+                        _isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
+
+    fun getCommentReplyList(commentId: Long, onFailure: (() -> Unit)? = null) {
+        if (!_isLoading.value!! && !isLast) {
+            _isLoading.value = true
+            compositeDisposable.add(
+                repository.getCommentReplyList(
+                    commentId = commentId,
+                    page = page - 1,
+                    size = size,
+                    token = "Bearer ${SharedPreferenceManager.token}"
+                )
+                    .subscribeOn(Schedulers.io())
+                    .observeOn(AndroidSchedulers.mainThread())
+                    .subscribe(
+                        {
+                            if (it.success && it.data != null) {
+                                page += 1
+                                if (it.data.items.isNotEmpty()) {
+                                    _commentList.postValue(it.data.items)
+                                } else {
+                                    isLast = true
+                                    _commentList.postValue(listOf())
+                                }
+                            } else {
+                                if (it.message != null) {
+                                    _toastLiveData.postValue(it.message)
+                                } else {
+                                    _toastLiveData.postValue(
+                                        "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                    )
+                                }
+
+                                if (onFailure != null) {
+                                    onFailure()
+                                }
+                            }
+
+                            _isLoading.value = false
+                        },
+                        {
+                            _isLoading.value = false
+                            it.message?.let { message -> Logger.e(message) }
+                            _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                            if (onFailure != null) {
+                                onFailure()
+                            }
+                        }
+                    )
+            )
+        }
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/all/comment/CreatorCommunityCommentReplyAdapter.kt

@@ -0,0 +1,173 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all.comment
+
+import android.content.Context
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.appcompat.widget.PopupMenu
+import androidx.recyclerview.widget.RecyclerView
+import androidx.viewbinding.ViewBinding
+import coil.load
+import coil.transform.CircleCropTransformation
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.databinding.ItemCommunityPostCommentBinding
+import kr.co.vividnext.sodalive.databinding.ItemCommunityPostCommentReplyBinding
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostCommentListItem
+import kr.co.vividnext.sodalive.extensions.loadUrl
+
+class CreatorCommunityCommentReplyAdapter(
+    private val creatorId: Long,
+    private val modifyComment: (Long, String) -> Unit,
+    private val onClickDelete: (Long) -> Unit
+) : RecyclerView.Adapter<CreatorCommunityCommentReplyViewHolder>() {
+    var items = mutableSetOf<GetCommunityPostCommentListItem>()
+    override fun onCreateViewHolder(
+        parent: ViewGroup,
+        viewType: Int
+    ): CreatorCommunityCommentReplyViewHolder {
+        return if (viewType == 0) {
+            CreatorCommunityCommentReplyHeaderViewHolder(
+                binding = ItemCommunityPostCommentBinding.inflate(
+                    LayoutInflater.from(parent.context),
+                    parent,
+                    false
+                )
+            )
+        } else {
+            CreatorCommunityCommentReplyItemViewHolder(
+                context = parent.context,
+                creatorId = creatorId,
+                binding = ItemCommunityPostCommentReplyBinding.inflate(
+                    LayoutInflater.from(parent.context),
+                    parent,
+                    false
+                ),
+                showOptionMenu = { context, view, commentId, writerId, creatorId, onClickModify ->
+                    showOptionMenu(context, view, commentId, writerId, creatorId, onClickModify)
+                },
+                modifyComment = modifyComment
+            )
+        }
+    }
+
+    override fun onBindViewHolder(holder: CreatorCommunityCommentReplyViewHolder, position: Int) {
+        holder.bind(items.toList()[position])
+    }
+
+    override fun getItemCount() = items.size
+
+    override fun getItemViewType(position: Int): Int {
+        return position
+    }
+
+    private fun showOptionMenu(
+        context: Context,
+        v: View,
+        commentId: Long,
+        writerId: Long,
+        creatorId: Long,
+        onClickModify: () -> Unit
+    ) {
+        val popup = PopupMenu(context, v)
+        val inflater = popup.menuInflater
+
+        if (writerId == SharedPreferenceManager.userId) {
+            inflater.inflate(R.menu.content_comment_option_menu, popup.menu)
+        } else if (creatorId == SharedPreferenceManager.userId) {
+            inflater.inflate(R.menu.content_comment_option_menu2, popup.menu)
+        }
+
+        popup.setOnMenuItemClickListener {
+            when (it.itemId) {
+                R.id.menu_review_modify -> {
+                    onClickModify()
+                }
+
+                R.id.menu_review_delete -> {
+                    onClickDelete(commentId)
+                }
+            }
+
+            true
+        }
+
+        popup.show()
+    }
+}
+
+abstract class CreatorCommunityCommentReplyViewHolder(
+    binding: ViewBinding
+) : RecyclerView.ViewHolder(binding.root) {
+    abstract fun bind(item: GetCommunityPostCommentListItem)
+}
+
+class CreatorCommunityCommentReplyHeaderViewHolder(
+    private val binding: ItemCommunityPostCommentBinding
+) : CreatorCommunityCommentReplyViewHolder(binding) {
+    override fun bind(item: GetCommunityPostCommentListItem) {
+        binding.ivCommentProfile.loadUrl(item.profileUrl) {
+            crossfade(true)
+            placeholder(R.drawable.ic_place_holder)
+            transformations(CircleCropTransformation())
+        }
+
+        binding.tvComment.text = item.comment
+        binding.tvCommentDate.text = item.date
+        binding.tvCommentNickname.text = item.nickname
+
+        binding.tvWriteReply.visibility = View.GONE
+        binding.ivMenu.visibility = View.GONE
+    }
+}
+
+class CreatorCommunityCommentReplyItemViewHolder(
+    private val context: Context,
+    private val creatorId: Long,
+    private val binding: ItemCommunityPostCommentReplyBinding,
+    private val showOptionMenu: (
+        Context, View, Long, Long, Long, onClickModify: () -> Unit
+    ) -> Unit,
+    private val modifyComment: (Long, String) -> Unit
+) : CreatorCommunityCommentReplyViewHolder(binding) {
+    override fun bind(item: GetCommunityPostCommentListItem) {
+        binding.ivCommentProfile.load(item.profileUrl) {
+            crossfade(true)
+            placeholder(R.drawable.ic_place_holder)
+            transformations(CircleCropTransformation())
+        }
+
+        binding.tvComment.text = item.comment
+        binding.tvCommentDate.text = item.date
+        binding.tvCommentNickname.text = item.nickname
+
+        if (
+            item.writerId == SharedPreferenceManager.userId ||
+            creatorId == SharedPreferenceManager.userId
+        ) {
+            binding.etCommentModify.setText(item.comment)
+            binding.ivMenu.visibility = View.VISIBLE
+            binding.ivMenu.setOnClickListener {
+                showOptionMenu(
+                    context,
+                    binding.ivMenu,
+                    item.id,
+                    item.writerId,
+                    creatorId
+                ) {
+                    binding.rlCommentModify.visibility = View.VISIBLE
+                    binding.tvComment.visibility = View.GONE
+                }
+            }
+
+            binding.tvModify.setOnClickListener {
+                binding.rlCommentModify.visibility = View.GONE
+                binding.tvComment.visibility = View.VISIBLE
+                modifyComment(item.id, binding.etCommentModify.text.toString())
+            }
+        } else {
+            binding.ivMenu.visibility = View.GONE
+        }
+    }
+
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/all/comment/CreatorCommunityCommentReplyFragment.kt

@@ -0,0 +1,239 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all.comment
+
+import android.annotation.SuppressLint
+import android.app.Service
+import android.graphics.Rect
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.view.inputmethod.InputMethodManager
+import android.widget.Toast
+import androidx.core.os.BundleCompat
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import coil.load
+import coil.transform.CircleCropTransformation
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.base.BaseFragment
+import kr.co.vividnext.sodalive.base.SodaDialog
+import kr.co.vividnext.sodalive.common.Constants
+import kr.co.vividnext.sodalive.common.LoadingDialog
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.databinding.FragmentAudioContentCommentReplyBinding
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostCommentListItem
+import kr.co.vividnext.sodalive.extensions.dpToPx
+import org.koin.android.ext.android.inject
+
+class CreatorCommunityCommentReplyFragment : BaseFragment<FragmentAudioContentCommentReplyBinding>(
+    FragmentAudioContentCommentReplyBinding::inflate
+) {
+    private val viewModel: CreatorCommunityCommentListViewModel by inject()
+
+    private lateinit var imm: InputMethodManager
+    private lateinit var loadingDialog: LoadingDialog
+    private lateinit var adapter: CreatorCommunityCommentReplyAdapter
+
+    private var originalComment: GetCommunityPostCommentListItem? = null
+    private var creatorId: Long = 0
+    private var postId: Long = 0
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        creatorId = arguments?.getLong(Constants.EXTRA_COMMUNITY_CREATOR_ID) ?: 0
+        postId = arguments?.getLong(Constants.EXTRA_COMMUNITY_POST_ID) ?: 0
+        originalComment = BundleCompat.getParcelable(
+            requireArguments(),
+            Constants.EXTRA_COMMUNITY_POST_COMMENT,
+            GetCommunityPostCommentListItem::class.java
+        )
+        return super.onCreateView(inflater, container, savedInstanceState)
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        if (originalComment == null) {
+            parentFragmentManager.popBackStack()
+        }
+
+        loadingDialog = LoadingDialog(requireActivity(), layoutInflater)
+        imm = requireContext().getSystemService(
+            Service.INPUT_METHOD_SERVICE
+        ) as InputMethodManager
+
+        setupView()
+        bindData()
+        viewModel.getCommentReplyList(commentId = originalComment!!.id) {
+            parentFragmentManager.popBackStack()
+        }
+    }
+
+    private fun hideDialog() {
+        (parentFragment as CreatorCommunityCommentFragment).hideCommentDialog()
+    }
+
+    private fun setupView() {
+        binding.root.setOnClickListener { }
+
+        binding.tvBack.setOnClickListener {
+            parentFragmentManager.popBackStack()
+        }
+
+        binding.ivClose.setOnClickListener { hideDialog() }
+
+        binding.ivCommentProfile.load(SharedPreferenceManager.profileImage) {
+            crossfade(true)
+            placeholder(R.drawable.ic_place_holder)
+            transformations(CircleCropTransformation())
+        }
+
+        binding.ivCommentSend.setOnClickListener {
+            hideKeyboard()
+            val comment = binding.etComment.text.toString()
+            binding.etComment.setText("")
+            viewModel.registerComment(postId, comment, originalComment!!.id)
+        }
+
+        adapter = CreatorCommunityCommentReplyAdapter(
+            creatorId = creatorId,
+            modifyComment = { commentId, comment ->
+                hideKeyboard()
+                viewModel.modifyComment(
+                    commentId = commentId,
+                    postId = postId,
+                    parentCommentId = originalComment!!.id,
+                    comment = comment
+                )
+            },
+            onClickDelete = {
+                SodaDialog(
+                    activity = requireActivity(),
+                    layoutInflater = layoutInflater,
+                    title = "댓글 삭제",
+                    desc = "삭제하시겠습니까?",
+                    confirmButtonTitle = "삭제",
+                    confirmButtonClick = {
+                        viewModel.modifyComment(
+                            commentId = it,
+                            postId = postId,
+                            parentCommentId = originalComment!!.id,
+                            isActive = false
+                        )
+                    },
+                    cancelButtonTitle = "취소",
+                    cancelButtonClick = {}
+                ).show(screenWidth)
+            },
+        ).apply {
+            items.add(originalComment!!)
+        }
+
+        val recyclerView = binding.rvCommentReply
+        recyclerView.setHasFixedSize(true)
+        recyclerView.layoutManager = LinearLayoutManager(
+            activity,
+            LinearLayoutManager.VERTICAL,
+            false
+        )
+
+        recyclerView.addItemDecoration(object : RecyclerView.ItemDecoration() {
+            override fun getItemOffsets(
+                outRect: Rect,
+                view: View,
+                parent: RecyclerView,
+                state: RecyclerView.State
+            ) {
+                super.getItemOffsets(outRect, view, parent, state)
+
+                outRect.left = 13.3f.dpToPx().toInt()
+                outRect.right = 13.3f.dpToPx().toInt()
+
+                when (parent.getChildAdapterPosition(view)) {
+                    0 -> {
+                        outRect.top = 13.3f.dpToPx().toInt()
+                        outRect.bottom = 12f.dpToPx().toInt()
+                    }
+
+                    adapter.itemCount - 1 -> {
+                        outRect.top = 12f.dpToPx().toInt()
+                        outRect.bottom = 13.3f.dpToPx().toInt()
+                    }
+
+                    else -> {
+                        outRect.top = 12f.dpToPx().toInt()
+                        outRect.bottom = 12f.dpToPx().toInt()
+                    }
+                }
+            }
+        })
+
+        recyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
+            override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
+                super.onScrolled(recyclerView, dx, dy)
+
+                val lastVisibleItemPosition = (recyclerView.layoutManager as LinearLayoutManager?)!!
+                    .findLastCompletelyVisibleItemPosition()
+                val itemTotalCount = recyclerView.adapter!!.itemCount - 1
+
+                // 스크롤이 끝에 도달했는지 확인
+                if (!recyclerView.canScrollVertically(1) &&
+                    lastVisibleItemPosition == itemTotalCount
+                ) {
+                    viewModel.getCommentReplyList(originalComment!!.id)
+                }
+            }
+        })
+
+        recyclerView.adapter = adapter
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    private fun bindData() {
+        viewModel.isLoading.observe(viewLifecycleOwner) {
+            if (it) {
+                loadingDialog.show(screenWidth)
+            } else {
+                loadingDialog.dismiss()
+            }
+        }
+
+        viewModel.toastLiveData.observe(viewLifecycleOwner) {
+            it?.let { Toast.makeText(requireContext(), it, Toast.LENGTH_LONG).show() }
+        }
+
+        viewModel.commentList.observe(viewLifecycleOwner) {
+            if (viewModel.page - 1 == 1) {
+                adapter.items.clear()
+                binding.rvCommentReply.scrollToPosition(0)
+                adapter.items.add(originalComment!!)
+            }
+
+            adapter.items.addAll(it)
+            adapter.notifyDataSetChanged()
+        }
+    }
+
+    private fun hideKeyboard() {
+        imm.hideSoftInputFromWindow(view?.windowToken, 0)
+    }
+
+    companion object {
+        fun newInstance(
+            creatorId: Long,
+            postId: Long,
+            comment: GetCommunityPostCommentListItem
+        ): CreatorCommunityCommentReplyFragment {
+            val args = Bundle()
+            args.putLong(Constants.EXTRA_COMMUNITY_POST_ID, postId)
+            args.putLong(Constants.EXTRA_COMMUNITY_CREATOR_ID, creatorId)
+            args.putParcelable(Constants.EXTRA_COMMUNITY_POST_COMMENT, comment)
+
+            val fragment = CreatorCommunityCommentReplyFragment()
+            fragment.arguments = args
+            return fragment
+        }
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/modify/CreatorCommunityModifyActivity.kt

@@ -0,0 +1,282 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.modify
+
+import android.Manifest
+import android.annotation.SuppressLint
+import android.os.Build
+import android.os.Bundle
+import android.view.View
+import android.widget.Toast
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.core.content.ContextCompat
+import coil.load
+import coil.transform.RoundedCornersTransformation
+import com.github.dhaval2404.imagepicker.ImagePicker
+import com.gun0912.tedpermission.PermissionListener
+import com.gun0912.tedpermission.normal.TedPermission
+import com.jakewharton.rxbinding4.widget.textChanges
+import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
+import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.base.BaseActivity
+import kr.co.vividnext.sodalive.common.Constants
+import kr.co.vividnext.sodalive.common.LoadingDialog
+import kr.co.vividnext.sodalive.common.RealPathUtil
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.databinding.ActivityCreatorCommunityModifyBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
+import kr.co.vividnext.sodalive.extensions.loadUrl
+import org.koin.android.ext.android.inject
+
+class CreatorCommunityModifyActivity : BaseActivity<ActivityCreatorCommunityModifyBinding>(
+    ActivityCreatorCommunityModifyBinding::inflate
+) {
+
+    private val viewModel: CreatorCommunityModifyViewModel by inject()
+
+    private lateinit var loadingDialog: LoadingDialog
+
+    private val imageResult = registerForActivityResult(
+        ActivityResultContracts.StartActivityForResult()
+    ) { result ->
+        val resultCode = result.resultCode
+        val data = result.data
+
+        if (resultCode == RESULT_OK) {
+            val fileUri = data?.data
+
+            if (fileUri != null) {
+                binding.ivContent.background = null
+                binding.ivContent.load(fileUri) {
+                    crossfade(true)
+                    placeholder(R.drawable.ic_place_holder)
+                    transformations(RoundedCornersTransformation(8f.dpToPx()))
+                }
+                viewModel.imageUri = fileUri
+            } else {
+                Toast.makeText(
+                    this,
+                    "잘못된 파일입니다.\n다시 선택해 주세요.",
+                    Toast.LENGTH_SHORT
+                ).show()
+            }
+        } else if (resultCode == ImagePicker.RESULT_ERROR) {
+            Toast.makeText(this, ImagePicker.getError(data), Toast.LENGTH_SHORT).show()
+        }
+    }
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        checkPermissions()
+
+        viewModel.getRealPathFromURI = {
+            RealPathUtil.getRealPath(applicationContext, it)
+        }
+
+        bindData()
+
+        val postId = intent.getLongExtra(Constants.EXTRA_COMMUNITY_POST_ID, 0)
+        if (postId <= 0) {
+            Toast.makeText(applicationContext, "잘못된 요청입니다.", Toast.LENGTH_LONG).show()
+            finish()
+        }
+
+        viewModel.postId = postId
+        viewModel.getCommunityPostDetail(
+            onFailure = {
+                Toast.makeText(applicationContext, "잘못된 요청입니다.", Toast.LENGTH_LONG).show()
+                finish()
+            }
+        )
+    }
+
+    override fun setupView() {
+        loadingDialog = LoadingDialog(this, layoutInflater)
+
+        binding.toolbar.tvBack.text = "게시글 등록"
+        binding.toolbar.tvBack.setOnClickListener { finish() }
+
+        binding.ivPhotoPicker.setOnClickListener {
+            ImagePicker.with(this)
+                .crop()
+                .galleryOnly()
+                .galleryMimeTypes( // Exclude gif images
+                    mimeTypes = arrayOf(
+                        "image/png",
+                        "image/jpg",
+                        "image/jpeg"
+                    )
+                )
+                .createIntent { imageResult.launch(it) }
+        }
+
+        if (SharedPreferenceManager.isAuth) {
+            binding.llSetAdult.visibility = View.VISIBLE
+        } else {
+            binding.llSetAdult.visibility = View.GONE
+        }
+
+        binding.llCommentNo.setOnClickListener { viewModel.setAvailableComment(false) }
+        binding.llCommentYes.setOnClickListener { viewModel.setAvailableComment(true) }
+        binding.tvCancel.setOnClickListener { finish() }
+        binding.tvUpload.setOnClickListener {
+            viewModel.modifyCommunityPost {
+                setResult(RESULT_OK)
+                finish()
+            }
+        }
+    }
+
+    private fun checkPermissions() {
+        val permissions = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+            listOf(Manifest.permission.READ_MEDIA_AUDIO, Manifest.permission.READ_MEDIA_IMAGES)
+        } else {
+            listOf(Manifest.permission.READ_EXTERNAL_STORAGE)
+        }
+
+        TedPermission.create()
+            .setPermissionListener(object : PermissionListener {
+                override fun onPermissionGranted() {
+                }
+
+                override fun onPermissionDenied(deniedPermissions: MutableList<String>?) {
+                    finish()
+                }
+            })
+            .setDeniedMessage(R.string.read_storage_permission_denied_message)
+            .setPermissions(*permissions.toTypedArray())
+            .check()
+    }
+
+    @SuppressLint("SetTextI18n")
+    private fun bindData() {
+        compositeDisposable.add(
+            binding.etContent.textChanges().skip(1)
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe {
+                    binding.tvNumberOfCharacters.text = "${it.length}자"
+                    viewModel.content = it.toString()
+                }
+        )
+
+        viewModel.toastLiveData.observe(this) {
+            it?.let { Toast.makeText(applicationContext, it, Toast.LENGTH_LONG).show() }
+        }
+
+        viewModel.isLoading.observe(this) {
+            if (it) {
+                loadingDialog.show(screenWidth)
+            } else {
+                loadingDialog.dismiss()
+            }
+        }
+
+        viewModel.imageUrlLiveData.observe(this) {
+            if (!it.isNullOrBlank()) {
+                binding.ivContent.background = null
+                binding.ivContent.loadUrl(it) {
+                    crossfade(true)
+                    placeholder(R.drawable.ic_place_holder)
+                    transformations(RoundedCornersTransformation(8f.dpToPx()))
+                }
+            }
+        }
+
+        viewModel.contentLiveData.observe(this) {
+            binding.etContent.setText(it)
+        }
+
+        viewModel.isAvailableCommentLiveData.observe(this) {
+            if (it) {
+                binding.ivCommentYes.visibility = View.VISIBLE
+                binding.tvCommentYes.setTextColor(
+                    ContextCompat.getColor(
+                        applicationContext,
+                        R.color.white
+                    )
+                )
+                binding.llCommentYes.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+
+                binding.ivCommentNo.visibility = View.GONE
+                binding.tvCommentNo.setTextColor(
+                    ContextCompat.getColor(
+                        applicationContext,
+                        R.color.color_80d8ff
+                    )
+                )
+                binding.llCommentNo.setBackgroundResource(
+                    R.drawable.bg_round_corner_6_7_13181b
+                )
+            } else {
+                binding.ivCommentNo.visibility = View.VISIBLE
+                binding.tvCommentNo.setTextColor(
+                    ContextCompat.getColor(
+                        applicationContext,
+                        R.color.white
+                    )
+                )
+                binding.llCommentNo.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+
+                binding.ivCommentYes.visibility = View.GONE
+                binding.tvCommentYes.setTextColor(
+                    ContextCompat.getColor(
+                        applicationContext,
+                        R.color.color_80d8ff
+                    )
+                )
+                binding.llCommentYes
+                    .setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
+            }
+        }
+
+        if (SharedPreferenceManager.isAuth) {
+            binding.llAgeAll.setOnClickListener {
+                viewModel.setAdult(false)
+            }
+
+            binding.llAge19.setOnClickListener {
+                viewModel.setAdult(true)
+            }
+
+            viewModel.isAdultLiveData.observe(this) {
+                if (it) {
+                    binding.ivAgeAll.visibility = View.GONE
+                    binding.llAgeAll.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
+                    binding.tvAgeAll.setTextColor(
+                        ContextCompat.getColor(
+                            applicationContext,
+                            R.color.color_80d8ff
+                        )
+                    )
+
+                    binding.ivAge19.visibility = View.VISIBLE
+                    binding.llAge19.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+                    binding.tvAge19.setTextColor(
+                        ContextCompat.getColor(
+                            applicationContext,
+                            R.color.white
+                        )
+                    )
+                } else {
+                    binding.ivAge19.visibility = View.GONE
+                    binding.llAge19.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
+                    binding.tvAge19.setTextColor(
+                        ContextCompat.getColor(
+                            applicationContext,
+                            R.color.color_80d8ff
+                        )
+                    )
+
+                    binding.ivAgeAll.visibility = View.VISIBLE
+                    binding.llAgeAll.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+                    binding.tvAgeAll.setTextColor(
+                        ContextCompat.getColor(
+                            applicationContext,
+                            R.color.white
+                        )
+                    )
+                }
+            }
+        }
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/modify/CreatorCommunityModifyViewModel.kt

@@ -0,0 +1,209 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.modify
+
+import android.net.Uri
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import com.google.gson.Gson
+import com.orhanobut.logger.Logger
+import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
+import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.CreatorCommunityRepository
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostListResponse
+import okhttp3.MediaType
+import okhttp3.MediaType.Companion.toMediaType
+import okhttp3.MultipartBody
+import okhttp3.RequestBody
+import okhttp3.RequestBody.Companion.toRequestBody
+import okio.BufferedSink
+import java.io.File
+
+class CreatorCommunityModifyViewModel(
+    private val repository: CreatorCommunityRepository
+) : BaseViewModel() {
+    private val _toastLiveData = MutableLiveData<String?>()
+    val toastLiveData: LiveData<String?>
+        get() = _toastLiveData
+
+    private var _isLoading = MutableLiveData(false)
+    val isLoading: LiveData<Boolean>
+        get() = _isLoading
+
+    private val _imageUrlLiveData = MutableLiveData<String?>()
+    val imageUrlLiveData: LiveData<String?>
+        get() = _imageUrlLiveData
+
+    private val _contentLiveData = MutableLiveData("")
+    val contentLiveData: LiveData<String>
+        get() = _contentLiveData
+
+    private val _isAdultLiveData = MutableLiveData(false)
+    val isAdultLiveData: LiveData<Boolean>
+        get() = _isAdultLiveData
+
+    private val _isAvailableCommentLiveData = MutableLiveData(true)
+    val isAvailableCommentLiveData: LiveData<Boolean>
+        get() = _isAvailableCommentLiveData
+
+    lateinit var getRealPathFromURI: (Uri) -> String?
+
+    var postId = 0L
+    var content = ""
+    var imageUri: Uri? = null
+    private var communityPost: GetCommunityPostListResponse? = null
+
+    fun setAdult(isAdult: Boolean) {
+        _isAdultLiveData.postValue(isAdult)
+    }
+
+    fun setAvailableComment(isAvailableComment: Boolean) {
+        _isAvailableCommentLiveData.postValue(isAvailableComment)
+    }
+
+    fun getCommunityPostDetail(onFailure: (() -> Unit)? = null) {
+        communityPost = null
+        _isLoading.value = true
+
+        compositeDisposable.add(
+            repository.getCommunityPostDetail(
+                postId = postId,
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        _isLoading.value = false
+
+                        if (it.success && it.data != null) {
+                            communityPost = it.data
+                            _imageUrlLiveData.value = it.data.imageUrl
+                            _contentLiveData.value = it.data.content
+                            _isAdultLiveData.value = it.data.isAdult
+                            _isAvailableCommentLiveData.value = it.data.isCommentAvailable
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                )
+                            }
+
+                            if (onFailure != null) {
+                                onFailure()
+                            }
+                        }
+                    },
+                    {
+                        _isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                        if (onFailure != null) {
+                            onFailure()
+                        }
+                    }
+                )
+        )
+    }
+
+    fun modifyCommunityPost(onSuccess: () -> Unit) {
+        if (!_isLoading.value!! && validateData()) {
+            _isLoading.value = true
+            val request = ModifyCommunityPostRequest(
+                creatorCommunityId = postId,
+                content = if (communityPost!!.content != content) {
+                    content
+                } else {
+                    null
+                },
+                isCommentAvailable = if (
+                    communityPost!!.isCommentAvailable != _isAvailableCommentLiveData.value!!
+                ) {
+                    _isAvailableCommentLiveData.value!!
+                } else {
+                    null
+                },
+                isAdult = if (communityPost!!.isAdult != _isAdultLiveData.value!!) {
+                    _isAdultLiveData.value!!
+                } else {
+                    null
+                }
+            )
+
+            val requestJson = Gson().toJson(request)
+
+            val postImage = if (imageUri != null) {
+                val file = File(getRealPathFromURI(imageUri!!))
+                MultipartBody.Part.createFormData(
+                    "postImage",
+                    file.name,
+                    body = object : RequestBody() {
+                        override fun contentType(): MediaType {
+                            return "image/*".toMediaType()
+                        }
+
+                        override fun writeTo(sink: BufferedSink) {
+                            file.inputStream().use { inputStream ->
+                                val buffer = ByteArray(1024)
+                                var bytesRead: Int
+                                while (inputStream.read(buffer).also { bytesRead = it } != -1) {
+                                    sink.write(buffer, 0, bytesRead)
+                                }
+                            }
+                        }
+
+                        override fun contentLength(): Long {
+                            return file.length()
+                        }
+                    }
+                )
+            } else {
+                null
+            }
+
+            compositeDisposable.add(
+                repository.modifyCommunityPost(
+                    postImage,
+                    request = requestJson.toRequestBody("text/plain".toMediaType()),
+                    token = "Bearer ${SharedPreferenceManager.token}"
+                )
+                    .subscribeOn(Schedulers.io())
+                    .observeOn(AndroidSchedulers.mainThread())
+                    .subscribe(
+                        {
+                            _isLoading.value = false
+                            if (it.success) {
+                                onSuccess()
+                            } else {
+                                if (it.message != null) {
+                                    _toastLiveData.postValue(it.message)
+                                } else {
+                                    _toastLiveData.postValue(
+                                        "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                    )
+                                }
+                            }
+                        },
+                        {
+                            _isLoading.value = false
+                            it.message?.let { message -> Logger.e(message) }
+                            _toastLiveData.postValue(
+                                "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                            )
+                        }
+                    )
+            )
+        }
+    }
+
+    private fun validateData(): Boolean {
+        if (content.isBlank() || content.length < 5) {
+            _toastLiveData.postValue("내용을 5자 이상 입력해 주세요.")
+            return false
+        }
+
+        return true
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/modify/ModifyCommunityPostRequest.kt

@@ -0,0 +1,11 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.modify
+
+import com.google.gson.annotations.SerializedName
+
+data class ModifyCommunityPostRequest(
+    @SerializedName("creatorCommunityId") val creatorCommunityId: Long,
+    @SerializedName("content") val content: String? = null,
+    @SerializedName("isCommentAvailable") val isCommentAvailable: Boolean? = null,
+    @SerializedName("isAdult") val isAdult: Boolean? = null,
+    @SerializedName("isActive") val isActive: Boolean? = null
+)

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/write/CreateCommunityPostRequest.kt

@@ -0,0 +1,9 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.write
+
+import com.google.gson.annotations.SerializedName
+
+data class CreateCommunityPostRequest(
+    @SerializedName("content") val content: String,
+    @SerializedName("isAdult") val isAdult: Boolean,
+    @SerializedName("isCommentAvailable") val isCommentAvailable: Boolean
+)

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/write/CreatorCommunityWriteActivity.kt

@@ -0,0 +1,248 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.write
+
+import android.Manifest
+import android.annotation.SuppressLint
+import android.os.Build
+import android.os.Bundle
+import android.view.View
+import android.widget.Toast
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.core.content.ContextCompat
+import coil.load
+import coil.transform.RoundedCornersTransformation
+import com.github.dhaval2404.imagepicker.ImagePicker
+import com.gun0912.tedpermission.PermissionListener
+import com.gun0912.tedpermission.normal.TedPermission
+import com.jakewharton.rxbinding4.widget.textChanges
+import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
+import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.base.BaseActivity
+import kr.co.vividnext.sodalive.common.LoadingDialog
+import kr.co.vividnext.sodalive.common.RealPathUtil
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.databinding.ActivityCreatorCommunityWriteBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
+import org.koin.android.ext.android.inject
+
+class CreatorCommunityWriteActivity : BaseActivity<ActivityCreatorCommunityWriteBinding>(
+    ActivityCreatorCommunityWriteBinding::inflate
+) {
+
+    private val viewModel: CreatorCommunityWriteViewModel by inject()
+
+    private lateinit var loadingDialog: LoadingDialog
+
+    private val imageResult = registerForActivityResult(
+        ActivityResultContracts.StartActivityForResult()
+    ) { result ->
+        val resultCode = result.resultCode
+        val data = result.data
+
+        if (resultCode == RESULT_OK) {
+            val fileUri = data?.data
+
+            if (fileUri != null) {
+                binding.ivContent.background = null
+                binding.ivContent.load(fileUri) {
+                    crossfade(true)
+                    placeholder(R.drawable.ic_place_holder)
+                    transformations(RoundedCornersTransformation(8f.dpToPx()))
+                }
+                viewModel.imageUri = fileUri
+            } else {
+                Toast.makeText(
+                    this,
+                    "잘못된 파일입니다.\n다시 선택해 주세요.",
+                    Toast.LENGTH_SHORT
+                ).show()
+            }
+        } else if (resultCode == ImagePicker.RESULT_ERROR) {
+            Toast.makeText(this, ImagePicker.getError(data), Toast.LENGTH_SHORT).show()
+        }
+    }
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        checkPermissions()
+
+        viewModel.getRealPathFromURI = {
+            RealPathUtil.getRealPath(applicationContext, it)
+        }
+
+        bindData()
+    }
+
+    override fun setupView() {
+        loadingDialog = LoadingDialog(this, layoutInflater)
+
+        binding.toolbar.tvBack.text = "게시글 등록"
+        binding.toolbar.tvBack.setOnClickListener { finish() }
+
+        binding.ivPhotoPicker.setOnClickListener {
+            ImagePicker.with(this)
+                .crop()
+                .galleryOnly()
+                .galleryMimeTypes( // Exclude gif images
+                    mimeTypes = arrayOf(
+                        "image/png",
+                        "image/jpg",
+                        "image/jpeg"
+                    )
+                )
+                .createIntent { imageResult.launch(it) }
+        }
+
+        if (SharedPreferenceManager.isAuth) {
+            binding.llSetAdult.visibility = View.VISIBLE
+        } else {
+            binding.llSetAdult.visibility = View.GONE
+        }
+
+        binding.llCommentNo.setOnClickListener { viewModel.setAvailableComment(false) }
+        binding.llCommentYes.setOnClickListener { viewModel.setAvailableComment(true) }
+        binding.tvCancel.setOnClickListener { finish() }
+        binding.tvUpload.setOnClickListener {
+            viewModel.createCommunityPost { finish() }
+        }
+    }
+
+    private fun checkPermissions() {
+        val permissions = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+            listOf(Manifest.permission.READ_MEDIA_AUDIO, Manifest.permission.READ_MEDIA_IMAGES)
+        } else {
+            listOf(Manifest.permission.READ_EXTERNAL_STORAGE)
+        }
+
+        TedPermission.create()
+            .setPermissionListener(object : PermissionListener {
+                override fun onPermissionGranted() {
+                }
+
+                override fun onPermissionDenied(deniedPermissions: MutableList<String>?) {
+                    finish()
+                }
+            })
+            .setDeniedMessage(R.string.read_storage_permission_denied_message)
+            .setPermissions(*permissions.toTypedArray())
+            .check()
+    }
+
+    @SuppressLint("SetTextI18n")
+    private fun bindData() {
+        compositeDisposable.add(
+            binding.etContent.textChanges().skip(1)
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe {
+                    binding.tvNumberOfCharacters.text = "${it.length}자"
+                    viewModel.content = it.toString()
+                }
+        )
+
+        viewModel.toastLiveData.observe(this) {
+            it?.let { Toast.makeText(applicationContext, it, Toast.LENGTH_LONG).show() }
+        }
+
+        viewModel.isLoading.observe(this) {
+            if (it) {
+                loadingDialog.show(screenWidth)
+            } else {
+                loadingDialog.dismiss()
+            }
+        }
+
+        viewModel.isAvailableCommentLiveData.observe(this) {
+            if (it) {
+                binding.ivCommentYes.visibility = View.VISIBLE
+                binding.tvCommentYes.setTextColor(
+                    ContextCompat.getColor(
+                        applicationContext,
+                        R.color.white
+                    )
+                )
+                binding.llCommentYes.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+
+                binding.ivCommentNo.visibility = View.GONE
+                binding.tvCommentNo.setTextColor(
+                    ContextCompat.getColor(
+                        applicationContext,
+                        R.color.color_80d8ff
+                    )
+                )
+                binding.llCommentNo.setBackgroundResource(
+                    R.drawable.bg_round_corner_6_7_13181b
+                )
+            } else {
+                binding.ivCommentNo.visibility = View.VISIBLE
+                binding.tvCommentNo.setTextColor(
+                    ContextCompat.getColor(
+                        applicationContext,
+                        R.color.white
+                    )
+                )
+                binding.llCommentNo.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+
+                binding.ivCommentYes.visibility = View.GONE
+                binding.tvCommentYes.setTextColor(
+                    ContextCompat.getColor(
+                        applicationContext,
+                        R.color.color_80d8ff
+                    )
+                )
+                binding.llCommentYes
+                    .setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
+            }
+        }
+
+        if (SharedPreferenceManager.isAuth) {
+            binding.llAgeAll.setOnClickListener {
+                viewModel.setAdult(false)
+            }
+
+            binding.llAge19.setOnClickListener {
+                viewModel.setAdult(true)
+            }
+
+            viewModel.isAdultLiveData.observe(this) {
+                if (it) {
+                    binding.ivAgeAll.visibility = View.GONE
+                    binding.llAgeAll.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
+                    binding.tvAgeAll.setTextColor(
+                        ContextCompat.getColor(
+                            applicationContext,
+                            R.color.color_80d8ff
+                        )
+                    )
+
+                    binding.ivAge19.visibility = View.VISIBLE
+                    binding.llAge19.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+                    binding.tvAge19.setTextColor(
+                        ContextCompat.getColor(
+                            applicationContext,
+                            R.color.white
+                        )
+                    )
+                } else {
+                    binding.ivAge19.visibility = View.GONE
+                    binding.llAge19.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
+                    binding.tvAge19.setTextColor(
+                        ContextCompat.getColor(
+                            applicationContext,
+                            R.color.color_80d8ff
+                        )
+                    )
+
+                    binding.ivAgeAll.visibility = View.VISIBLE
+                    binding.llAgeAll.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+                    binding.tvAgeAll.setTextColor(
+                        ContextCompat.getColor(
+                            applicationContext,
+                            R.color.white
+                        )
+                    )
+                }
+            }
+        }
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/creator_community/write/CreatorCommunityWriteViewModel.kt

@@ -0,0 +1,136 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.write
+
+import android.net.Uri
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import com.google.gson.Gson
+import com.orhanobut.logger.Logger
+import io.reactivex.rxjava3.android.schedulers.AndroidSchedulers
+import io.reactivex.rxjava3.schedulers.Schedulers
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.CreatorCommunityRepository
+import okhttp3.MediaType
+import okhttp3.MediaType.Companion.toMediaType
+import okhttp3.MultipartBody
+import okhttp3.RequestBody
+import okhttp3.RequestBody.Companion.toRequestBody
+import okio.BufferedSink
+import java.io.File
+
+class CreatorCommunityWriteViewModel(private val repository: CreatorCommunityRepository
+): BaseViewModel() {
+    private val _toastLiveData = MutableLiveData<String?>()
+    val toastLiveData: LiveData<String?>
+        get() = _toastLiveData
+
+    private var _isLoading = MutableLiveData(false)
+    val isLoading: LiveData<Boolean>
+        get() = _isLoading
+
+    private val _isAdultLiveData = MutableLiveData(false)
+    val isAdultLiveData: LiveData<Boolean>
+        get() = _isAdultLiveData
+
+    private val _isAvailableCommentLiveData = MutableLiveData(true)
+    val isAvailableCommentLiveData: LiveData<Boolean>
+        get() = _isAvailableCommentLiveData
+
+    lateinit var getRealPathFromURI: (Uri) -> String?
+
+    var content = ""
+    var imageUri: Uri? = null
+
+    fun setAdult(isAdult: Boolean) {
+        _isAdultLiveData.postValue(isAdult)
+    }
+
+    fun setAvailableComment(isAvailableComment: Boolean) {
+        _isAvailableCommentLiveData.postValue(isAvailableComment)
+    }
+
+    fun createCommunityPost(onSuccess: () -> Unit) {
+        if (!_isLoading.value!! && validateData()) {
+            _isLoading.postValue(true)
+
+            val request = CreateCommunityPostRequest(
+                content = content,
+                isAdult = _isAdultLiveData.value!!,
+                isCommentAvailable = _isAvailableCommentLiveData.value!!
+            )
+
+            val requestJson = Gson().toJson(request)
+
+            val postImage = if (imageUri != null) {
+                val file = File(getRealPathFromURI(imageUri!!))
+                MultipartBody.Part.createFormData(
+                    "postImage",
+                    file.name,
+                    body = object : RequestBody() {
+                        override fun contentType(): MediaType {
+                            return "image/*".toMediaType()
+                        }
+
+                        override fun writeTo(sink: BufferedSink) {
+                            file.inputStream().use { inputStream ->
+                                val buffer = ByteArray(1024)
+                                var bytesRead: Int
+                                while (inputStream.read(buffer).also { bytesRead = it } != -1) {
+                                    sink.write(buffer, 0, bytesRead)
+                                }
+                            }
+                        }
+
+                        override fun contentLength(): Long {
+                            return file.length()
+                        }
+                    }
+                )
+            } else {
+                null
+            }
+
+            compositeDisposable.add(
+                repository.createCommunityPost(
+                    postImage = postImage,
+                    request = requestJson.toRequestBody("text/plain".toMediaType()),
+                    token = "Bearer ${SharedPreferenceManager.token}"
+                )
+                    .subscribeOn(Schedulers.io())
+                    .observeOn(AndroidSchedulers.mainThread())
+                    .subscribe(
+                        {
+                            if (it.success && it.data != null) {
+                                onSuccess()
+                            } else {
+                                if (it.message != null) {
+                                    _toastLiveData.postValue(it.message)
+                                } else {
+                                    _toastLiveData.postValue(
+                                        "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                    )
+                                }
+                            }
+                            _isLoading.postValue(false)
+                        },
+                        {
+                            _isLoading.postValue(false)
+                            it.message?.let { message -> Logger.e(message) }
+                            _toastLiveData.postValue(
+                                "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                            )
+                        }
+                    )
+            )
+        }
+    }
+
+    private fun validateData(): Boolean {
+        if (content.isBlank() || content.length < 5) {
+            _toastLiveData.postValue("내용을 5자 이상 입력해 주세요.")
+            return false
+        }
+
+        return true
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/explorer/profile/follow/UserFollowerListAdapter.kt

@@ -31,13 +31,13 @@ class UserFollowerListAdapter(
             if (item.isFollow != null) {
                 binding.ivNotification.visibility = View.VISIBLE
                 if (item.isFollow) {
-                    binding.ivNotification.setImageResource(R.drawable.btn_notification_selected)
+                    binding.ivNotification.setImageResource(R.drawable.btn_following_big)
                     binding.ivNotification.setOnClickListener {
                         onClickUnRegisterNotification(item.userId)
                         clear()
                     }
                 } else {
-                    binding.ivNotification.setImageResource(R.drawable.btn_notification)
+                    binding.ivNotification.setImageResource(R.drawable.btn_follow_big)
                     binding.ivNotification.setOnClickListener {
                         onClickRegisterNotification(item.userId)
                         clear()

app/src/main/java/kr/co/vividnext/sodalive/extensions/ImageExtensions.kt

@@ -0,0 +1,14 @@
+package kr.co.vividnext.sodalive.extensions
+
+import android.widget.ImageView
+import coil.load
+import coil.request.ImageRequest
+import kr.co.vividnext.sodalive.common.ImageLoaderProvider
+import kr.co.vividnext.sodalive.common.ImageLoaderProvider.imageLoader
+
+fun ImageView.loadUrl(url: String?, builder: ImageRequest.Builder.() -> Unit = {}) {
+    if (!ImageLoaderProvider.isInitialized) {
+        throw IllegalStateException("ImageLoaderProvider is not initialized")
+    }
+    this.load(url, imageLoader, builder)
+}

app/src/main/java/kr/co/vividnext/sodalive/following/FollowingCreatorAdapter.kt

@@ -32,7 +32,7 @@ class FollowingCreatorAdapter(
 
             binding.ivNotification.visibility = View.VISIBLE
             if (item.isFollow) {
-                binding.ivNotification.setImageResource(R.drawable.btn_notification_selected)
+                binding.ivNotification.setImageResource(R.drawable.btn_following_big)
                 binding.ivNotification.setOnClickListener {
                     val index = items.indexOf(item)
                     val copyItem = item.copy(isFollow = false)
@@ -42,7 +42,7 @@ class FollowingCreatorAdapter(
                     onClickUnRegisterNotification(item.creatorId)
                 }
             } else {
-                binding.ivNotification.setImageResource(R.drawable.btn_notification)
+                binding.ivNotification.setImageResource(R.drawable.btn_follow_big)
                 binding.ivNotification.setOnClickListener {
                     val index = items.indexOf(item)
                     val copyItem = item.copy(isFollow = true)

app/src/main/java/kr/co/vividnext/sodalive/live/GetRoomListResponse.kt

@@ -14,6 +14,7 @@ data class GetRoomListResponse(
     @SerializedName("price") val price: Int,
     @SerializedName("tags") val tags: List<String>,
     @SerializedName("channelName") val channelName: String?,
+    @SerializedName("creatorProfileImage") val creatorProfileImage: String,
     @SerializedName("creatorNickname") val creatorNickname: String,
     @SerializedName("creatorId") val creatorId: Long,
     @SerializedName("isReservation") val isReservation: Boolean,

app/src/main/java/kr/co/vividnext/sodalive/live/LiveApi.kt

@@ -160,7 +160,7 @@ interface LiveApi {
     fun donation(
         @Body request: LiveRoomDonationRequest,
         @Header("Authorization") authHeader: String
-    ): Single<ApiResponse<Any>>
+    ): Single<ApiResponse<String>>
 
     @POST("/live/room/donation/refund/{id}")
     fun refundDonation(

app/src/main/java/kr/co/vividnext/sodalive/live/LiveFragment.kt

@@ -27,6 +27,8 @@ import kr.co.vividnext.sodalive.common.LoadingDialog
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.databinding.FragmentLiveBinding
 import kr.co.vividnext.sodalive.explorer.profile.UserProfileActivity
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.CreatorCommunityAdapter
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.all.CreatorCommunityAllActivity
 import kr.co.vividnext.sodalive.extensions.dpToPx
 import kr.co.vividnext.sodalive.extensions.moneyFormat
 import kr.co.vividnext.sodalive.following.FollowingCreatorActivity
@@ -49,6 +51,9 @@ import kr.co.vividnext.sodalive.live.room.update.LiveRoomEditActivity
 import kr.co.vividnext.sodalive.settings.event.EventDetailActivity
 import kr.co.vividnext.sodalive.settings.notification.MemberRole
 import org.koin.android.ext.android.inject
+import java.text.SimpleDateFormat
+import java.util.Date
+import java.util.Locale
 import kotlin.math.roundToInt
 
 class LiveFragment : BaseFragment<FragmentLiveBinding>(FragmentLiveBinding::inflate) {
@@ -56,6 +61,7 @@ class LiveFragment : BaseFragment<FragmentLiveBinding>(FragmentLiveBinding::infl
 
     private lateinit var liveNowAdapter: LiveNowAdapter
     private lateinit var liveReservationAdapter: LiveReservationAdapter
+    private lateinit var creatorCommunityAdapter: CreatorCommunityAdapter
     private lateinit var liveRecommendChannelAdapter: LiveRecommendChannelAdapter
 
     private lateinit var loadingDialog: LoadingDialog
@@ -91,6 +97,7 @@ class LiveFragment : BaseFragment<FragmentLiveBinding>(FragmentLiveBinding::infl
         setupLiveNow()
         setupLiveReservation()
         setupEvent()
+        setupCommunityPost()
 
         message = "라이브를 불러오고 있습니다."
         viewModel.getSummary()
@@ -494,6 +501,68 @@ class LiveFragment : BaseFragment<FragmentLiveBinding>(FragmentLiveBinding::infl
         }
     }
 
+    @SuppressLint("NotifyDataSetChanged")
+    private fun setupCommunityPost() {
+        val recyclerView = binding.rvCommunityPost
+
+        recyclerView.layoutManager = LinearLayoutManager(
+            requireContext(),
+            LinearLayoutManager.HORIZONTAL,
+            false
+        )
+
+        recyclerView.addItemDecoration(object : RecyclerView.ItemDecoration() {
+            override fun getItemOffsets(
+                outRect: Rect,
+                view: View,
+                parent: RecyclerView,
+                state: RecyclerView.State
+            ) {
+                super.getItemOffsets(outRect, view, parent, state)
+
+                when (parent.getChildAdapterPosition(view)) {
+                    0 -> {
+                        outRect.left = 13.3f.dpToPx().toInt()
+                        outRect.right = 5.dpToPx().toInt()
+                    }
+
+                    liveNowAdapter.itemCount - 1 -> {
+                        outRect.left = 6.7f.dpToPx().toInt()
+                        outRect.right = 13.3f.dpToPx().toInt()
+                    }
+
+                    else -> {
+                        outRect.left = 6.7f.dpToPx().toInt()
+                        outRect.right = 6.7f.dpToPx().toInt()
+                    }
+                }
+            }
+        })
+
+        creatorCommunityAdapter = CreatorCommunityAdapter {
+            startActivity(
+                Intent(
+                    requireActivity(),
+                    CreatorCommunityAllActivity::class.java
+                ).apply {
+                    putExtra(Constants.EXTRA_COMMUNITY_CREATOR_ID, it)
+                }
+            )
+        }
+        binding.rvCommunityPost.adapter = creatorCommunityAdapter
+
+        viewModel.communityPostItemLiveData.observe(viewLifecycleOwner) {
+            if (it.isNotEmpty()) {
+                binding.rvCommunityPost.visibility = View.VISIBLE
+                creatorCommunityAdapter.items.clear()
+                creatorCommunityAdapter.items.addAll(it)
+                creatorCommunityAdapter.notifyDataSetChanged()
+            } else {
+                binding.rvCommunityPost.visibility = View.GONE
+            }
+        }
+    }
+
     private fun startLive(roomId: Long) {
         val onEnterRoomSuccess = {
             viewModel.getSummary()
@@ -629,6 +698,15 @@ class LiveFragment : BaseFragment<FragmentLiveBinding>(FragmentLiveBinding::infl
                         }, 300)
                     }
                 } else {
+                    val beginDateFormat = SimpleDateFormat("yyyy.MM.dd EEE hh:mm a", Locale.ENGLISH)
+                    val beginDate = beginDateFormat.parse(it.beginDateTime)!!
+                    val now = Date()
+
+                    val dateFormat = SimpleDateFormat("yyyy-MM-dd, HH:mm", Locale.getDefault())
+                    val diffTime: Long = now.time - beginDate.time
+                    val hours = (diffTime / (1000 * 60 * 60)).toInt()
+                    val mins = (diffTime / (1000 * 60)).toInt() % 60
+
                     if (it.isPrivateRoom) {
                         LiveRoomPasswordDialog(
                             activity = requireActivity(),
@@ -648,8 +726,23 @@ class LiveFragment : BaseFragment<FragmentLiveBinding>(FragmentLiveBinding::infl
                         LivePaymentDialog(
                             activity = requireActivity(),
                             layoutInflater = layoutInflater,
-                            title = "${it.price.moneyFormat()}캔으로 입장",
-                            desc = "'${it.title}' 라이브에 참여하기 위해 결제합니다.",
+                            title = "유료 라이브 입장",
+                            startDateTime = if (hours >= 1) {
+                                dateFormat.format(beginDate)
+                            } else {
+                                null
+                            },
+                            nowDateTime = if (hours >= 1) {
+                                dateFormat.format(now)
+                            } else {
+                                null
+                            },
+                            desc = "${it.price}캔을 차감하고\n라이브에 입장 하시겠습니까?",
+                            desc2 = if (hours >= 1) {
+                                "라이브를 시작한 지 ${hours}시간 ${mins}분이 지났습니다. 라이브에 입장 후 30분 이내에 라이브가 종료될 수도 있습니다."
+                            } else {
+                                null
+                            },
                             confirmButtonTitle = "결제 후 입장",
                             confirmButtonClick = {
                                 handler.postDelayed({

app/src/main/java/kr/co/vividnext/sodalive/live/LiveRepository.kt

@@ -15,6 +15,7 @@ import kr.co.vividnext.sodalive.live.room.detail.GetRoomDetailResponse
 import kr.co.vividnext.sodalive.live.room.donation.DeleteLiveRoomDonationMessage
 import kr.co.vividnext.sodalive.live.room.donation.LiveRoomDonationRequest
 import kr.co.vividnext.sodalive.live.room.kick_out.LiveRoomKickOutRequest
+import kr.co.vividnext.sodalive.live.room.menu.MenuApi
 import kr.co.vividnext.sodalive.user.CreatorFollowRequestRequest
 import kr.co.vividnext.sodalive.user.UserApi
 import okhttp3.MultipartBody
@@ -23,7 +24,8 @@ import java.util.TimeZone
 
 class LiveRepository(
     private val api: LiveApi,
-    private val userApi: UserApi
+    private val userApi: UserApi,
+    private val menuApi: MenuApi
 ) {
     fun roomList(
         dateString: String? = null,
@@ -161,7 +163,7 @@ class LiveRepository(
         can: Int,
         message: String,
         token: String
-    ): Single<ApiResponse<Any>> {
+    ): Single<ApiResponse<String>> {
         return api.donation(
             request = LiveRoomDonationRequest(
                 roomId = roomId,
@@ -230,4 +232,9 @@ class LiveRepository(
         request: CancelLiveReservationRequest,
         token: String
     ) = api.cancelReservation(request, authHeader = token)
+
+    fun getAllMenu(creatorId: Long, token: String) = menuApi.getAllMenu(
+        creatorId = creatorId,
+        authHeader = token
+    )
 }

app/src/main/java/kr/co/vividnext/sodalive/live/LiveViewModel.kt

@@ -8,6 +8,8 @@ import io.reactivex.rxjava3.core.Flowable
 import io.reactivex.rxjava3.schedulers.Schedulers
 import kr.co.vividnext.sodalive.base.BaseViewModel
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.CreatorCommunityRepository
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostListResponse
 import kr.co.vividnext.sodalive.live.recommend.GetRecommendLiveResponse
 import kr.co.vividnext.sodalive.live.recommend.LiveRecommendRepository
 import kr.co.vividnext.sodalive.live.recommend_channel.GetRecommendChannelResponse
@@ -24,7 +26,8 @@ import kr.co.vividnext.sodalive.settings.event.EventRepository
 class LiveViewModel(
     private val repository: LiveRepository,
     private val eventRepository: EventRepository,
-    private val liveRecommendRepository: LiveRecommendRepository
+    private val liveRecommendRepository: LiveRecommendRepository,
+    private val creatorCommunityRepository: CreatorCommunityRepository
 ) : BaseViewModel() {
     private var _isLoading = MutableLiveData(false)
     val isLoading: LiveData<Boolean>
@@ -60,6 +63,10 @@ class LiveViewModel(
     val eventLiveData: LiveData<List<EventItem>>
         get() = _eventLiveData
 
+    private val _communityPostItemLiveData = MutableLiveData<List<GetCommunityPostListResponse>>()
+    val communityPostItemLiveData: LiveData<List<GetCommunityPostListResponse>>
+        get() = _communityPostItemLiveData
+
     var page = 1
     var isLast = false
     private val pageSize = 10
@@ -135,6 +142,36 @@ class LiveViewModel(
         )
     }
 
+    private fun getLatestPostListFromCreatorsYouFollow() {
+        compositeDisposable.add(
+            creatorCommunityRepository.getLatestPostListFromCreatorsYouFollow(
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.success && it.data != null) {
+                            _communityPostItemLiveData.postValue(it.data!!)
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                )
+                            }
+                        }
+                    },
+                    {
+                        _isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
+
     fun getSummary() {
         if (!_isLoading.value!!) {
             if (_isFollowedCreatorLive.value!!) {
@@ -142,6 +179,7 @@ class LiveViewModel(
             } else {
                 getRecommendChannelList()
             }
+            getLatestPostListFromCreatorsYouFollow()
 
             val liveNow = repository.roomList(
                 status = LiveRoomStatus.NOW,

app/src/main/java/kr/co/vividnext/sodalive/live/now/LiveNowAdapter.kt

@@ -1,15 +1,25 @@
 package kr.co.vividnext.sodalive.live.now
 
 import android.annotation.SuppressLint
+import android.content.Context
+import android.graphics.Bitmap
+import android.graphics.drawable.Drawable
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import androidx.constraintlayout.widget.ConstraintLayout
 import androidx.recyclerview.widget.RecyclerView
-import coil.load
-import coil.transform.RoundedCornersTransformation
+import coil.transform.CircleCropTransformation
+import com.bumptech.glide.Glide
+import com.bumptech.glide.load.resource.bitmap.CenterCrop
+import com.bumptech.glide.load.resource.bitmap.RoundedCorners
+import com.bumptech.glide.request.RequestOptions
+import com.bumptech.glide.request.target.CustomTarget
+import com.bumptech.glide.request.transition.Transition
 import kr.co.vividnext.sodalive.R
 import kr.co.vividnext.sodalive.databinding.ItemLiveNowBinding
 import kr.co.vividnext.sodalive.extensions.dpToPx
+import kr.co.vividnext.sodalive.extensions.loadUrl
 import kr.co.vividnext.sodalive.live.GetRoomListResponse
 
 class LiveNowAdapter(
@@ -19,17 +29,28 @@ class LiveNowAdapter(
     var items = mutableListOf<GetRoomListResponse>()
 
     inner class ViewHolder(
+        private val context: Context,
         private val binding: ItemLiveNowBinding
     ) : RecyclerView.ViewHolder(binding.root) {
 
+        @SuppressLint("SetTextI18n")
         fun bind(item: GetRoomListResponse) {
-            binding.ivCover.load(item.coverImageUrl) {
-                crossfade(true)
-                placeholder(R.drawable.ic_place_holder)
-                transformations(RoundedCornersTransformation(4.7f.dpToPx()))
-            }
-            binding.tvManager.text = item.creatorNickname
-            binding.tvNumberOfMembers.text = "${item.numberOfParticipate}"
+            Glide
+                .with(context)
+                .load(item.coverImageUrl)
+                .apply(
+                    RequestOptions().transform(
+                        CenterCrop(),
+                        RoundedCorners(8)
+                    )
+                )
+                .into(binding.ivCover)
+
+            val layoutParams = binding.ivCover.layoutParams as ConstraintLayout.LayoutParams
+            layoutParams.width = 128f.dpToPx().toInt()
+            layoutParams.height = 179f.dpToPx().toInt()
+            binding.ivCover.layoutParams = layoutParams
+
             binding.ivLock.visibility = if (item.isPrivateRoom) {
                 View.VISIBLE
             } else {
@@ -37,11 +58,33 @@ class LiveNowAdapter(
             }
 
             if (item.price > 0) {
-                binding.tvPrice.text = "유료"
-                binding.tvPrice.setBackgroundResource(R.drawable.bg_round_corner_10_881609)
+                binding.tvPrice.text = "${item.price}"
+                binding.tvPrice.setCompoundDrawablesWithIntrinsicBounds(
+                    R.drawable.ic_can_white,
+                    0,
+                    0,
+                    0
+                )
+                binding.tvPrice.setBackgroundResource(R.drawable.bg_round_corner_13_3_dd4500)
             } else {
                 binding.tvPrice.text = "무료"
-                binding.tvPrice.setBackgroundResource(R.drawable.bg_round_corner_10_643bc8)
+                binding.tvPrice.setCompoundDrawables(null, null, null, null)
+                binding.tvPrice.setBackgroundResource(R.drawable.bg_round_corner_13_3_111111)
+            }
+
+            if (item.tags.isNotEmpty()) {
+                binding.tvTags.visibility = View.VISIBLE
+                binding.tvTags.text = item.tags.joinToString(" ") { "#$it" }
+            } else {
+                binding.tvTags.visibility = View.GONE
+            }
+
+            binding.tvTitle.text = item.title
+            binding.tvNickname.text = item.creatorNickname
+            binding.ivProfile.loadUrl(item.creatorProfileImage) {
+                crossfade(true)
+                placeholder(R.drawable.ic_place_holder)
+                transformations(CircleCropTransformation())
             }
 
             binding.root.setOnClickListener { onClick(item) }
@@ -49,6 +92,7 @@ class LiveNowAdapter(
     }
 
     override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(
+        parent.context,
         ItemLiveNowBinding.inflate(
             LayoutInflater.from(parent.context),
             parent,

app/src/main/java/kr/co/vividnext/sodalive/live/now/all/LiveNowAllActivity.kt

@@ -2,19 +2,19 @@ package kr.co.vividnext.sodalive.live.now.all
 
 import android.annotation.SuppressLint
 import android.content.Intent
-import android.graphics.Rect
 import android.os.Bundle
 import android.view.View
 import android.widget.Toast
+import androidx.recyclerview.widget.GridLayoutManager
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
 import kr.co.vividnext.sodalive.audio_content.AudioContentPlayService
 import kr.co.vividnext.sodalive.base.BaseActivity
 import kr.co.vividnext.sodalive.common.Constants
+import kr.co.vividnext.sodalive.common.GridSpacingItemDecoration
 import kr.co.vividnext.sodalive.common.LoadingDialog
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.databinding.ActivityLiveNowAllBinding
-import kr.co.vividnext.sodalive.extensions.dpToPx
 import kr.co.vividnext.sodalive.extensions.moneyFormat
 import kr.co.vividnext.sodalive.live.LiveViewModel
 import kr.co.vividnext.sodalive.live.room.LiveRoomActivity
@@ -22,6 +22,9 @@ import kr.co.vividnext.sodalive.live.room.detail.LiveRoomDetailFragment
 import kr.co.vividnext.sodalive.live.room.dialog.LivePaymentDialog
 import kr.co.vividnext.sodalive.live.room.dialog.LiveRoomPasswordDialog
 import org.koin.android.ext.android.inject
+import java.text.SimpleDateFormat
+import java.util.Date
+import java.util.Locale
 
 class LiveNowAllActivity : BaseActivity<ActivityLiveNowAllBinding>(
     ActivityLiveNowAllBinding::inflate
@@ -43,8 +46,10 @@ class LiveNowAllActivity : BaseActivity<ActivityLiveNowAllBinding>(
         binding.toolbar.tvBack.setOnClickListener { finish() }
         loadingDialog = LoadingDialog(this, layoutInflater)
 
+        val spanCount = 3
+        val spacing = 40
         val recyclerView = binding.rvLive
-        adapter = LiveNowAllAdapter {
+        adapter = LiveNowAllAdapter(itemWidth = (screenWidth - (spacing * (spanCount + 1))) / 3) {
             val detailFragment = LiveRoomDetailFragment(
                 it.roomId,
                 onClickParticipant = { enterLiveRoom(it.roomId) },
@@ -60,41 +65,8 @@ class LiveNowAllActivity : BaseActivity<ActivityLiveNowAllBinding>(
             )
         }
 
-        recyclerView.layoutManager = LinearLayoutManager(
-            applicationContext,
-            LinearLayoutManager.VERTICAL,
-            false
-        )
-
-        recyclerView.addItemDecoration(object : RecyclerView.ItemDecoration() {
-            override fun getItemOffsets(
-                outRect: Rect,
-                view: View,
-                parent: RecyclerView,
-                state: RecyclerView.State
-            ) {
-                super.getItemOffsets(outRect, view, parent, state)
-
-                when (parent.getChildAdapterPosition(view)) {
-                    0 -> {
-                        outRect.top = 0.dpToPx().toInt()
-                        outRect.bottom = 6.7f.dpToPx().toInt()
-                    }
-
-                    adapter.itemCount - 1 -> {
-                        outRect.top = 6.7f.dpToPx().toInt()
-                        outRect.bottom = 0.dpToPx().toInt()
-                    }
-
-                    else -> {
-                        outRect.top = 6.7f.dpToPx().toInt()
-                        outRect.bottom = 6.7f.dpToPx().toInt()
-                    }
-                }
-            }
-        })
-
-        recyclerView.adapter = adapter
+        recyclerView.layoutManager = GridLayoutManager(this, spanCount)
+        recyclerView.addItemDecoration(GridSpacingItemDecoration(spanCount, spacing, false))
 
         recyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
             override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
@@ -110,6 +82,8 @@ class LiveNowAllActivity : BaseActivity<ActivityLiveNowAllBinding>(
             }
         })
 
+        recyclerView.adapter = adapter
+
         binding.swipeRefreshLayout.setOnRefreshListener {
             adapter.clear()
             viewModel.page = 1
@@ -157,6 +131,15 @@ class LiveNowAllActivity : BaseActivity<ActivityLiveNowAllBinding>(
                         viewModel.enterRoom(roomId, onEnterRoomSuccess)
                     }
                 } else {
+                    val beginDateFormat = SimpleDateFormat("yyyy.MM.dd EEE hh:mm a", Locale.ENGLISH)
+                    val beginDate = beginDateFormat.parse(it.beginDateTime)!!
+                    val now = Date()
+
+                    val dateFormat = SimpleDateFormat("yyyy-MM-dd, HH:mm", Locale.getDefault())
+                    val diffTime: Long = now.time - beginDate.time
+                    val hours = (diffTime / (1000 * 60 * 60)).toInt()
+                    val mins = (diffTime / (1000 * 60)).toInt() % 60
+
                     if (it.isPrivateRoom) {
                         LiveRoomPasswordDialog(
                             activity = this,
@@ -174,8 +157,23 @@ class LiveNowAllActivity : BaseActivity<ActivityLiveNowAllBinding>(
                         LivePaymentDialog(
                             activity = this,
                             layoutInflater = layoutInflater,
-                            title = "${it.price.moneyFormat()} 캔으로 입장",
-                            desc = "'${it.title}' 라이브에 참여하기 위해 결제합니다.",
+                            title = "유료 라이브 입장",
+                            startDateTime = if (hours >= 1) {
+                                dateFormat.format(beginDate)
+                            } else {
+                                null
+                            },
+                            nowDateTime = if (hours >= 1) {
+                                dateFormat.format(now)
+                            } else {
+                                null
+                            },
+                            desc = "${it.price.moneyFormat()}캔을 차감하고\n라이브에 입장 하시겠습니까?",
+                            desc2 = if (hours >= 1) {
+                                "라이브를 시작한 지 ${hours}시간 ${mins}분이 지났습니다. 라이브에 입장 후 30분 이내에 라이브가 종료될 수도 있습니다."
+                            } else {
+                                null
+                            },
                             confirmButtonTitle = "결제 후 입장",
                             confirmButtonClick = {
                                 viewModel.enterRoom(roomId, onEnterRoomSuccess)

app/src/main/java/kr/co/vividnext/sodalive/live/now/all/LiveNowAllAdapter.kt

@@ -2,20 +2,29 @@ package kr.co.vividnext.sodalive.live.now.all
 
 import android.annotation.SuppressLint
 import android.content.Context
+import android.graphics.Bitmap
+import android.graphics.drawable.Drawable
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
-import androidx.core.content.ContextCompat
+import androidx.constraintlayout.widget.ConstraintLayout
 import androidx.recyclerview.widget.RecyclerView
-import coil.load
+import coil.transform.CircleCropTransformation
 import coil.transform.RoundedCornersTransformation
+import com.bumptech.glide.Glide
+import com.bumptech.glide.load.resource.bitmap.CenterCrop
+import com.bumptech.glide.load.resource.bitmap.RoundedCorners
+import com.bumptech.glide.request.RequestOptions
+import com.bumptech.glide.request.target.CustomTarget
+import com.bumptech.glide.request.transition.Transition
 import kr.co.vividnext.sodalive.R
 import kr.co.vividnext.sodalive.databinding.ItemLiveNowAllBinding
 import kr.co.vividnext.sodalive.extensions.dpToPx
-import kr.co.vividnext.sodalive.extensions.moneyFormat
+import kr.co.vividnext.sodalive.extensions.loadUrl
 import kr.co.vividnext.sodalive.live.GetRoomListResponse
 
 class LiveNowAllAdapter(
+    private val itemWidth: Int,
     private val onClick: (GetRoomListResponse) -> Unit
 ) : RecyclerView.Adapter<LiveNowAllAdapter.ViewHolder>() {
 
@@ -27,50 +36,72 @@ class LiveNowAllAdapter(
     ) : RecyclerView.ViewHolder(binding.root) {
         @SuppressLint("SetTextI18n")
         fun bind(item: GetRoomListResponse) {
-            binding.ivCover.load(item.coverImageUrl) {
-                crossfade(true)
-                placeholder(R.drawable.bg_placeholder)
-                transformations(RoundedCornersTransformation(4.7f.dpToPx()))
-            }
-            binding.tvNickname.text = item.creatorNickname
-            binding.tvTitle.text = item.title
-            binding.tvTotal.text = "/${item.numberOfPeople}"
-            binding.tvNumberOfParticipants.text = item.numberOfParticipate.toString()
+            Glide
+                .with(context)
+                .load(item.coverImageUrl)
+                .apply(
+                    RequestOptions().transform(
+                        CenterCrop(),
+                        RoundedCorners(14)
+                    )
+                )
+                .into(binding.ivCover)
+
+            val layoutParams = binding.ivCover
+                .layoutParams as ConstraintLayout.LayoutParams
+            layoutParams.width = itemWidth
+            layoutParams.height = itemWidth * 144 / 102
+
             binding.ivLock.visibility = if (item.isPrivateRoom) {
                 View.VISIBLE
             } else {
                 View.GONE
             }
 
-            if (item.numberOfPeople > item.numberOfParticipate) {
-                binding.tvAvailableParticipate.text = "참여가능"
-                binding.tvAvailableParticipate.setTextColor(
-                    ContextCompat.getColor(
-                        context,
-                        R.color.color_9970ff
-                    )
-                )
-            } else {
-                binding.tvAvailableParticipate.text = "Sold out"
-                binding.tvAvailableParticipate.setTextColor(
-                    ContextCompat.getColor(
-                        context,
-                        R.color.color_ffd300
-                    )
-                )
-            }
-
-            if (item.price < 1) {
-                binding.tvPrice.text = "무료"
-                binding.tvPrice.setCompoundDrawables(null, null, null, null)
-            } else {
-                binding.tvPrice.text = item.price.moneyFormat()
+            if (item.price > 0) {
+                binding.tvPrice.text = "${item.price}"
                 binding.tvPrice.setCompoundDrawablesWithIntrinsicBounds(
+                    R.drawable.ic_can_white,
                     0,
                     0,
-                    R.drawable.ic_can,
                     0
                 )
+                binding.tvPrice.setBackgroundResource(R.drawable.bg_round_corner_13_3_dd4500)
+            } else {
+                binding.tvPrice.text = "무료"
+                binding.tvPrice.setCompoundDrawables(null, null, null, null)
+                binding.tvPrice.setBackgroundResource(R.drawable.bg_round_corner_13_3_111111)
+            }
+
+            if (item.tags.isNotEmpty()) {
+                binding.tvTags.visibility = View.VISIBLE
+                binding.tvTags.text = item.tags.joinToString(" ") { "#$it" }
+            } else {
+                binding.tvTags.visibility = View.GONE
+            }
+
+            binding.tvTitle.text = item.title
+            binding.tvNickname.text = item.creatorNickname
+            binding.ivProfile.loadUrl(item.creatorProfileImage) {
+                crossfade(true)
+                placeholder(R.drawable.ic_place_holder)
+                transformations(CircleCropTransformation())
+            }
+
+            if (item.numberOfPeople - item.numberOfParticipate <= 2) {
+                binding.llRemainingParticipant.visibility = View.VISIBLE
+                if (item.numberOfPeople > item.numberOfParticipate) {
+                    binding.tvRemainingParticipantNumber.visibility = View.VISIBLE
+                    binding.tvRemainingParticipant.text = "잔여"
+                    binding.tvRemainingParticipantNumber.text =
+                        "${item.numberOfPeople - item.numberOfParticipate}"
+                } else {
+                    binding.tvRemainingParticipantNumber.visibility = View.GONE
+                    binding.tvRemainingParticipant.text = "Sold out"
+                    binding.tvRemainingParticipantNumber.text = ""
+                }
+            } else {
+                binding.llRemainingParticipant.visibility = View.GONE
             }
 
             binding.root.setOnClickListener { onClick(item) }

app/src/main/java/kr/co/vividnext/sodalive/live/room/LiveRoomActivity.kt

@@ -27,11 +27,10 @@ import androidx.activity.OnBackPressedCallback
 import androidx.activity.result.contract.ActivityResultContracts
 import androidx.appcompat.widget.PopupMenu
 import androidx.core.content.ContextCompat
-import androidx.recyclerview.widget.GridLayoutManager
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
-import coil.load
 import coil.transform.CircleCropTransformation
+import com.bumptech.glide.Glide
 import com.github.dhaval2404.imagepicker.ImagePicker
 import com.google.gson.Gson
 import com.orhanobut.logger.Logger
@@ -55,6 +54,7 @@ import kr.co.vividnext.sodalive.common.SodaLiveService
 import kr.co.vividnext.sodalive.databinding.ActivityLiveRoomBinding
 import kr.co.vividnext.sodalive.dialog.LiveDialog
 import kr.co.vividnext.sodalive.extensions.dpToPx
+import kr.co.vividnext.sodalive.extensions.loadUrl
 import kr.co.vividnext.sodalive.extensions.moneyFormat
 import kr.co.vividnext.sodalive.live.room.chat.LiveRoomChatAdapter
 import kr.co.vividnext.sodalive.live.room.chat.LiveRoomChatRawMessage
@@ -63,6 +63,7 @@ import kr.co.vividnext.sodalive.live.room.chat.LiveRoomDonationChat
 import kr.co.vividnext.sodalive.live.room.chat.LiveRoomDonationStatusChat
 import kr.co.vividnext.sodalive.live.room.chat.LiveRoomJoinChat
 import kr.co.vividnext.sodalive.live.room.chat.LiveRoomNormalChat
+import kr.co.vividnext.sodalive.live.room.chat.LiveRoomRouletteDonationChat
 import kr.co.vividnext.sodalive.live.room.donation.LiveRoomDonationDialog
 import kr.co.vividnext.sodalive.live.room.donation.LiveRoomDonationMessageDialog
 import kr.co.vividnext.sodalive.live.room.donation.LiveRoomDonationMessageViewModel
@@ -72,6 +73,9 @@ import kr.co.vividnext.sodalive.live.room.profile.LiveRoomProfileDialog
 import kr.co.vividnext.sodalive.live.room.profile.LiveRoomProfileListAdapter
 import kr.co.vividnext.sodalive.live.room.profile.LiveRoomUserProfileDialog
 import kr.co.vividnext.sodalive.live.room.update.LiveRoomInfoEditDialog
+import kr.co.vividnext.sodalive.live.roulette.RoulettePreviewDialog
+import kr.co.vividnext.sodalive.live.roulette.RouletteSpinDialog
+import kr.co.vividnext.sodalive.live.roulette.config.RouletteConfigActivity
 import kr.co.vividnext.sodalive.report.ProfileReportDialog
 import kr.co.vividnext.sodalive.report.ReportType
 import kr.co.vividnext.sodalive.report.UserReportDialog
@@ -106,11 +110,22 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
     private var isSpeakerMute = false
     private var isMicrophoneMute = false
     private var isSpeaker = false
-    private var isSpeakerFold = false
 
     private var isNoChatting = false
     private var remainingNoChattingTime = noChattingTime
 
+    private val signatureImageUrlList = mutableListOf<String>()
+    private var signatureImageUrl = ""
+        set(value) {
+            field = value
+
+            if (field.isNotBlank()) {
+                showSignatureImage()
+            }
+        }
+
+    private var isShowSignatureImage = false
+
     private val countDownTimer = object : CountDownTimer(remainingNoChattingTime * 1000, 1000) {
         override fun onTick(millisUntilFinished: Long) {
             remainingNoChattingTime -= 1
@@ -179,6 +194,27 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
             }
         }
 
+    private val rouletteConfigResult = registerForActivityResult(
+        ActivityResultContracts.StartActivityForResult()
+    ) { result ->
+        val resultCode = result.resultCode
+        val isActiveRoulette = result.data?.getBooleanExtra(Constants.EXTRA_RESULT_ROULETTE, false)
+
+        if (resultCode == RESULT_OK && isActiveRoulette != null) {
+            agora.sendRawMessageToGroup(
+                rawMessage = Gson().toJson(
+                    LiveRoomChatRawMessage(
+                        type = LiveRoomChatRawMessageType.TOGGLE_ROULETTE,
+                        message = "",
+                        can = 0,
+                        donationMessage = "",
+                        isActiveRoulette = isActiveRoulette
+                    )
+                ).toByteArray()
+            )
+        }
+    }
+
     override fun onCreate(savedInstanceState: Bundle?) {
         agora = Agora(
             context = this,
@@ -328,8 +364,6 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
             isStaff = {
                 viewModel.isEqualToManagerId(it.toInt())
             },
-            onClickSendMessage = { userId, nickname ->
-            },
             onClickSetManager = {
                 setManagerMessageToPeer(userId = it)
                 viewModel.setManager(roomId = roomId, userId = it) {
@@ -430,33 +464,8 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
 
             dialog.show(screenWidth)
         }
-        binding.ivNotification.setOnClickListener { viewModel.toggleShowNotice() }
-        binding.rlNotice.setOnClickListener { viewModel.toggleExpandNotice() }
-        binding.tvSpeakerFold.setOnClickListener {
-            isSpeakerFold = !isSpeakerFold
-
-            if (isSpeakerFold) {
-                binding.rlSpeaker.visibility = View.VISIBLE
-                binding.rvSpeakers.visibility = View.VISIBLE
-                binding.tvSpeakerFold.text = "접기"
-                binding.tvSpeakerFold.setCompoundDrawablesWithIntrinsicBounds(
-                    R.drawable.ic_live_detail_top,
-                    0,
-                    0,
-                    0
-                )
-            } else {
-                binding.rlSpeaker.visibility = View.GONE
-                binding.rvSpeakers.visibility = View.GONE
-                binding.tvSpeakerFold.text = "펼치기"
-                binding.tvSpeakerFold.setCompoundDrawablesWithIntrinsicBounds(
-                    R.drawable.ic_live_detail_bottom,
-                    0,
-                    0,
-                    0
-                )
-            }
-        }
+        binding.tvNotification.setOnClickListener { viewModel.toggleShowNotice() }
+        binding.tvMenuPan.setOnClickListener { viewModel.toggleShowMenuPan() }
 
         binding.tvBgSwitch.setOnClickListener { viewModel.toggleBackgroundImage() }
         binding.llDonation.setOnClickListener {
@@ -551,7 +560,9 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
         dialog.setPositiveButton("차단") { _, _ ->
             roomUserProfileDialog.dismiss()
             viewModel.memberBlock(userId) {
-                kickOut(userId)
+                if (viewModel.roomInfoResponse.creatorId == SharedPreferenceManager.userId) {
+                    kickOut(userId)
+                }
             }
         }
         dialog.setNegativeButton("취소") { _, _ -> }
@@ -596,11 +607,11 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
                 binding.tvBgSwitch.setTextColor(
                     ContextCompat.getColor(
                         applicationContext,
-                        R.color.color_9970ff
+                        R.color.color_3bb9f1
                     )
                 )
                 binding.tvBgSwitch
-                    .setBackgroundResource(R.drawable.bg_round_corner_13_3_transparent_9970ff)
+                    .setBackgroundResource(R.drawable.bg_round_corner_5_3_transparent_3bb9f1)
             } else {
                 binding.ivCover.visibility = View.GONE
                 binding.tvBgSwitch.text = "배경 OFF"
@@ -611,7 +622,7 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
                     )
                 )
                 binding.tvBgSwitch
-                    .setBackgroundResource(R.drawable.bg_round_corner_13_3_transparent_bbbbbb)
+                    .setBackgroundResource(R.drawable.bg_round_corner_5_3_transparent_bbbbbb)
             }
         }
 
@@ -647,10 +658,6 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
             }
 
             binding.tvTitle.text = response.title
-            binding.ivCover.load(response.coverImageUrl) {
-                crossfade(true)
-                placeholder(R.drawable.ic_place_holder)
-            }
 
             binding.flDonation.visibility =
                 if (response.creatorId != SharedPreferenceManager.userId) {
@@ -693,44 +700,52 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
             }
 
             speakerListAdapter.managerId = response.creatorId
-            speakerListAdapter.updateList(response.speakerList)
+            speakerListAdapter.updateList(
+                response.speakerList.filter {
+                    it.id != response.creatorId
+                }
+            )
 
             if (response.creatorId == SharedPreferenceManager.userId) {
                 binding.ivEdit.setOnClickListener {
-                    roomInfoEditDialog.setRoomInfo(response.title, response.notice)
-                    roomInfoEditDialog.setCoverImageUrl(response.coverImageUrl)
-                    roomInfoEditDialog.setConfirmAction { newTitle, newContent, newCoverImageUri ->
-                        viewModel.editLiveRoomInfo(
-                            response.roomId,
-                            newTitle,
-                            newContent,
-                            newCoverImageUri,
-                            onSuccess = {
-                                binding.tvTitle.text = newTitle
-                                setNoticeAndClickableUrl(binding.tvNotice, newContent)
+                    viewModel.getAllMenuPreset {
+                        roomInfoEditDialog.setRoomInfo(response.title, response.notice)
+                        roomInfoEditDialog.setCoverImageUrl(response.coverImageUrl)
+                        roomInfoEditDialog.setMenuPreset(it)
+                        roomInfoEditDialog.setConfirmAction { newTitle, newContent, newCoverImageUri, isActivateMenu, menuId, menu ->
+                            viewModel.editLiveRoomInfo(
+                                response.roomId,
+                                newTitle,
+                                newContent,
+                                newCoverImageUri,
+                                isActivateMenu,
+                                menuId,
+                                menu,
+                                onSuccess = {
+                                    Toast.makeText(
+                                        applicationContext,
+                                        "라이브 정보가 수정되었습니다.",
+                                        Toast.LENGTH_LONG
+                                    ).show()
 
-                                if (newCoverImageUri != null) {
-                                    binding.ivCover.load(newCoverImageUri) {
-                                        crossfade(true)
-                                        placeholder(R.drawable.ic_place_holder)
-                                    }
+                                    agora.sendRawMessageToGroup(
+                                        rawMessage = Gson().toJson(
+                                            LiveRoomChatRawMessage(
+                                                type = LiveRoomChatRawMessageType.EDIT_ROOM_INFO,
+                                                message = "",
+                                                can = 0,
+                                                donationMessage = ""
+                                            )
+                                        ).toByteArray()
+                                    )
                                 }
+                            )
+                        }
 
-                                agora.sendRawMessageToGroup(
-                                    rawMessage = Gson().toJson(
-                                        LiveRoomChatRawMessage(
-                                            type = LiveRoomChatRawMessageType.EDIT_ROOM_INFO,
-                                            message = "",
-                                            can = 0,
-                                            donationMessage = ""
-                                        )
-                                    ).toByteArray()
-                                )
-                            }
-                        )
+                        handler.post {
+                            roomInfoEditDialog.show(screenWidth)
+                        }
                     }
-
-                    roomInfoEditDialog.show(screenWidth)
                 }
 
                 binding.ivEdit.visibility = View.VISIBLE
@@ -770,7 +785,7 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
             setNoticeAndClickableUrl(binding.tvNotice, response.notice)
 
             binding.tvCreatorNickname.text = response.creatorNickname
-            binding.ivCreatorProfile.load(response.creatorProfileUrl) {
+            binding.ivCreatorProfile.loadUrl(response.creatorProfileUrl) {
                 crossfade(true)
                 placeholder(R.drawable.ic_place_holder)
                 transformations(CircleCropTransformation())
@@ -805,6 +820,21 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
                 binding.ivCreatorFollow.visibility = View.GONE
             }
 
+            initRouletteSettingButton(isHost = response.creatorId == SharedPreferenceManager.userId)
+            activatingRouletteButton(
+                isHost = response.creatorId == SharedPreferenceManager.userId,
+                isActiveRoulette = response.isActiveRoulette
+            )
+
+            if (response.menuPan.isNotBlank()) {
+                binding.tvMenuPan.visibility = View.VISIBLE
+                binding.tvMenuPanDetail.text = response.menuPan
+            } else {
+                viewModel.toggleShowMenuPan(false)
+                binding.tvMenuPan.visibility = View.GONE
+                binding.tvMenuPanDetail.text = ""
+            }
+
             if (agora.rtmChannelIsNull()) {
                 joinChannel(response)
             }
@@ -812,25 +842,102 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
 
         viewModel.isShowNotice.observe(this) {
             if (it) {
-                binding.ivNotification.setImageResource(R.drawable.ic_notice_selected)
-                binding.rlNotice.visibility = View.VISIBLE
+                binding.tvNotification.setTextColor(
+                    ContextCompat.getColor(
+                        applicationContext,
+                        R.color.color_3bb9f1
+                    )
+                )
+                binding.tvNotification.setBackgroundResource(
+                    R.drawable.bg_round_corner_5_3_transparent_3bb9f1
+                )
+
+                binding.llNotice.visibility = View.VISIBLE
             } else {
-                binding.ivNotification.setImageResource(R.drawable.ic_notice_normal)
-                binding.rlNotice.visibility = View.GONE
+                binding.tvNotification.setTextColor(
+                    ContextCompat.getColor(
+                        applicationContext,
+                        R.color.color_bbbbbb
+                    )
+                )
+                binding.tvNotification.setBackgroundResource(
+                    R.drawable.bg_round_corner_5_3_transparent_bbbbbb
+                )
+
+                binding.llNotice.visibility = View.GONE
             }
         }
 
-        viewModel.isExpandNotice.observe(this) {
-            binding.tvNotice.maxLines = if (it) {
-                Int.MAX_VALUE
+        viewModel.isShowMenuPan.observe(this) {
+            if (it) {
+                binding.tvMenuPan.setTextColor(
+                    ContextCompat.getColor(
+                        applicationContext,
+                        R.color.color_3bb9f1
+                    )
+                )
+                binding.tvMenuPan.setBackgroundResource(
+                    R.drawable.bg_round_corner_5_3_transparent_3bb9f1
+                )
+
+                binding.llMenuPan.visibility = View.VISIBLE
             } else {
-                1
+                binding.tvMenuPan.setTextColor(
+                    ContextCompat.getColor(
+                        applicationContext,
+                        R.color.color_bbbbbb
+                    )
+                )
+                binding.tvMenuPan.setBackgroundResource(
+                    R.drawable.bg_round_corner_5_3_transparent_bbbbbb
+                )
+
+                binding.llMenuPan.visibility = View.GONE
             }
         }
 
         viewModel.totalDonationCan.observe(this) {
             binding.tvTotalCan.text = it.moneyFormat()
         }
+
+        viewModel.coverImageUrlLiveData.observe(this) {
+            binding.ivCover.loadUrl(it)
+        }
+    }
+
+    private fun initRouletteSettingButton(isHost: Boolean) {
+        if (isHost) {
+            binding.flRouletteSettings.visibility = View.VISIBLE
+            binding.flRouletteSettings.setOnClickListener {
+                rouletteConfigResult.launch(
+                    Intent(
+                        applicationContext,
+                        RouletteConfigActivity::class.java
+                    )
+                )
+            }
+        } else {
+            binding.flRouletteSettings.visibility = View.GONE
+        }
+    }
+
+    private fun activatingRouletteButton(isHost: Boolean, isActiveRoulette: Boolean) {
+        if (!isHost && isActiveRoulette) {
+            binding.flRoulette.visibility = View.VISIBLE
+            binding.flRoulette.setOnClickListener {
+                viewModel.showRoulette {
+                    RoulettePreviewDialog(
+                        activity = this,
+                        preview = it,
+                        onClickSpin = { spinRoulette() },
+                        layoutInflater = layoutInflater
+                    ).show()
+                }
+            }
+
+        } else {
+            binding.flRoulette.visibility = View.GONE
+        }
     }
 
     private fun setNoticeAndClickableUrl(textView: TextView, text: String) {
@@ -937,7 +1044,11 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
         val rvSpeakers = binding.rvSpeakers
         speakerListAdapter = LiveRoomProfileListAdapter()
 
-        rvSpeakers.layoutManager = GridLayoutManager(applicationContext, 5)
+        rvSpeakers.layoutManager = LinearLayoutManager(
+            applicationContext,
+            LinearLayoutManager.HORIZONTAL,
+            false
+        )
         rvSpeakers.addItemDecoration(object : RecyclerView.ItemDecoration() {
             override fun getItemOffsets(
                 outRect: Rect,
@@ -947,8 +1058,8 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
             ) {
                 super.getItemOffsets(outRect, view, parent, state)
 
-                outRect.top = 5f.dpToPx().toInt()
-                outRect.bottom = 5f.dpToPx().toInt()
+                outRect.left = 4f.dpToPx().toInt()
+                outRect.right = 4f.dpToPx().toInt()
             }
         })
         rvSpeakers.adapter = speakerListAdapter
@@ -971,6 +1082,8 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
         agora.muteLocalAudioStream(false)
         agora.setClientRole(io.agora.rtc2.Constants.CLIENT_ROLE_AUDIENCE)
         handler.postDelayed({
+            binding.tvChangeListener.visibility = View.GONE
+            binding.tvChangeListener.setOnClickListener { }
             binding.ivMicrophoneMute.setImageResource(R.drawable.ic_mic_on)
             binding.flMicrophoneMute.visibility = View.GONE
             binding.ivNotiMicrophoneMute.visibility = View.GONE
@@ -1090,10 +1203,14 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
         isMicrophoneMute = !isMicrophoneMute
         agora.muteLocalAudioStream(isMicrophoneMute)
 
-        if (isMicrophoneMute) {
-            speakerListAdapter.muteSpeakers.add(SharedPreferenceManager.userId.toInt())
+        if (SharedPreferenceManager.userId == viewModel.roomInfoResponse.creatorId) {
+            setMuteSpeakerCreator(isMicrophoneMute)
         } else {
-            speakerListAdapter.muteSpeakers.remove(SharedPreferenceManager.userId.toInt())
+            if (isMicrophoneMute) {
+                speakerListAdapter.muteSpeakers.add(SharedPreferenceManager.userId.toInt())
+            } else {
+                speakerListAdapter.muteSpeakers.remove(SharedPreferenceManager.userId.toInt())
+            }
         }
     }
 
@@ -1152,16 +1269,18 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
 
     private fun donation(can: Int, message: String) {
         val rawMessage = "${can}캔을 후원하셨습니다.\uD83D\uDCB0\uD83E\uDE99"
-        val donationRawMessage = Gson().toJson(
-            LiveRoomChatRawMessage(
-                type = LiveRoomChatRawMessageType.DONATION,
-                message = rawMessage,
-                can = can,
-                donationMessage = message
-            )
-        )
 
-        viewModel.donation(roomId, can, message) {
+        viewModel.donation(roomId, can, message) { signatureImage ->
+            val donationRawMessage = Gson().toJson(
+                LiveRoomChatRawMessage(
+                    type = LiveRoomChatRawMessageType.DONATION,
+                    message = rawMessage,
+                    can = can,
+                    signatureImageUrl = signatureImage,
+                    donationMessage = message
+                )
+            )
+
             agora.sendRawMessageToGroup(
                 rawMessage = donationRawMessage.toByteArray(),
                 onSuccess = {
@@ -1181,6 +1300,7 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
                         )
                         invalidateChat()
                         viewModel.addDonationCan(can)
+                        addSignatureImage(signatureImage)
                     }
                 },
                 onFailure = {
@@ -1190,6 +1310,46 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
         }
     }
 
+    private fun spinRoulette() {
+        viewModel.spinRoulette(roomId = roomId) { can, items, randomlySelectedItem ->
+            val rouletteRawMessage = Gson().toJson(
+                LiveRoomChatRawMessage(
+                    type = LiveRoomChatRawMessageType.ROULETTE_DONATION,
+                    message = randomlySelectedItem,
+                    can = can,
+                    donationMessage = "",
+                )
+            )
+
+            RouletteSpinDialog(
+                activity = this@LiveRoomActivity,
+                items = items,
+                selectedItem = randomlySelectedItem,
+                layoutInflater = layoutInflater
+            ) {
+                agora.sendRawMessageToGroup(
+                    rawMessage = rouletteRawMessage.toByteArray(),
+                    onSuccess = {
+                        handler.post {
+                            chatAdapter.items.add(
+                                LiveRoomRouletteDonationChat(
+                                    profileUrl = SharedPreferenceManager.profileImage,
+                                    nickname = SharedPreferenceManager.nickname,
+                                    rouletteResult = randomlySelectedItem
+                                )
+                            )
+                            invalidateChat()
+                            viewModel.addDonationCan(can)
+                        }
+                    },
+                    onFailure = {
+                        viewModel.refundRouletteDonation(roomId)
+                    }
+                )
+            }.show()
+        }
+    }
+
     private fun joinChannel(roomInfo: GetRoomInfoResponse) {
         loadingDialog.show(width = screenWidth, message = "라이브에 입장하고 있습니다.")
 
@@ -1247,6 +1407,9 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
                                     )
                                     invalidateChat()
                                     viewModel.addDonationCan(rawMessage.can)
+                                    addSignatureImage(
+                                        imageUrl = rawMessage.signatureImageUrl ?: ""
+                                    )
                                 }
                             }
 
@@ -1261,6 +1424,31 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
                                     invalidateChat()
                                 }
                             }
+
+                            LiveRoomChatRawMessageType.TOGGLE_ROULETTE -> {
+                                handler.post {
+                                    activatingRouletteButton(
+                                        isHost = viewModel
+                                            .roomInfoResponse
+                                            .creatorId == SharedPreferenceManager.userId,
+                                        isActiveRoulette = rawMessage.isActiveRoulette ?: false
+                                    )
+                                }
+                            }
+
+                            LiveRoomChatRawMessageType.ROULETTE_DONATION -> {
+                                handler.post {
+                                    chatAdapter.items.add(
+                                        LiveRoomRouletteDonationChat(
+                                            profileUrl = profileUrl,
+                                            nickname = nickname,
+                                            rouletteResult = rawMessage.message
+                                        )
+                                    )
+                                    invalidateChat()
+                                    viewModel.addDonationCan(rawMessage.can)
+                                }
+                            }
                         }
                     } else {
                         val chat = message.text
@@ -1338,6 +1526,14 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
         }
     }
 
+    private fun setMuteSpeakerCreator(isMute: Boolean) {
+        binding.ivMute.visibility = if (isMute) {
+            View.VISIBLE
+        } else {
+            View.GONE
+        }
+    }
+
     private val rtcEventHandler = object : IRtcEngineEventHandler() {
         @SuppressLint("NotifyDataSetChanged")
         override fun onAudioVolumeIndication(
@@ -1345,6 +1541,9 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
             totalVolume: Int
         ) {
             super.onAudioVolumeIndication(speakers, totalVolume)
+
+            Logger.e("onAudioVolumeIndication - $speakers")
+
             val activeSpeakerIds = speakers
                 .asSequence()
                 .filter { it.volume > 0 }
@@ -1353,13 +1552,17 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
 
             Logger.e("onAudioVolumeIndication - $activeSpeakerIds")
             handler.post {
-                speakerListAdapter.activeSpeakers.clear()
-                speakerListAdapter.activeSpeakers.addAll(activeSpeakerIds)
+                if (!activeSpeakerIds.contains(0)) {
+                    speakerListAdapter.activeSpeakers.clear()
+                    speakerListAdapter.activeSpeakers.addAll(activeSpeakerIds)
+                    speakerListAdapter.notifyDataSetChanged()
 
-                if (activeSpeakerIds.contains(0) && !isMicrophoneMute) {
-                    speakerListAdapter.activeSpeakers.add(SharedPreferenceManager.userId.toInt())
+                    if (activeSpeakerIds.contains(viewModel.roomInfoResponse.creatorId.toInt())) {
+                        binding.ivCreatorProfileBg.visibility = View.VISIBLE
+                    } else {
+                        binding.ivCreatorProfileBg.visibility = View.GONE
+                    }
                 }
-                speakerListAdapter.notifyDataSetChanged()
             }
         }
 
@@ -1389,12 +1592,16 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
         override fun onUserMuteAudio(uid: Int, muted: Boolean) {
             super.onUserMuteAudio(uid, muted)
             handler.post {
-                if (muted) {
-                    speakerListAdapter.muteSpeakers.add(uid)
+                if (uid == viewModel.roomInfoResponse.creatorId.toInt()) {
+                    setMuteSpeakerCreator(muted)
                 } else {
-                    speakerListAdapter.muteSpeakers.remove(uid)
+                    if (muted) {
+                        speakerListAdapter.muteSpeakers.add(uid)
+                    } else {
+                        speakerListAdapter.muteSpeakers.remove(uid)
+                    }
+                    speakerListAdapter.notifyDataSetChanged()
                 }
-                speakerListAdapter.notifyDataSetChanged()
             }
             Logger.e("onUserMuteAudio - uid: $uid, muted: $muted")
         }
@@ -1479,6 +1686,18 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
                                         showDialog(content = "스피커가 되었어요!")
                                         setBroadcaster()
                                         viewModel.getRoomInfo(roomId)
+                                        binding.tvChangeListener.visibility = View.VISIBLE
+                                        binding.tvChangeListener.setOnClickListener {
+                                            handler.post {
+                                                viewModel.setListener(
+                                                    roomId,
+                                                    SharedPreferenceManager.userId
+                                                ) {
+                                                    setAudience()
+                                                    viewModel.getRoomInfo(roomId)
+                                                }
+                                            }
+                                        }
                                     }
                                 }
                             }
@@ -1532,6 +1751,38 @@ class LiveRoomActivity : BaseActivity<ActivityLiveRoomBinding>(ActivityLiveRoomB
         }
     }
 
+    private fun addSignatureImage(imageUrl: String) {
+        if (imageUrl.isNotBlank()) {
+            if (!isShowSignatureImage) {
+                isShowSignatureImage = true
+                signatureImageUrl = imageUrl
+            } else {
+                signatureImageUrlList.add(imageUrl)
+            }
+        }
+    }
+
+    private fun showSignatureImage() {
+        if (signatureImageUrl.isNotBlank()) {
+            Glide
+                .with(this)
+                .load(signatureImageUrl)
+                .into(binding.ivSignature)
+
+            binding.ivSignature.visibility = View.VISIBLE
+            handler.postDelayed({
+                if (signatureImageUrlList.isNotEmpty()) {
+                    signatureImageUrl = signatureImageUrlList.removeAt(0)
+                } else {
+                    signatureImageUrl = ""
+                    isShowSignatureImage = false
+                    binding.ivSignature.setImageDrawable(null)
+                    binding.ivSignature.visibility = View.GONE
+                }
+            }, 7000)
+        }
+    }
+
     companion object {
         private const val noChattingTime = 180L
     }

app/src/main/java/kr/co/vividnext/sodalive/live/room/LiveRoomViewModel.kt

@@ -18,8 +18,14 @@ import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.live.LiveRepository
 import kr.co.vividnext.sodalive.live.room.donation.GetLiveRoomDonationStatusResponse
 import kr.co.vividnext.sodalive.live.room.info.GetRoomInfoResponse
+import kr.co.vividnext.sodalive.live.room.menu.GetMenuPresetResponse
 import kr.co.vividnext.sodalive.live.room.profile.GetLiveRoomUserProfileResponse
 import kr.co.vividnext.sodalive.live.room.update.EditLiveRoomInfoRequest
+import kr.co.vividnext.sodalive.live.roulette.RouletteItem
+import kr.co.vividnext.sodalive.live.roulette.RoulettePreview
+import kr.co.vividnext.sodalive.live.roulette.RoulettePreviewItem
+import kr.co.vividnext.sodalive.live.roulette.RouletteRepository
+import kr.co.vividnext.sodalive.live.roulette.SpinRouletteRequest
 import kr.co.vividnext.sodalive.report.ReportRepository
 import kr.co.vividnext.sodalive.report.ReportRequest
 import kr.co.vividnext.sodalive.report.ReportType
@@ -29,11 +35,13 @@ import okhttp3.MultipartBody
 import okhttp3.RequestBody.Companion.asRequestBody
 import okhttp3.RequestBody.Companion.toRequestBody
 import java.io.File
+import kotlin.math.floor
 
 class LiveRoomViewModel(
     private val repository: LiveRepository,
     private val userRepository: UserRepository,
-    private val reportRepository: ReportRepository
+    private val reportRepository: ReportRepository,
+    private val rouletteRepository: RouletteRepository
 ) : BaseViewModel() {
     private val _roomInfoLiveData = MutableLiveData<GetRoomInfoResponse>()
     val roomInfoLiveData: LiveData<GetRoomInfoResponse>
@@ -43,13 +51,13 @@ class LiveRoomViewModel(
     val toastLiveData: LiveData<String?>
         get() = _toastLiveData
 
-    private val _isShowNotice = MutableLiveData(true)
+    private val _isShowNotice = MutableLiveData(false)
     val isShowNotice: LiveData<Boolean>
         get() = _isShowNotice
 
-    private val _isExpandNotice = MutableLiveData(false)
-    val isExpandNotice: LiveData<Boolean>
-        get() = _isExpandNotice
+    private val _isShowMenuPan = MutableLiveData(false)
+    val isShowMenuPan: LiveData<Boolean>
+        get() = _isShowMenuPan
 
     private val _totalDonationCan = MutableLiveData(0)
     val totalDonationCan: LiveData<Int>
@@ -59,6 +67,10 @@ class LiveRoomViewModel(
     val userProfileLiveData: LiveData<GetLiveRoomUserProfileResponse>
         get() = _userProfileLiveData
 
+    private val _coverImageUrlLiveData = MutableLiveData("")
+    val coverImageUrlLiveData: LiveData<String>
+        get() = _coverImageUrlLiveData
+
     lateinit var roomInfoResponse: GetRoomInfoResponse
 
     fun isRoomInfoInitialized() = this::roomInfoResponse.isInitialized
@@ -185,9 +197,12 @@ class LiveRoomViewModel(
                     {
                         if (it.success && it.data != null) {
                             roomInfoResponse = it.data
-                            Logger.e("data: ${it.data}")
                             _roomInfoLiveData.postValue(roomInfoResponse)
 
+                            if (_coverImageUrlLiveData.value!! != roomInfoResponse.coverImageUrl) {
+                                _coverImageUrlLiveData.value = roomInfoResponse.coverImageUrl
+                            }
+
                             getTotalDonationCan(roomId = roomId)
 
                             if (userId > 0 && it.data.creatorId == SharedPreferenceManager.userId) {
@@ -345,12 +360,18 @@ class LiveRoomViewModel(
     }
 
     fun toggleShowNotice() {
+        _isShowMenuPan.value = false
         _isShowNotice.value = !isShowNotice.value!!
-        _isExpandNotice.value = false
     }
 
-    fun toggleExpandNotice() {
-        _isExpandNotice.value = !isExpandNotice.value!!
+    fun toggleShowMenuPan(isShowMenuPan: Boolean? = null) {
+        _isShowNotice.value = false
+
+        if (isShowMenuPan != null) {
+            _isShowMenuPan.value = isShowMenuPan
+        } else {
+            _isShowMenuPan.value = !this.isShowMenuPan.value!!
+        }
     }
 
     fun toggleBackgroundImage() {
@@ -362,6 +383,9 @@ class LiveRoomViewModel(
         newTitle: String,
         newContent: String,
         newCoverImageUri: Uri? = null,
+        isActivateMenu: Boolean?,
+        menuId: Long,
+        menu: String,
         onSuccess: () -> Unit
     ) {
         val request = EditLiveRoomInfoRequest(
@@ -377,17 +401,25 @@ class LiveRoomViewModel(
             },
             numberOfPeople = null,
             beginDateTimeString = null,
-            timezone = null
+            timezone = null,
+            menuPanId = if (isActivateMenu == true) menuId else 0,
+            menuPan = if (isActivateMenu == true) menu else "",
+            isActiveMenuPan = isActivateMenu
         )
 
-        val requestJson = if (request.title != null || request.notice != null) {
+        val requestJson = if (
+            request.title != null ||
+            request.notice != null ||
+            request.isActiveMenuPan != null ||
+            request.menuPan.isNotBlank()
+        ) {
             Gson().toJson(request)
         } else {
             null
         }
 
         val coverImage = if (newCoverImageUri != null) {
-            val file = File(getRealPathFromURI(newCoverImageUri!!))
+            val file = File(getRealPathFromURI(newCoverImageUri))
             MultipartBody.Part.createFormData(
                 "coverImage",
                 file.name,
@@ -476,7 +508,7 @@ class LiveRoomViewModel(
         )
     }
 
-    fun donation(roomId: Long, can: Int, message: String, onSuccess: () -> Unit) {
+    fun donation(roomId: Long, can: Int, message: String, onSuccess: (String) -> Unit) {
         _isLoading.postValue(true)
         compositeDisposable.add(
             repository.donation(roomId, can, message, "Bearer ${SharedPreferenceManager.token}")
@@ -487,7 +519,7 @@ class LiveRoomViewModel(
                         _isLoading.value = false
                         if (it.success) {
                             SharedPreferenceManager.can -= can
-                            onSuccess()
+                            onSuccess(it.data ?: "")
                         } else {
                             if (it.message != null) {
                                 _toastLiveData.postValue(it.message)
@@ -775,4 +807,188 @@ class LiveRoomViewModel(
                 )
         )
     }
+
+    fun showRoulette(complete: (RoulettePreview) -> Unit) {
+        if (!_isLoading.value!!) {
+            _isLoading.value = true
+            compositeDisposable.add(
+                rouletteRepository.getRoulette(
+                    creatorId = roomInfoResponse.creatorId,
+                    token = "Bearer ${SharedPreferenceManager.token}"
+                )
+                    .subscribeOn(Schedulers.io())
+                    .observeOn(AndroidSchedulers.mainThread())
+                    .subscribe(
+                        {
+                            _isLoading.value = false
+
+                            val data = it.data
+                            if (
+                                it.success &&
+                                data != null &&
+                                data.isActive &&
+                                data.items.isNotEmpty()
+                            ) {
+                                complete(
+                                    RoulettePreview(
+                                        data.can,
+                                        items = calculatePercentages(data.items)
+                                    )
+                                )
+                            } else {
+                                val message = it.message ?: "룰렛을 사용할 수 없습니다. 다시 시도해 주세요."
+                                _toastLiveData.postValue(message)
+                            }
+                        },
+                        {
+                            _isLoading.value = false
+                            it.message?.let { message -> Logger.e(message) }
+                            _toastLiveData.postValue("룰렛을 사용할 수 없습니다. 다시 시도해 주세요.")
+                        }
+                    )
+            )
+        }
+    }
+
+    fun spinRoulette(roomId: Long, complete: (Int, List<RouletteItem>, String) -> Unit) {
+        if (!_isLoading.value!!) {
+            _isLoading.value = true
+            compositeDisposable.add(
+                rouletteRepository.spinRoulette(
+                    request = SpinRouletteRequest(roomId = roomId),
+                    token = "Bearer ${SharedPreferenceManager.token}"
+                )
+                    .subscribeOn(Schedulers.io())
+                    .observeOn(AndroidSchedulers.mainThread())
+                    .subscribe(
+                        {
+                            _isLoading.value = false
+
+                            val data = it.data
+                            if (
+                                it.success &&
+                                data != null &&
+                                data.isActive &&
+                                data.items.isNotEmpty()
+                            ) {
+                                SharedPreferenceManager.can -= data.can
+                                randomSelectRouletteItem(data.can, data.items, complete)
+                            } else {
+                                val message = it.message ?: "룰렛을 사용할 수 없습니다. 다시 시도해 주세요."
+                                _toastLiveData.postValue(message)
+                            }
+                        },
+                        {
+                            _isLoading.value = false
+                            it.message?.let { message -> Logger.e(message) }
+                            _toastLiveData.postValue("룰렛을 사용할 수 없습니다. 다시 시도해 주세요.")
+                        }
+                    )
+            )
+        }
+    }
+
+    fun refundRouletteDonation(roomId: Long) {
+        _isLoading.postValue(true)
+
+        compositeDisposable.add(
+            rouletteRepository.refundRouletteDonation(
+                roomId,
+                "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        _isLoading.value = false
+                        if (it.success) {
+                            _toastLiveData.postValue(
+                                "후원에 실패했습니다.\n다시 후원해주세요.\n" +
+                                    "계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                            )
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "후원에 실패한 캔이 환불되지 않았습니다\n고객센터로 문의해주세요."
+                                )
+                            }
+                        }
+                    },
+                    {
+                        _isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue(
+                            "후원에 실패한 캔이 환불되지 않았습니다\n고객센터로 문의해주세요."
+                        )
+                    }
+                )
+        )
+    }
+
+    fun getAllMenuPreset(onSuccess: (List<GetMenuPresetResponse>) -> Unit) {
+        _isLoading.value = true
+
+        compositeDisposable.add(
+            repository.getAllMenu(
+                creatorId = SharedPreferenceManager.userId,
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.success) {
+                            onSuccess(it.data ?: listOf())
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                )
+                            }
+                        }
+                        _isLoading.value = false
+                    },
+                    {
+                        _isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
+
+    private fun randomSelectRouletteItem(
+        can: Int,
+        items: List<RouletteItem>,
+        complete: (Int, List<RouletteItem>, String) -> Unit
+    ) {
+        _isLoading.value = true
+
+        val rouletteItems = mutableListOf<String>()
+        items.asSequence().forEach { item ->
+            repeat(item.weight * 10) {
+                rouletteItems.add(item.title)
+            }
+        }
+
+        _isLoading.value = false
+        complete(can, items, rouletteItems.random())
+    }
+
+    private fun calculatePercentages(options: List<RouletteItem>): List<RoulettePreviewItem> {
+        val totalWeight = options.sumOf { it.weight }
+        val updatedOptions = options.asSequence().map { option ->
+            val percent = floor(option.weight.toDouble() / totalWeight * 10000) / 100
+            RoulettePreviewItem(
+                title = option.title,
+                percent = "${String.format("%.2f", percent)}%"
+            )
+        }.toList()
+
+        return updatedOptions
+    }
 }

app/src/main/java/kr/co/vividnext/sodalive/live/room/chat/LiveRoomChat.kt

@@ -2,10 +2,12 @@ package kr.co.vividnext.sodalive.live.room.chat
 
 import android.annotation.SuppressLint
 import android.content.Context
+import android.graphics.Typeface
 import android.text.SpannableString
 import android.text.Spanned
 import android.text.TextUtils
 import android.text.style.ForegroundColorSpan
+import android.text.style.StyleSpan
 import android.view.View
 import androidx.core.content.ContextCompat
 import androidx.core.content.res.ResourcesCompat
@@ -65,12 +67,7 @@ data class LiveRoomJoinChat(
         )
 
         spStr.setSpan(
-            CustomTypefaceSpan(
-                ResourcesCompat.getFont(
-                    context,
-                    R.font.gmarket_sans_bold
-                )
-            ),
+            StyleSpan(Typeface.BOLD),
             str.indexOf("'"),
             str.indexOf("'님"),
             Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
@@ -174,6 +171,7 @@ data class LiveRoomNormalChat(
         itemBinding.tvNickname.text = nickname
 
         itemBinding.ivBg.visibility = View.VISIBLE
+        itemBinding.ivRoulette.visibility = View.GONE
         itemBinding.tvCreatorOrManager.visibility = View.GONE
 
         when (rank + 1) {
@@ -190,7 +188,7 @@ data class LiveRoomNormalChat(
             }
 
             -1 -> {
-                itemBinding.ivBg.setImageResource(R.drawable.bg_circle_6f3dec_9970ff)
+                itemBinding.ivBg.setImageResource(R.drawable.bg_circle_3bb9f1)
                 itemBinding.ivCrown.setImageResource(R.drawable.ic_crown)
                 itemBinding.ivCrown.visibility = View.VISIBLE
             }
@@ -229,7 +227,7 @@ data class LiveRoomNormalChat(
         )
 
         if (SharedPreferenceManager.userId == userId) {
-            itemBinding.llMessageBg.setBackgroundResource(R.drawable.bg_round_corner_3_3_999970ff)
+            itemBinding.llMessageBg.setBackgroundResource(R.drawable.bg_round_corner_3_3_553bb9f1)
         } else {
             itemBinding.llMessageBg.setBackgroundResource(R.drawable.bg_round_corner_3_3_99000000)
         }
@@ -259,7 +257,7 @@ data class LiveRoomDonationChat(
                 )
             ),
             0,
-            chat.indexOf("캔", 0, true) + 2,
+            chat.indexOf("캔", 0, true) + 1,
             Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
         )
 
@@ -288,6 +286,7 @@ data class LiveRoomDonationChat(
         itemBinding.ivCan.visibility = View.VISIBLE
         itemBinding.ivBg.visibility = View.GONE
         itemBinding.ivCrown.visibility = View.GONE
+        itemBinding.ivRoulette.visibility = View.GONE
         itemBinding.tvCreatorOrManager.visibility = View.GONE
 
         if (donationMessage.isNotBlank()) {
@@ -302,35 +301,89 @@ data class LiveRoomDonationChat(
 
         itemBinding.root.setBackgroundResource(
             when {
-                can >= 100000 -> {
-                    R.drawable.bg_round_corner_6_7_c25264
-                }
-
-                can >= 50000 -> {
-                    R.drawable.bg_round_corner_6_7_e6d85e37
-                }
-
                 can >= 10000 -> {
-                    R.drawable.bg_round_corner_6_7_e6d38c38
+                    R.drawable.bg_round_corner_6_7_ccc25264
                 }
 
                 can >= 5000 -> {
-                    R.drawable.bg_round_corner_6_7_e659548f
+                    R.drawable.bg_round_corner_6_7_ccd85e37
                 }
 
                 can >= 1000 -> {
-                    R.drawable.bg_round_corner_6_7_e64d6aa4
+                    R.drawable.bg_round_corner_6_7_ccd38c38
                 }
 
                 can >= 500 -> {
-                    R.drawable.bg_round_corner_6_7_e62d7390
+                    R.drawable.bg_round_corner_6_7_cc59548f
+                }
+
+                can >= 100 -> {
+                    R.drawable.bg_round_corner_6_7_cc4d6aa4
+                }
+
+                can >= 50 -> {
+                    R.drawable.bg_round_corner_6_7_cc2d7390
                 }
 
                 else -> {
-                    R.drawable.bg_round_corner_6_7_e6548f7d
+                    R.drawable.bg_round_corner_6_7_cc548f7d
                 }
             }
         )
         itemBinding.root.setPadding(33)
     }
 }
+
+data class LiveRoomRouletteDonationChat(
+    @SerializedName("profileUrl") val profileUrl: String,
+    @SerializedName("nickname") val nickname: String,
+    @SerializedName("rouletteResult") val rouletteResult: String
+) : LiveRoomChat() {
+    override fun bind(context: Context, binding: ViewBinding, onClickProfile: ((Long) -> Unit)?) {
+        val itemBinding = binding as ItemLiveRoomChatBinding
+        val chat = "[$rouletteResult] 당첨!"
+        val spChat = SpannableString(chat)
+        spChat.setSpan(
+            ForegroundColorSpan(
+                ContextCompat.getColor(
+                    context,
+                    R.color.color_ffe500
+                )
+            ),
+            0,
+            chat.indexOf("]", 0, true) + 1,
+            Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+        )
+
+        val spNickname = SpannableString("${nickname}님의 룰렛 결과?")
+        spNickname.setSpan(
+            StyleSpan(Typeface.NORMAL),
+            0,
+            nickname.length,
+            Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
+        )
+
+        itemBinding.ivProfile.load(profileUrl) {
+            crossfade(true)
+            placeholder(R.drawable.ic_place_holder)
+            transformations(RoundedCornersTransformation(23.3f.dpToPx()))
+        }
+        itemBinding.tvChat.text = spChat
+        itemBinding.tvNickname.text = spNickname
+        itemBinding.ivProfile.setOnClickListener {}
+
+        itemBinding.ivCan.visibility = View.GONE
+        itemBinding.ivBg.visibility = View.GONE
+        itemBinding.ivCrown.visibility = View.GONE
+        itemBinding.tvCreatorOrManager.visibility = View.GONE
+        itemBinding.ivRoulette.visibility = View.VISIBLE
+
+        itemBinding.tvDonationMessage.visibility = View.GONE
+
+        itemBinding.llMessageBg.setPadding(0)
+        itemBinding.llMessageBg.background = null
+
+        itemBinding.root.setBackgroundResource(R.drawable.bg_round_corner_6_7_ccc25264)
+        itemBinding.root.setPadding(33)
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/live/room/chat/LiveRoomChatRawMessage.kt

@@ -6,12 +6,22 @@ data class LiveRoomChatRawMessage(
     @SerializedName("type") val type: LiveRoomChatRawMessageType,
     @SerializedName("message") val message: String,
     @SerializedName("can") val can: Int,
-    @SerializedName("donationMessage") val donationMessage: String?
+    @SerializedName("signatureImageUrl") val signatureImageUrl: String? = null,
+    @SerializedName("donationMessage") val donationMessage: String?,
+    @SerializedName("isActiveRoulette") val isActiveRoulette: Boolean? = null
 )
 
 enum class LiveRoomChatRawMessageType {
-    @SerializedName("DONATION") DONATION,
-    @SerializedName("SET_MANAGER") SET_MANAGER,
-    @SerializedName("EDIT_ROOM_INFO") EDIT_ROOM_INFO,
-    @SerializedName("DONATION_STATUS") DONATION_STATUS
+    @SerializedName("DONATION")
+    DONATION,
+    @SerializedName("SET_MANAGER")
+    SET_MANAGER,
+    @SerializedName("EDIT_ROOM_INFO")
+    EDIT_ROOM_INFO,
+    @SerializedName("DONATION_STATUS")
+    DONATION_STATUS,
+    @SerializedName("TOGGLE_ROULETTE")
+    TOGGLE_ROULETTE,
+    @SerializedName("ROULETTE_DONATION")
+    ROULETTE_DONATION
 }

app/src/main/java/kr/co/vividnext/sodalive/live/room/create/CreateLiveRoomRequest.kt

@@ -14,5 +14,8 @@ data class CreateLiveRoomRequest(
     @SerializedName("beginDateTimeString") val beginDateTimeString: String? = null,
     @SerializedName("timezone") val timezone: String,
     @SerializedName("type") val type: LiveRoomType,
-    @SerializedName("password") val password: String? = null
+    @SerializedName("password") val password: String? = null,
+    @SerializedName("menuPanId") val menuPanId: Long = 0,
+    @SerializedName("menuPan") val menuPan: String = "",
+    @SerializedName("isActiveMenuPan") val isActiveMenuPan: Boolean = false
 )

app/src/main/java/kr/co/vividnext/sodalive/live/room/create/LiveRoomCreateActivity.kt

@@ -9,6 +9,7 @@ import android.os.Handler
 import android.os.Looper
 import android.view.MotionEvent
 import android.view.View
+import android.widget.ImageView
 import android.widget.LinearLayout
 import android.widget.TextView
 import android.widget.Toast
@@ -127,6 +128,8 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
         viewModel.setTimeNow(
             intent.getBooleanExtra(Constants.EXTRA_LIVE_TIME_NOW, true)
         )
+
+        viewModel.getAllMenuPreset()
     }
 
     @SuppressLint("SetTextI18n", "ClickableViewAccessibility")
@@ -295,6 +298,30 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
             }
             false
         }
+
+        binding.etMenu.setOnTouchListener { view, motionEvent ->
+            view.parent.parent.requestDisallowInterceptTouchEvent(true)
+            if ((motionEvent.action and MotionEvent.ACTION_MASK) == MotionEvent.ACTION_UP) {
+                view.parent.parent.requestDisallowInterceptTouchEvent(false)
+            }
+            false
+        }
+
+        binding.ivSwitch.setOnClickListener {
+            viewModel.toggleIsActivateMenu()
+        }
+
+        binding.llSelectMenu1.setOnClickListener {
+            viewModel.selectMenuPreset(LiveRoomCreateViewModel.SelectedMenu.MENU_1)
+        }
+
+        binding.llSelectMenu2.setOnClickListener {
+            viewModel.selectMenuPreset(LiveRoomCreateViewModel.SelectedMenu.MENU_2)
+        }
+
+        binding.llSelectMenu3.setOnClickListener {
+            viewModel.selectMenuPreset(LiveRoomCreateViewModel.SelectedMenu.MENU_3)
+        }
     }
 
     @SuppressLint("SetTextI18n")
@@ -348,6 +375,15 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
                 }
         )
 
+        compositeDisposable.add(
+            binding.etMenu.textChanges().skip(1)
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe {
+                    viewModel.menu = it.toString()
+                }
+        )
+
         viewModel.toastLiveData.observe(this) {
             it?.let { Toast.makeText(applicationContext, it, Toast.LENGTH_LONG).show() }
         }
@@ -365,9 +401,9 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
                 binding.llReservationDatetime.visibility = View.GONE
                 binding.ivTimeReservation.visibility = View.GONE
                 binding.ivTimeNow.visibility = View.VISIBLE
-                binding.llTimeNow.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
+                binding.llTimeNow.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
                 binding.llTimeReservation.setBackgroundResource(
-                    R.drawable.bg_round_corner_6_7_1f1734
+                    R.drawable.bg_round_corner_6_7_13181b
                 )
                 binding.tvTimeNow.setTextColor(
                     ContextCompat.getColor(
@@ -379,22 +415,22 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
                 binding.tvTimeReservation.setTextColor(
                     ContextCompat.getColor(
                         applicationContext,
-                        R.color.color_9970ff
+                        R.color.color_3bb9f1
                     )
                 )
             } else {
                 binding.llReservationDatetime.visibility = View.VISIBLE
                 binding.ivTimeReservation.visibility = View.VISIBLE
                 binding.ivTimeNow.visibility = View.GONE
-                binding.llTimeNow.setBackgroundResource(R.drawable.bg_round_corner_6_7_1f1734)
+                binding.llTimeNow.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
                 binding.llTimeReservation.setBackgroundResource(
-                    R.drawable.bg_round_corner_6_7_9970ff
+                    R.drawable.bg_round_corner_6_7_3bb9f1
                 )
 
                 binding.tvTimeNow.setTextColor(
                     ContextCompat.getColor(
                         applicationContext,
-                        R.color.color_9970ff
+                        R.color.color_3bb9f1
                     )
                 )
 
@@ -413,8 +449,8 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
                     binding.ivPrivate.visibility = View.VISIBLE
                     binding.ivOpen.visibility = View.GONE
 
-                    binding.llPrivate.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
-                    binding.llOpen.setBackgroundResource(R.drawable.bg_round_corner_6_7_1f1734)
+                    binding.llPrivate.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+                    binding.llOpen.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
 
                     binding.tvPrivate.setTextColor(
                         ContextCompat.getColor(
@@ -426,7 +462,7 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
                     binding.tvOpen.setTextColor(
                         ContextCompat.getColor(
                             applicationContext,
-                            R.color.color_9970ff
+                            R.color.color_3bb9f1
                         )
                     )
 
@@ -437,13 +473,13 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
                     binding.ivOpen.visibility = View.VISIBLE
                     binding.ivPrivate.visibility = View.GONE
 
-                    binding.llOpen.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
-                    binding.llPrivate.setBackgroundResource(R.drawable.bg_round_corner_6_7_1f1734)
+                    binding.llOpen.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+                    binding.llPrivate.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
 
                     binding.tvPrivate.setTextColor(
                         ContextCompat.getColor(
                             applicationContext,
-                            R.color.color_9970ff
+                            R.color.color_3bb9f1
                         )
                     )
 
@@ -501,16 +537,16 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
             viewModel.isAdultLiveData.observe(this) {
                 if (it) {
                     binding.ivAgeAll.visibility = View.GONE
-                    binding.llAgeAll.setBackgroundResource(R.drawable.bg_round_corner_6_7_1f1734)
+                    binding.llAgeAll.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
                     binding.tvAgeAll.setTextColor(
                         ContextCompat.getColor(
                             applicationContext,
-                            R.color.color_9970ff
+                            R.color.color_3bb9f1
                         )
                     )
 
                     binding.ivAge19.visibility = View.VISIBLE
-                    binding.llAge19.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
+                    binding.llAge19.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
                     binding.tvAge19.setTextColor(
                         ContextCompat.getColor(
                             applicationContext,
@@ -519,16 +555,16 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
                     )
                 } else {
                     binding.ivAge19.visibility = View.GONE
-                    binding.llAge19.setBackgroundResource(R.drawable.bg_round_corner_6_7_1f1734)
+                    binding.llAge19.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
                     binding.tvAge19.setTextColor(
                         ContextCompat.getColor(
                             applicationContext,
-                            R.color.color_9970ff
+                            R.color.color_3bb9f1
                         )
                     )
 
                     binding.ivAgeAll.visibility = View.VISIBLE
-                    binding.llAgeAll.setBackgroundResource(R.drawable.bg_round_corner_6_7_9970ff)
+                    binding.llAgeAll.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
                     binding.tvAgeAll.setTextColor(
                         ContextCompat.getColor(
                             applicationContext,
@@ -573,6 +609,44 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
                     else -> binding.rlPrice.isSelected = true
                 }
             }
+
+            viewModel.isActivateMenuLiveData.observe(this) {
+                if (it) {
+                    binding.llEditMenu.visibility = View.VISIBLE
+                    binding.ivSwitch.setImageResource(R.drawable.btn_toggle_on_big)
+                } else {
+                    binding.llEditMenu.visibility = View.GONE
+                    binding.ivSwitch.setImageResource(R.drawable.btn_toggle_off_big)
+                }
+            }
+
+            viewModel.selectedMenuLiveData.observe(this) {
+                deselectAllMenuPreset()
+
+                when(it) {
+                    LiveRoomCreateViewModel.SelectedMenu.MENU_2 -> selectMenuPresetButton(
+                        binding.ivSelectMenu2,
+                        binding.llSelectMenu2,
+                        binding.tvSelectMenu2
+                    )
+
+                    LiveRoomCreateViewModel.SelectedMenu.MENU_3 -> selectMenuPresetButton(
+                        binding.ivSelectMenu3,
+                        binding.llSelectMenu3,
+                        binding.tvSelectMenu3
+                    )
+
+                    else -> selectMenuPresetButton(
+                        binding.ivSelectMenu1,
+                        binding.llSelectMenu1,
+                        binding.tvSelectMenu1
+                    )
+                }
+            }
+
+            viewModel.menuLiveData.observe(this) {
+                binding.etMenu.setText(it)
+            }
         }
     }
 
@@ -605,7 +679,7 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
         priceView.setTextColor(
             ContextCompat.getColor(
                 applicationContext,
-                R.color.color_9970ff
+                R.color.color_3bb9f1
             )
         )
         priceView.typeface = ResourcesCompat.getFont(
@@ -613,4 +687,69 @@ class LiveRoomCreateActivity : BaseActivity<ActivityLiveRoomCreateBinding>(
             R.font.gmarket_sans_bold
         )
     }
+
+    private fun deselectAllMenuPreset() {
+        binding.ivSelectMenu1.visibility = View.GONE
+        binding.ivSelectMenu2.visibility = View.GONE
+        binding.ivSelectMenu3.visibility = View.GONE
+
+        binding.llSelectMenu1.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
+        binding.tvSelectMenu1.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_3bb9f1
+            )
+        )
+
+        if (viewModel.menuList.size > 0) {
+            binding.llSelectMenu2.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
+            binding.tvSelectMenu2.setTextColor(
+                ContextCompat.getColor(
+                    applicationContext,
+                    R.color.color_3bb9f1
+                )
+            )
+        } else {
+            binding.llSelectMenu2.setBackgroundResource(R.drawable.bg_round_corner_6_7_777777)
+            binding.tvSelectMenu2.setTextColor(
+                ContextCompat.getColor(
+                    applicationContext,
+                    R.color.color_555555
+                )
+            )
+        }
+
+        if (viewModel.menuList.size > 1) {
+            binding.llSelectMenu3.setBackgroundResource(R.drawable.bg_round_corner_6_7_13181b)
+            binding.tvSelectMenu3.setTextColor(
+                ContextCompat.getColor(
+                    applicationContext,
+                    R.color.color_3bb9f1
+                )
+            )
+        } else {
+            binding.llSelectMenu3.setBackgroundResource(R.drawable.bg_round_corner_6_7_777777)
+            binding.tvSelectMenu3.setTextColor(
+                ContextCompat.getColor(
+                    applicationContext,
+                    R.color.color_555555
+                )
+            )
+        }
+    }
+
+    private fun selectMenuPresetButton(
+        ivSelectMenuPreset: ImageView,
+        llSelectMenuPreset: LinearLayout,
+        tvSelectMenuPreset: TextView
+    ) {
+        ivSelectMenuPreset.visibility = View.VISIBLE
+        llSelectMenuPreset.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+        tvSelectMenuPreset.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_eeeeee
+            )
+        )
+    }
 }

app/src/main/java/kr/co/vividnext/sodalive/live/room/create/LiveRoomCreateViewModel.kt

@@ -11,6 +11,7 @@ import kr.co.vividnext.sodalive.base.BaseViewModel
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.live.LiveRepository
 import kr.co.vividnext.sodalive.live.room.LiveRoomType
+import kr.co.vividnext.sodalive.live.room.menu.GetMenuPresetResponse
 import okhttp3.MediaType.Companion.toMediaType
 import okhttp3.MultipartBody
 import okhttp3.RequestBody.Companion.asRequestBody
@@ -22,6 +23,10 @@ class LiveRoomCreateViewModel(
     private val repository: LiveRepository
 ) : BaseViewModel() {
 
+    enum class SelectedMenu {
+        MENU_1, MENU_2, MENU_3
+    }
+
     private val _roomTypeLiveData = MutableLiveData(LiveRoomType.OPEN)
     val roomTypeLiveData: LiveData<LiveRoomType>
         get() = _roomTypeLiveData
@@ -58,6 +63,18 @@ class LiveRoomCreateViewModel(
     val isAdultLiveData: LiveData<Boolean>
         get() = _isAdultLiveData
 
+    private val _selectedMenuLiveData = MutableLiveData<SelectedMenu>()
+    val selectedMenuLiveData: LiveData<SelectedMenu>
+        get() = _selectedMenuLiveData
+
+    private val _isActivateMenuLiveData = MutableLiveData(false)
+    val isActivateMenuLiveData: LiveData<Boolean>
+        get() = _isActivateMenuLiveData
+
+    private val _menuLiveData = MutableLiveData("")
+    val menuLiveData: LiveData<String>
+        get() = _menuLiveData
+
     lateinit var getRealPathFromURI: (Uri) -> String?
 
     var title = ""
@@ -70,6 +87,10 @@ class LiveRoomCreateViewModel(
     var coverImagePath: String? = null
     var password: String? = null
 
+    private var menuId = 0L
+    var menu = ""
+    val menuList = mutableListOf<GetMenuPresetResponse>()
+
     fun setRoomType(roomType: LiveRoomType) {
         if (_roomTypeLiveData.value!! != roomType) {
             _roomTypeLiveData.postValue(roomType)
@@ -115,7 +136,18 @@ class LiveRoomCreateViewModel(
                     password
                 } else {
                     null
-                }
+                },
+                menuPanId = if (_isActivateMenuLiveData.value!!) {
+                    menuId
+                } else {
+                    0
+                },
+                menuPan = if (_isActivateMenuLiveData.value!!) {
+                    menu
+                } else {
+                    ""
+                },
+                isActiveMenuPan = _isActivateMenuLiveData.value!!
             )
 
             val requestJson = Gson().toJson(request)
@@ -207,6 +239,11 @@ class LiveRoomCreateViewModel(
             return false
         }
 
+        if (_isActivateMenuLiveData.value!! && menu.isBlank()) {
+            _toastLiveData.postValue("메뉴판은 빈칸일 수 없습니다.")
+            return false
+        }
+
         return true
     }
 
@@ -252,4 +289,80 @@ class LiveRoomCreateViewModel(
                 )
         )
     }
+
+    fun selectMenuPreset(selectedMenuPreset: SelectedMenu) {
+        if (
+            menuList.isEmpty() &&
+            (
+                selectedMenuPreset == SelectedMenu.MENU_2 ||
+                    selectedMenuPreset == SelectedMenu.MENU_3
+                )
+        ) {
+            _toastLiveData.value = "메뉴 1을 먼저 설정하세요"
+            return
+        }
+
+        if (menuList.size == 1 && selectedMenuPreset == SelectedMenu.MENU_3) {
+            _toastLiveData.value = "메뉴 1과 메뉴 2를 먼저 설정하세요"
+            return
+        }
+
+        if (_selectedMenuLiveData.value != selectedMenuPreset) {
+            _selectedMenuLiveData.value = selectedMenuPreset
+
+            if (menuList.size > selectedMenuPreset.ordinal) {
+                val menuPreset = menuList[selectedMenuPreset.ordinal]
+                _menuLiveData.value = menuPreset.menu
+
+                menu = menuPreset.menu
+                menuId = menuPreset.id
+            } else {
+                _menuLiveData.value = ""
+
+                menu = ""
+                menuId = 0
+            }
+        }
+    }
+
+    fun toggleIsActivateMenu() {
+        _isActivateMenuLiveData.value = !_isActivateMenuLiveData.value!!
+    }
+
+    fun getAllMenuPreset() {
+        _isLoading.value = true
+
+        compositeDisposable.add(
+            repository.getAllMenu(
+                creatorId = SharedPreferenceManager.userId,
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.success) {
+                            val data = it.data
+                            menuList.clear()
+                            menuList.addAll(data ?: listOf())
+                            selectMenuPreset(SelectedMenu.MENU_1)
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.postValue(it.message)
+                            } else {
+                                _toastLiveData.postValue(
+                                    "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                )
+                            }
+                        }
+                        _isLoading.value = false
+                    },
+                    {
+                        _isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
 }

app/src/main/java/kr/co/vividnext/sodalive/live/room/detail/LiveRoomDetailAdapter.kt

@@ -0,0 +1,50 @@
+package kr.co.vividnext.sodalive.live.room.detail
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import coil.load
+import coil.transform.RoundedCornersTransformation
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.databinding.ItemLiveRoomDetailUserBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
+
+class LiveRoomDetailAdapter(
+    private val onClick: (GetRoomDetailUser) -> Unit
+) : RecyclerView.Adapter<LiveRoomDetailAdapter.ViewHolder>() {
+
+    val items = mutableListOf<GetRoomDetailUser>()
+
+    inner class ViewHolder(
+        private val binding: ItemLiveRoomDetailUserBinding
+    ) : RecyclerView.ViewHolder(binding.root) {
+        fun bind(item: GetRoomDetailUser) {
+            binding.tvNickname.text = item.nickname
+            binding.ivProfile.load(item.profileImageUrl) {
+                crossfade(true)
+                placeholder(R.drawable.ic_place_holder)
+                transformations(RoundedCornersTransformation(23.4f.dpToPx()))
+            }
+            binding.root.setOnClickListener { onClick(item) }
+        }
+    }
+
+    override fun onCreateViewHolder(
+        parent: ViewGroup,
+        viewType: Int
+    ): ViewHolder {
+        return ViewHolder(
+            ItemLiveRoomDetailUserBinding.inflate(
+                LayoutInflater.from(parent.context),
+                parent,
+                false
+            )
+        )
+    }
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        holder.bind(items[position])
+    }
+
+    override fun getItemCount() = items.count()
+}

app/src/main/java/kr/co/vividnext/sodalive/live/room/detail/LiveRoomDetailFragment.kt

@@ -2,6 +2,7 @@ package kr.co.vividnext.sodalive.live.room.detail
 
 import android.annotation.SuppressLint
 import android.content.Intent
+import android.graphics.Rect
 import android.net.Uri
 import android.os.Bundle
 import android.view.LayoutInflater
@@ -9,9 +10,13 @@ import android.view.View
 import android.view.ViewGroup
 import android.webkit.URLUtil
 import android.widget.FrameLayout
+import android.widget.LinearLayout
 import android.widget.Toast
+import androidx.recyclerview.widget.GridLayoutManager
+import androidx.recyclerview.widget.RecyclerView
 import coil.load
 import coil.transform.CircleCropTransformation
+import coil.transform.RoundedCornersTransformation
 import com.google.android.material.bottomsheet.BottomSheetBehavior
 import com.google.android.material.bottomsheet.BottomSheetDialogFragment
 import kr.co.vividnext.sodalive.R
@@ -19,8 +24,12 @@ import kr.co.vividnext.sodalive.common.Constants
 import kr.co.vividnext.sodalive.common.LoadingDialog
 import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.databinding.FragmentLiveRoomDetailBinding
+import kr.co.vividnext.sodalive.databinding.ItemLiveDetailUserSummaryBinding
 import kr.co.vividnext.sodalive.explorer.profile.UserProfileActivity
+import kr.co.vividnext.sodalive.extensions.convertDateFormat
+import kr.co.vividnext.sodalive.extensions.dpToPx
 import org.koin.android.ext.android.inject
+import java.util.Locale
 
 class LiveRoomDetailFragment(
     private val roomId: Long,
@@ -34,7 +43,9 @@ class LiveRoomDetailFragment(
     private val viewModel: LiveRoomDetailViewModel by inject()
 
     private lateinit var binding: FragmentLiveRoomDetailBinding
+    private var isAllProfileOpen = false
 
+    private lateinit var adapter: LiveRoomDetailAdapter
     private lateinit var loadingDialog: LoadingDialog
     private lateinit var roomDetail: GetRoomDetailResponse
 
@@ -57,11 +68,33 @@ class LiveRoomDetailFragment(
         val behavior = BottomSheetBehavior.from<View>(bottomSheet!!)
         behavior.state = BottomSheetBehavior.STATE_EXPANDED
 
+        setupAdapter()
         bindData()
         binding.ivClose.setOnClickListener { dismiss() }
         viewModel.getDetail(roomId) { dismiss() }
     }
 
+    private fun setupAdapter() {
+        val recyclerView = binding.rvParticipate
+        adapter = LiveRoomDetailAdapter {}
+
+        recyclerView.layoutManager = GridLayoutManager(requireContext(), 5)
+        recyclerView.addItemDecoration(object : RecyclerView.ItemDecoration() {
+            override fun getItemOffsets(
+                outRect: Rect,
+                view: View,
+                parent: RecyclerView,
+                state: RecyclerView.State
+            ) {
+                super.getItemOffsets(outRect, view, parent, state)
+
+                outRect.top = 13.3f.dpToPx().toInt()
+                outRect.bottom = 13.3f.dpToPx().toInt()
+            }
+        })
+        recyclerView.adapter = adapter
+    }
+
     private fun bindData() {
         viewModel.isLoading.observe(viewLifecycleOwner) {
             if (it) {
@@ -90,7 +123,11 @@ class LiveRoomDetailFragment(
         }
 
         binding.tvTitle.text = response.title
-        binding.tvDate.text = response.beginDateTime
+        binding.tvDate.text = response.beginDateTime.convertDateFormat(
+            from = "yyyy.MM.dd EEE hh:mm a",
+            to = "yyyy년 MM월 dd일 (E) a hh시 mm분",
+            inputLocale = Locale.ENGLISH
+        )
 
         if (response.price > 0) {
             binding.tvCan.text = response.price.toString()
@@ -119,6 +156,7 @@ class LiveRoomDetailFragment(
         binding.ivShare2.setOnClickListener { shareRoom(response) }
 
         if (response.channelName.isNullOrBlank()) {
+            binding.tvParticipateExpression.text = "예약자"
             when {
                 response.manager.id == SharedPreferenceManager.userId -> {
                     binding.llStartDelete.visibility = View.VISIBLE
@@ -167,6 +205,52 @@ class LiveRoomDetailFragment(
             }
             binding.llStartDelete.visibility = View.GONE
         }
+
+        if (response.manager.id == SharedPreferenceManager.userId) {
+            setParticipantUserSummary(response.participatingUsers)
+
+            binding.llParticipateWrapper.visibility = View.VISIBLE
+            binding.tvParticipate.text = response.numberOfParticipants.toString()
+            binding.tvTotal.text = "/${response.numberOfParticipantsTotal}"
+
+            binding.tvOpenAllProfile.visibility = if (response.numberOfParticipants <= 0) {
+                View.GONE
+            } else {
+                View.VISIBLE
+            }
+
+            binding.tvOpenAllProfile.setOnClickListener {
+                isAllProfileOpen = !isAllProfileOpen
+                if (isAllProfileOpen) {
+                    binding.llProfiles.visibility = View.GONE
+                    binding.rvParticipate.visibility = View.VISIBLE
+                    binding.tvParticipateExpression.visibility = View.VISIBLE
+                    binding.tvOpenAllProfile.text = "닫기"
+                    binding.tvOpenAllProfile.setCompoundDrawablesWithIntrinsicBounds(
+                        R.drawable.ic_live_detail_top,
+                        0,
+                        0,
+                        0
+                    )
+                } else {
+                    binding.llProfiles.visibility = View.VISIBLE
+                    binding.rvParticipate.visibility = View.GONE
+                    binding.tvParticipateExpression.visibility = View.GONE
+                    binding.tvOpenAllProfile.text = "펼쳐보기"
+                    binding.tvOpenAllProfile.setCompoundDrawablesWithIntrinsicBounds(
+                        R.drawable.ic_live_detail_bottom,
+                        0,
+                        0,
+                        0
+                    )
+                }
+            }
+
+            adapter.items.addAll(response.participatingUsers)
+            adapter.notifyDataSetChanged()
+        } else {
+            binding.llParticipateWrapper.visibility = View.GONE
+        }
     }
 
     private fun setManagerProfile(manager: GetRoomDetailManager) {
@@ -238,6 +322,32 @@ class LiveRoomDetailFragment(
         }
     }
 
+    private fun setParticipantUserSummary(participatingUsers: List<GetRoomDetailUser>) {
+        val userCount = if (participatingUsers.size > 10) {
+            10
+        } else {
+            participatingUsers.size
+        }
+
+        for (index in 0 until userCount) {
+            val user = participatingUsers[index]
+            val itemView = ItemLiveDetailUserSummaryBinding.inflate(layoutInflater)
+            itemView.ivProfile.load(user.profileImageUrl) {
+                crossfade(true)
+                placeholder(R.drawable.ic_place_holder)
+                transformations(RoundedCornersTransformation(16.7f.dpToPx()))
+            }
+
+            val lp = LinearLayout.LayoutParams(33.3f.dpToPx().toInt(), 33.3f.dpToPx().toInt())
+            if (index > 0) {
+                lp.setMargins(-16.7f.dpToPx().toInt(), 0, 0, 0)
+            }
+            itemView.root.layoutParams = lp
+
+            binding.llProfiles.addView(itemView.root)
+        }
+    }
+
     private fun shareRoom(response: GetRoomDetailResponse) {
         viewModel.shareRoomLink(
             response.roomId,

app/src/main/java/kr/co/vividnext/sodalive/live/room/dialog/LivePaymentDialog.kt

@@ -1,32 +1,87 @@
 package kr.co.vividnext.sodalive.live.room.dialog
 
 import android.app.Activity
+import android.graphics.Color
+import android.graphics.drawable.ColorDrawable
 import android.view.LayoutInflater
-import android.widget.LinearLayout
-import kr.co.vividnext.sodalive.dialog.LiveDialog
+import android.view.View
+import android.view.WindowManager
+import androidx.appcompat.app.AlertDialog
+import kr.co.vividnext.sodalive.databinding.DialogLivePaymentBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
 
 class LivePaymentDialog(
     activity: Activity,
     layoutInflater: LayoutInflater,
     title: String,
     desc: String,
+    desc2: String? = null,
+    startDateTime: String? = null,
+    nowDateTime: String? = null,
     confirmButtonTitle: String,
     confirmButtonClick: () -> Unit,
     cancelButtonTitle: String = "",
     cancelButtonClick: (() -> Unit)? = null,
-) : LiveDialog(
-    activity,
-    layoutInflater,
-    title,
-    desc,
-    confirmButtonTitle,
-    confirmButtonClick,
-    cancelButtonTitle,
-    cancelButtonClick
 ) {
+    private val alertDialog: AlertDialog
+    private val dialogView = DialogLivePaymentBinding.inflate(layoutInflater)
+
     init {
-        val lp = dialogView.tvConfirm.layoutParams as LinearLayout.LayoutParams
-        lp.weight = 2F
-        dialogView.tvConfirm.layoutParams = lp
+        val dialogBuilder = AlertDialog.Builder(activity)
+        dialogBuilder.setView(dialogView.root)
+
+        alertDialog = dialogBuilder.create()
+        alertDialog.setCancelable(false)
+        alertDialog.window?.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
+
+        dialogView.tvTitle.text = title
+        dialogView.tvDesc.text = desc
+
+        if (startDateTime != null && nowDateTime != null) {
+            dialogView.tvDesc2.text = desc2
+            dialogView.tvNowDate.text = nowDateTime
+            dialogView.tvStartDate.text = startDateTime
+
+            dialogView.tvDesc2.visibility = View.VISIBLE
+            dialogView.llTimeNotice.visibility = View.VISIBLE
+        } else {
+            dialogView.tvDesc2.visibility = View.GONE
+            dialogView.llTimeNotice.visibility = View.GONE
+        }
+
+        dialogView.tvCancel.text = cancelButtonTitle
+        dialogView.tvCancel.setOnClickListener {
+            alertDialog.dismiss()
+            cancelButtonClick?.let { it() }
+        }
+
+        dialogView.tvConfirm.text = confirmButtonTitle
+        dialogView.tvConfirm.setOnClickListener {
+            alertDialog.dismiss()
+            confirmButtonClick()
+        }
+
+        dialogView.tvCancel.visibility = if (cancelButtonTitle.isNotBlank()) {
+            View.VISIBLE
+        } else {
+            View.GONE
+        }
+
+        dialogView.tvConfirm.visibility = if (confirmButtonTitle.isNotBlank()) {
+            View.VISIBLE
+        } else {
+            View.GONE
+        }
+    }
+
+    fun show(width: Int, message: String = "") {
+        alertDialog.show()
+
+        val lp = WindowManager.LayoutParams()
+        lp.copyFrom(alertDialog.window?.attributes)
+        lp.width = width - (26.7f.dpToPx()).toInt()
+        lp.height = WindowManager.LayoutParams.WRAP_CONTENT
+
+        alertDialog.window?.attributes = lp
     }
 }

app/src/main/java/kr/co/vividnext/sodalive/live/room/donation/LiveRoomDonationDialog.kt

@@ -108,7 +108,7 @@ class LiveRoomDonationDialog(
             bottomSheetDialog.dismiss()
 
             val intent = Intent(activity, CanChargeActivity::class.java)
-            intent.putExtra(Constants.EXTRA_PREV_LIVE_ROOM, true)
+            intent.putExtra(Constants.EXTRA_GO_TO_PREV_PAGE, true)
             activity.startActivity(intent)
         }
     }

app/src/main/java/kr/co/vividnext/sodalive/live/room/info/GetRoomInfoResponse.kt

@@ -21,6 +21,8 @@ data class GetRoomInfoResponse(
     @SerializedName("listenerList") val listenerList: List<LiveRoomMember>,
     @SerializedName("managerList") val managerList: List<LiveRoomMember>,
     @SerializedName("donationRankingTop3UserIds") val donationRankingTop3UserIds: List<Long>,
+    @SerializedName("menuPan") val menuPan: String,
+    @SerializedName("isActiveRoulette") val isActiveRoulette: Boolean,
     @SerializedName("isPrivateRoom") val isPrivateRoom: Boolean,
     @SerializedName("password") val password: String? = null
 )

app/src/main/java/kr/co/vividnext/sodalive/live/room/menu/GetMenuPresetResponse.kt

@@ -0,0 +1,9 @@
+package kr.co.vividnext.sodalive.live.room.menu
+
+import com.google.gson.annotations.SerializedName
+
+data class GetMenuPresetResponse(
+    @SerializedName("id") val id: Long,
+    @SerializedName("menu") val menu: String,
+    @SerializedName("isActive") val isActive: Boolean
+)