크리에이터 커뮤니티 게시글 오디오 재생

- 크리에이터 커뮤니티 게시글 오디오 재생시 백그라운드에서 재생 중인 오디오 콘텐츠 일시정지

.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/deploymentTargetSelector.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="deploymentTargetSelector">
+    <selectionStates>
+      <SelectionState runConfigName="app">
+        <option name="selectionMode" value="DROPDOWN" />
+      </SelectionState>
+    </selectionStates>
+  </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 92
+        versionName "1.14.1"
     }
 
     buildTypes {
@@ -51,6 +51,7 @@ android {
 
             buildConfigField 'String', 'BASE_URL', '"https://api.sodalive.net"'
             buildConfigField 'String', 'BOOTPAY_APP_ID', '"64c35be1d25985001dc50c87"'
+            buildConfigField 'String', 'BOOTPAY_APP_HECTO_ID', '"664c1707b18b225deca4b429"'
             buildConfigField 'String', 'AGORA_APP_ID', '"e34e40046e9847baba3adfe2b8ffb4f6"'
             buildConfigField 'String', 'AGORA_APP_CERTIFICATE', '"15cadeea4ba94ff7b091c9a10f4bf4a6"'
         }
@@ -62,6 +63,7 @@ android {
 
             buildConfigField 'String', 'BASE_URL', '"https://test-api.sodalive.net"'
             buildConfigField 'String', 'BOOTPAY_APP_ID', '"6242a7772701800023f68b2e"'
+            buildConfigField 'String', 'BOOTPAY_APP_HECTO_ID', '"667fca5d3bab7404f831c3e4"'
             buildConfigField 'String', 'AGORA_APP_ID', '"b96574e191a9430fa54c605528aa3ef7"'
             buildConfigField 'String', 'AGORA_APP_CERTIFICATE', '"ae18ade3afcf4086bd4397726eb0654c"'
         }
@@ -138,7 +140,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 +152,11 @@ 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"
+
+    // ROOM
+    kapt "androidx.room:room-compiler:2.5.0"
+    implementation "androidx.room:room-ktx:2.5.0"
+    implementation "androidx.room:room-runtime:2.5.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
@@ -37,6 +39,13 @@
         android:maxSdkVersion="32"
         tools:ignore="ScopedStorage" />
 
+    <uses-permission android:name="android.permission.WAKE_LOCK" />
+    <uses-permission android:name="com.android.alarm.permission.SET_ALARM" />
+    <uses-permission android:name="android.permission.SCHEDULE_EXACT_ALARM" />
+    <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED" />
+    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
+    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
+
     <queries>
         <intent>
             <action android:name="android.intent.action.MAIN" />
@@ -83,8 +92,12 @@
         <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.payment.CanPaymentTempActivity" />
+        <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 +107,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 +139,25 @@
         <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=".audio_content.series.SeriesListAllActivity" />
+        <activity android:name=".audio_content.series.detail.SeriesDetailActivity" />
+        <activity android:name=".audio_content.series.content.SeriesContentAllActivity" />
+
+        <activity android:name=".mypage.alarm.AlarmListActivity" />
+        <activity android:name=".mypage.alarm.AddAlarmActivity" />
+        <activity android:name=".mypage.alarm.select_audio_content.AlarmSelectAudioContentActivity" />
+        <activity
+            android:name=".mypage.alarm.AlarmActivity"
+            android:exported="true"
+            android:showWhenLocked="true"
+            android:turnScreenOn="true">
+            <intent-filter>
+                <action android:name="com.example.alarmapp.ALARM_ACTION" />
+                <category android:name="android.intent.category.DEFAULT" />
+            </intent-filter>
+        </activity>
 
         <activity
             android:name="com.google.android.gms.oss.licenses.OssLicensesMenuActivity"
@@ -134,9 +168,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
@@ -148,6 +186,21 @@
         </service>
         <!-- [END firebase_service] -->
 
+        <!-- 부팅 시 알람 재설정을 위한 리시버 -->
+        <receiver
+            android:name=".mypage.alarm.receiver.AlarmBootReceiver"
+            android:enabled="true"
+            android:exported="false">
+            <intent-filter>
+                <action android:name="android.intent.action.BOOT_COMPLETED" />
+            </intent-filter>
+        </receiver>
+
+        <receiver
+            android:name=".mypage.alarm.receiver.AlarmReceiver"
+            android:enabled="true"
+            android:exported="false" />
+
         <!-- [START fcm_default_channel] -->
         <meta-data
             android:name="com.google.firebase.messaging.default_notification_channel_id"

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,17 +40,37 @@ class AudioContentAdapter(
             binding.tvLikeCount.text = item.likeCount.moneyFormat()
             binding.tvCommentCount.text = item.commentCount.moneyFormat()
 
-            if (item.price < 1) {
-                binding.tvPrice.text = "무료"
-                binding.tvPrice.setCompoundDrawables(null, null, null, null)
+            binding.tvPrice.visibility = View.GONE
+            binding.tvOwned.visibility = View.GONE
+            binding.tvRented.visibility = View.GONE
+            binding.tvSoldOut.visibility = View.GONE
+
+            binding.tvScheduledToOpen.visibility = if (item.isScheduledToOpen) {
+                View.VISIBLE
             } else {
-                binding.tvPrice.text = item.price.moneyFormat()
-                binding.tvPrice.setCompoundDrawablesWithIntrinsicBounds(
-                    R.drawable.ic_can,
-                    0,
-                    0,
-                    0
-                )
+                View.GONE
+            }
+
+            if (item.isOwned) {
+                binding.tvOwned.visibility = View.VISIBLE
+            } else if (item.isRented) {
+                binding.tvRented.visibility = View.VISIBLE
+            } else if (item.isSoldOut) {
+                binding.tvSoldOut.visibility = View.VISIBLE
+            } else {
+                binding.tvPrice.visibility = View.VISIBLE
+                if (item.price < 1) {
+                    binding.tvPrice.text = "무료"
+                    binding.tvPrice.setCompoundDrawables(null, null, null, null)
+                } else {
+                    binding.tvPrice.text = item.price.moneyFormat()
+                    binding.tvPrice.setCompoundDrawablesWithIntrinsicBounds(
+                        R.drawable.ic_can,
+                        0,
+                        0,
+                        0
+                    )
+                }
             }
 
             binding.root.setOnClickListener { onClickItem(item.contentId) }

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/AudioContentPlayService.kt

@@ -9,6 +9,7 @@ import android.content.Intent
 import android.graphics.Bitmap
 import android.graphics.drawable.Drawable
 import android.media.AudioAttributes
+import android.media.AudioManager
 import android.media.MediaPlayer
 import android.os.Build
 import android.os.Handler
@@ -367,6 +368,7 @@ class AudioContentPlayService :
         mediaPlayer.setOnCompletionListener(this)
         mediaPlayer.setAudioAttributes(
             AudioAttributes.Builder()
+                .setUsage(AudioAttributes.USAGE_MEDIA)
                 .setContentType(AudioAttributes.CONTENT_TYPE_MUSIC)
                 .build()
         )

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

@@ -1,6 +1,7 @@
 package kr.co.vividnext.sodalive.audio_content.detail
 
 import android.annotation.SuppressLint
+import android.app.Activity
 import android.content.BroadcastReceiver
 import android.content.Context
 import android.content.Intent
@@ -13,7 +14,9 @@ import android.view.View
 import android.widget.RelativeLayout
 import android.widget.SeekBar
 import android.widget.Toast
-import androidx.appcompat.widget.PopupMenu
+import androidx.activity.result.ActivityResultLauncher
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.core.content.ContextCompat
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
 import coil.load
@@ -29,6 +32,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
@@ -36,12 +40,16 @@ import kr.co.vividnext.sodalive.common.Utils
 import kr.co.vividnext.sodalive.databinding.ActivityAudioContentDetailBinding
 import kr.co.vividnext.sodalive.explorer.profile.UserProfileActivity
 import kr.co.vividnext.sodalive.extensions.dpToPx
+import kr.co.vividnext.sodalive.extensions.moneyFormat
 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.mypage.can.payment.CanPaymentTempActivity
 import kr.co.vividnext.sodalive.report.ReportType
 import org.koin.android.ext.android.inject
+import kotlin.math.ceil
 
 class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBinding>(
     ActivityAudioContentDetailBinding::inflate
@@ -59,12 +67,12 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
     private var creatorId: Long = 0
 
     private var refresh = false
-        set(value) {
-            field = value
-            setResult(RESULT_OK)
-        }
     private var title = ""
 
+    private lateinit var activityResultLauncher: ActivityResultLauncher<Intent>
+    private lateinit var audioContent: GetAudioContentDetailResponse
+    private lateinit var orderType: OrderType
+
     @SuppressLint("SetTextI18n")
     override fun onNewIntent(intent: Intent) {
         super.onNewIntent(intent)
@@ -89,6 +97,14 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
             finish()
         }
 
+        activityResultLauncher = registerForActivityResult(
+            ActivityResultContracts.StartActivityForResult()
+        ) {
+            if (it.resultCode == Activity.RESULT_OK) {
+                contentOrder(audioContent, orderType)
+            }
+        }
+
         bindData()
         viewModel.getAudioContentDetail(audioContentId = audioContentId) { finish() }
     }
@@ -96,7 +112,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 +134,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 +256,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 +281,7 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
                 }
             }
 
-            dialog.show(screenWidth)
+            dialog.show(screenWidth - 26.7f.dpToPx().toInt())
         }
     }
 
@@ -268,50 +291,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 +405,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) {
@@ -444,7 +451,11 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
     }
 
     private fun setupCommentArea(response: GetAudioContentDetailResponse) {
-        if (response.isCommentAvailable) {
+        if (
+            response.isCommentAvailable &&
+            response.contentUrl.isNotBlank() &&
+            response.releaseDate == null
+        ) {
             binding.llDonation.visibility = View.VISIBLE
             binding.llComment.visibility = View.VISIBLE
             binding.tvCommentCount.text = "${response.commentCount}"
@@ -495,26 +506,84 @@ 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.llPurchase.background = ContextCompat.getDrawable(
+                    applicationContext,
+                    R.drawable.bg_round_corner_5_3_3bb9f1
+                )
 
-            binding.llPurchase.setOnClickListener {
-                showOrderDialog(audioContent = response, isOnlyRental = response.isOnlyRental)
+                binding.ivCan.visibility = if (SharedPreferenceManager.userId == 17958L) {
+                    View.GONE
+                } else {
+                    View.VISIBLE
+                }
+
+                binding.tvPrice.text = if (SharedPreferenceManager.userId == 17958L) {
+                    (response.price * 110).moneyFormat()
+                } else {
+                    response.price.moneyFormat()
+                }
+
+                binding.tvUnit.text = if (SharedPreferenceManager.userId == 17958L) {
+                    "원으로"
+                } else {
+                    "캔으로"
+                }
+
+                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 +597,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
@@ -584,45 +696,81 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
             binding.tvTag.visibility = View.GONE
         }
 
-        binding.ivLike.setImageResource(
-            if (response.isLike) {
-                R.drawable.ic_audio_content_heart_pressed
-            } else {
-                R.drawable.ic_audio_content_heart_normal
-            }
-        )
-
-        binding.tvLike.text = "${response.likeCount}"
-        binding.llLike.setOnClickListener {
-            viewModel.likeContent(contentId = audioContentId) {
-                val likeCount = binding.tvLike.text.toString().toInt()
-                if (it) {
-                    binding.tvLike.text = "${likeCount + 1}"
-                    binding.ivLike.setImageResource(R.drawable.ic_audio_content_heart_pressed)
+        if (response.contentUrl.isNotBlank() && response.releaseDate == null) {
+            binding.svActionButtons.visibility = View.VISIBLE
+            binding.llLike.visibility = View.VISIBLE
+            binding.ivLike.setImageResource(
+                if (response.isLike) {
+                    R.drawable.ic_audio_content_heart_pressed
                 } else {
-                    binding.tvLike.text = if (likeCount - 1 < 0) {
-                        "0"
+                    R.drawable.ic_audio_content_heart_normal
+                }
+            )
+
+            binding.tvLike.text = "${response.likeCount}"
+            binding.llLike.setOnClickListener {
+                viewModel.likeContent(contentId = audioContentId) {
+                    val likeCount = binding.tvLike.text.toString().toInt()
+                    if (it) {
+                        binding.tvLike.text = "${likeCount + 1}"
+                        binding.ivLike.setImageResource(R.drawable.ic_audio_content_heart_pressed)
                     } else {
-                        "${likeCount - 1}"
+                        binding.tvLike.text = if (likeCount - 1 < 0) {
+                            "0"
+                        } else {
+                            "${likeCount - 1}"
+                        }
+                        binding.ivLike.setImageResource(R.drawable.ic_audio_content_heart_normal)
                     }
-                    binding.ivLike.setImageResource(R.drawable.ic_audio_content_heart_normal)
                 }
             }
+
+            binding.tvShare.visibility = View.VISIBLE
+            binding.tvShare.setOnClickListener {
+                viewModel.shareAudioContent(
+                    audioContentId = audioContentId,
+                    contentImage = response.coverImageUrl,
+                    contentTitle = "${response.title} - ${response.creator.nickname}"
+                ) {
+                    val intent = Intent(Intent.ACTION_SEND)
+                    intent.type = "text/plain"
+                    intent.putExtra(Intent.EXTRA_TEXT, it)
+
+                    val shareIntent = Intent.createChooser(intent, "오디오콘텐츠 공유")
+                    startActivity(shareIntent)
+                }
+            }
+        } else {
+            binding.svActionButtons.visibility = View.GONE
+            binding.llLike.visibility = View.GONE
+            binding.tvShare.visibility = View.GONE
         }
 
-        binding.tvShare.setOnClickListener {
-            viewModel.shareAudioContent(
-                audioContentId = audioContentId,
-                contentImage = response.coverImageUrl,
-                contentTitle = "${response.title} - ${response.creator.nickname}"
-            ) {
-                val intent = Intent(Intent.ACTION_SEND)
-                intent.type = "text/plain"
-                intent.putExtra(Intent.EXTRA_TEXT, it)
+        if (response.totalContentCount != null && response.remainingContentCount != null) {
+            binding.rlLimitedEdition.visibility = View.VISIBLE
 
-                val shareIntent = Intent.createChooser(intent, "오디오콘텐츠 공유")
-                startActivity(shareIntent)
+            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
         }
     }
 
@@ -669,7 +817,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 +825,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,
@@ -734,14 +882,43 @@ class AudioContentDetailActivity : BaseActivity<ActivityAudioContentDetailBindin
 
                 binding.rlPreviewAlert.visibility = View.GONE
 
-                viewModel.order(
-                    contentId = audioContent.contentId,
-                    orderType = orderType
-                )
+                if (SharedPreferenceManager.userId == 17958L) {
+                    this@AudioContentDetailActivity.audioContent = audioContent
+                    this@AudioContentDetailActivity.orderType = orderType
+                    activityResultLauncher.launch(
+                        Intent(applicationContext, CanPaymentTempActivity::class.java).apply {
+                            putExtra("title", audioContent.title)
+                            putExtra(
+                                "can",
+                                if (orderType == OrderType.RENTAL) {
+                                    ceil(audioContent.price * 0.6).toInt()
+                                } else {
+                                    audioContent.price
+                                }
+                            )
+                        }
+                    )
+                } else {
+                    contentOrder(audioContent, orderType)
+                }
             },
         ).show(screenWidth)
     }
 
+    private fun contentOrder(
+        audioContent: GetAudioContentDetailResponse,
+        orderType: OrderType
+    ) {
+        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)
+        }
+    }
+
     inner class AudioContentReceiver : BroadcastReceiver() {
         @SuppressLint("SetTextI18n")
         override fun onReceive(context: Context?, intent: Intent?) {

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

@@ -1,13 +1,11 @@
 package kr.co.vividnext.sodalive.audio_content.main
 
 import android.annotation.SuppressLint
-import android.app.Service
 import android.content.Intent
 import android.graphics.Rect
 import android.net.Uri
 import android.os.Bundle
 import android.view.View
-import android.view.inputmethod.InputMethodManager
 import android.widget.LinearLayout
 import android.widget.Toast
 import androidx.core.content.ContextCompat
@@ -17,20 +15,31 @@ 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.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.main.recommend_series.AudioContentMainRecommendSeriesViewModel
 import kr.co.vividnext.sodalive.audio_content.order.AudioContentOrderListActivity
+import kr.co.vividnext.sodalive.audio_content.series.detail.SeriesDetailActivity
 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
+import kr.co.vividnext.sodalive.explorer.profile.series.UserProfileSeriesListAdapter
 import kr.co.vividnext.sodalive.extensions.dpToPx
 import kr.co.vividnext.sodalive.settings.event.EventDetailActivity
 import kr.co.vividnext.sodalive.settings.notification.MemberRole
@@ -40,31 +49,37 @@ import kotlin.math.roundToInt
 class AudioContentMainFragment : BaseFragment<FragmentAudioContentMainBinding>(
     FragmentAudioContentMainBinding::inflate
 ) {
-    private val viewModel: AudioContentMainViewModel by inject()
+    private val recommendSeriesViewModel: AudioContentMainRecommendSeriesViewModel by inject()
+    private lateinit var seriesAdapter: UserProfileSeriesListAdapter
 
-    private lateinit var loadingDialog: LoadingDialog
-    private lateinit var imm: InputMethodManager
-
-    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()
+        recommendSeriesViewModel.getRecommendSeriesList()
     }
 
     private fun setupView() {
@@ -82,38 +97,59 @@ class AudioContentMainFragment : BaseFragment<FragmentAudioContentMainBinding>(
             binding.llUploadContent.visibility = View.GONE
         }
 
-        setupNewContentCreator()
+        setupRecommendSeries()
         setupBanner()
         setupOrderList()
         setupNewContentTheme()
         setupNewContent()
+        setupContentRankingSortType()
         setupContentRanking()
         setupCuration()
 
-        binding.swipeRefreshLayout.setOnRefreshListener {
-            binding.swipeRefreshLayout.isRefreshing = false
-            viewModel.getMain()
+        binding.llShortPlay.setOnClickListener {
+            startActivity(
+                Intent(requireContext(), AudioContentAllByThemeActivity::class.java).apply {
+                    putExtra(Constants.EXTRA_THEME_ID, 11L)
+                }
+            )
         }
 
-        binding.ivCanFree.setOnClickListener {
-            PointClickAd.showOfferwall(requireActivity(), "무료충전")
+        binding.llReviewLive.setOnClickListener {
+            startActivity(
+                Intent(requireContext(), AudioContentAllByThemeActivity::class.java).apply {
+                    putExtra(Constants.EXTRA_THEME_ID, 7L)
+                }
+            )
         }
     }
 
-    private fun setupNewContentCreator() {
-        newContentCreatorAdapter = AudioContentMainNewContentCreatorAdapter {
-            val intent = Intent(requireContext(), UserProfileActivity::class.java)
-            intent.putExtra(Constants.EXTRA_USER_ID, it)
-            startActivity(intent)
-        }
+    private fun setupRecommendSeries() {
+        seriesAdapter = UserProfileSeriesListAdapter(
+            onClickItem = {
+                startActivity(
+                    Intent(requireContext(), SeriesDetailActivity::class.java).apply {
+                        putExtra(Constants.EXTRA_SERIES_ID, it)
+                    }
+                )
+            },
+            onClickCreator = {
+                startActivity(
+                    Intent(requireContext(), UserProfileActivity::class.java).apply {
+                        putExtra(Constants.EXTRA_USER_ID, it)
+                    }
+                )
+            },
+            isVisibleCreator = true
+        )
 
-        binding.rvNewContentCreator.layoutManager = LinearLayoutManager(
-            context,
+        val recyclerView = binding.rvRecommendSeries
+        recyclerView.layoutManager = LinearLayoutManager(
+            requireContext(),
             LinearLayoutManager.HORIZONTAL,
             false
         )
 
-        binding.rvNewContentCreator.addItemDecoration(object : RecyclerView.ItemDecoration() {
+        recyclerView.addItemDecoration(object : RecyclerView.ItemDecoration() {
             override fun getItemOffsets(
                 outRect: Rect,
                 view: View,
@@ -125,23 +161,43 @@ class AudioContentMainFragment : BaseFragment<FragmentAudioContentMainBinding>(
                 when (parent.getChildAdapterPosition(view)) {
                     0 -> {
                         outRect.left = 0
-                        outRect.right = 10.7f.dpToPx().toInt()
+                        outRect.right = 6.7f.dpToPx().toInt()
                     }
 
-                    newContentCreatorAdapter.itemCount - 1 -> {
-                        outRect.left = 10.7f.dpToPx().toInt()
+                    seriesAdapter.itemCount - 1 -> {
                         outRect.right = 0
+                        outRect.left = 6.7f.dpToPx().toInt()
                     }
 
                     else -> {
-                        outRect.left = 10.7f.dpToPx().toInt()
-                        outRect.right = 10.7f.dpToPx().toInt()
+                        outRect.left = 6.7f.dpToPx().toInt()
+                        outRect.right = 6.7f.dpToPx().toInt()
                     }
                 }
             }
         })
 
-        binding.rvNewContentCreator.adapter = newContentCreatorAdapter
+        recyclerView.adapter = seriesAdapter
+
+        recommendSeriesViewModel.seriesListLiveData.observe(viewLifecycleOwner) {
+            seriesAdapter.addItems(it)
+            binding.llRecommendSeries.visibility = if (
+                seriesAdapter.itemCount <= 0 && it.isEmpty()
+            ) {
+                View.GONE
+            } else {
+                View.VISIBLE
+            }
+        }
+
+        recommendSeriesViewModel.toastLiveData.observe(viewLifecycleOwner) {
+            it?.let { Toast.makeText(requireContext(), it, Toast.LENGTH_LONG).show() }
+        }
+
+        binding.llRecommendSeriesRefresh.setOnClickListener {
+            seriesAdapter.clear()
+            recommendSeriesViewModel.getRecommendSeriesList()
+        }
     }
 
     private fun setupBanner() {
@@ -206,6 +262,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 +335,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 +392,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 +456,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 +560,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 +632,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/AudioContentMainNewContentCreatorAdapter.kt

@@ -1,52 +0,0 @@
-package kr.co.vividnext.sodalive.audio_content.main
-
-import android.annotation.SuppressLint
-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.ItemAudioContentMainNewContentCreatorBinding
-
-class AudioContentMainNewContentCreatorAdapter(
-    private val onClickItem: (Long) -> Unit
-) : RecyclerView.Adapter<AudioContentMainNewContentCreatorAdapter.ViewHolder>() {
-
-    private val items = mutableListOf<GetNewContentUploadCreator>()
-
-    inner class ViewHolder(
-        private val binding: ItemAudioContentMainNewContentCreatorBinding
-    ) : RecyclerView.ViewHolder(binding.root) {
-        fun bind(item: GetNewContentUploadCreator) {
-            binding.tvNewContentCreator.text = item.creatorNickname
-            binding.ivNewContentCreator.load(item.creatorProfileImageUrl) {
-                crossfade(true)
-                placeholder(R.drawable.ic_place_holder)
-                transformations(CircleCropTransformation())
-            }
-            binding.root.setOnClickListener { onClickItem(item.creatorId) }
-        }
-    }
-
-    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(
-        ItemAudioContentMainNewContentCreatorBinding.inflate(
-            LayoutInflater.from(parent.context),
-            parent,
-            false
-        )
-    )
-
-    override fun getItemCount() = items.size
-
-    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
-        holder.bind(items[position])
-    }
-
-    @SuppressLint("NotifyDataSetChanged")
-    fun addItems(items: List<GetNewContentUploadCreator>) {
-        this.items.clear()
-        this.items.addAll(items)
-        notifyDataSetChanged()
-    }
-}

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)
@@ -91,6 +61,7 @@ class AudioContentMainViewModel(
     }
 
     fun getNewContentOfTheme(theme: String) {
+        _isLoading.value = true
         compositeDisposable.add(
             repository.getNewContentOfTheme(
                 theme = if (theme == "전체") {
@@ -115,10 +86,13 @@ class AudioContentMainViewModel(
                                 )
                             }
                         }
+
+                        _isLoading.value = false
                     },
                     {
                         it.message?.let { message -> Logger.e(message) }
                         _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                        _isLoading.value = false
                     }
                 )
         )

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/main/recommend_series/AudioContentMainRecommendSeriesViewModel.kt

@@ -0,0 +1,55 @@
+package kr.co.vividnext.sodalive.audio_content.main.recommend_series
+
+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.series.GetSeriesListResponse
+import kr.co.vividnext.sodalive.audio_content.series.SeriesRepository
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+
+class AudioContentMainRecommendSeriesViewModel(
+    private val repository: SeriesRepository
+) : BaseViewModel() {
+    private val _toastLiveData = MutableLiveData<String?>()
+    val toastLiveData: LiveData<String?>
+        get() = _toastLiveData
+
+    private var _seriesListLiveData = MutableLiveData<List<GetSeriesListResponse.SeriesListItem>>()
+    val seriesListLiveData: LiveData<List<GetSeriesListResponse.SeriesListItem>>
+        get() = _seriesListLiveData
+
+    fun getRecommendSeriesList() {
+        compositeDisposable.add(
+            repository
+                .getRecommendSeriesList(token = "Bearer ${SharedPreferenceManager.token}")
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.success && it.data != null) {
+                            _seriesListLiveData.value = 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/modify/AudioContentModifyActivity.kt

@@ -173,17 +173,17 @@ class AudioContentModifyActivity : BaseActivity<ActivityAudioContentModifyBindin
                         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_3bb9f1
                 )
             } else {
                 binding.ivCommentNo.visibility = View.VISIBLE
@@ -193,17 +193,17 @@ class AudioContentModifyActivity : BaseActivity<ActivityAudioContentModifyBindin
                         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_3bb9f1)
             }
         }
 
@@ -223,17 +223,17 @@ class AudioContentModifyActivity : BaseActivity<ActivityAudioContentModifyBindin
                     if (it) {
                         binding.ivAgeAll.visibility = View.GONE
                         binding.llAgeAll.setBackgroundResource(
-                            R.drawable.bg_round_corner_6_7_1f1734
+                            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,
@@ -242,17 +242,17 @@ class AudioContentModifyActivity : BaseActivity<ActivityAudioContentModifyBindin
                         )
                     } 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
+                            R.drawable.bg_round_corner_6_7_3bb9f1
                         )
                         binding.tvAgeAll.setTextColor(
                             ContextCompat.getColor(

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

@@ -4,14 +4,17 @@ import android.app.Activity
 import android.graphics.Color
 import android.graphics.drawable.ColorDrawable
 import android.view.LayoutInflater
+import android.view.View
 import android.view.WindowManager
 import androidx.appcompat.app.AlertDialog
 import coil.load
 import coil.transform.CircleCropTransformation
 import coil.transform.RoundedCornersTransformation
 import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.databinding.DialogAudioContentOrderConfirmBinding
 import kr.co.vividnext.sodalive.extensions.dpToPx
+import kr.co.vividnext.sodalive.extensions.moneyFormat
 import kotlin.math.ceil
 
 class AudioContentOrderConfirmDialog(
@@ -58,16 +61,35 @@ class AudioContentOrderConfirmDialog(
         }
 
         dialogView.tvDuration.text = duration
-        dialogView.tvPrice.text = if (orderType == OrderType.RENTAL && !isOnlyRental) {
-            "${ceil(price * 0.6).toInt()}"
+
+        if (SharedPreferenceManager.userId == 17958L) {
+            dialogView.ivCan.visibility = View.GONE
+            dialogView.tvPrice.text = if (orderType == OrderType.RENTAL && !isOnlyRental) {
+                "${(ceil(price * 0.6).toInt() * 110).moneyFormat()}원"
+            } else {
+                "${(price * 110).moneyFormat()}원"
+            }
         } else {
-            "$price"
+            dialogView.ivCan.visibility = View.VISIBLE
+            dialogView.tvPrice.text = if (orderType == OrderType.RENTAL && !isOnlyRental) {
+                ceil(price * 0.6).toInt().moneyFormat()
+            } else {
+                price.moneyFormat()
+            }
         }
 
-        dialogView.tvNotice.text = if (orderType == OrderType.RENTAL) {
-            "콘텐츠를 대여하시겠습니까?\n아래 캔이 차감됩니다."
+        if (SharedPreferenceManager.userId == 17958L) {
+            dialogView.tvNotice.text = if (orderType == OrderType.RENTAL) {
+                "콘텐츠를 대여하시겠습니까?"
+            } else {
+                "콘텐츠를 소장하시겠습니까?"
+            }
         } else {
-            "콘텐츠를 소장하시겠습니까?\n아래 캔이 차감됩니다."
+            dialogView.tvNotice.text = if (orderType == OrderType.RENTAL) {
+                "콘텐츠를 대여하시겠습니까?\n아래 캔이 차감됩니다."
+            } else {
+                "콘텐츠를 소장하시겠습니까?\n아래 캔이 차감됩니다."
+            }
         }
 
         dialogView.tvCancel.setOnClickListener {

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

@@ -1,11 +1,14 @@
 package kr.co.vividnext.sodalive.audio_content.order
 
+import android.annotation.SuppressLint
 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.common.SharedPreferenceManager
 import kr.co.vividnext.sodalive.databinding.FragmentAudioContentOrderBinding
+import kr.co.vividnext.sodalive.extensions.moneyFormat
 import kotlin.math.ceil
 
 class AudioContentOrderFragment(
@@ -26,15 +29,35 @@ class AudioContentOrderFragment(
         return binding.root
     }
 
+    @SuppressLint("SetTextI18n")
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
 
+        if (SharedPreferenceManager.userId == 17958L) {
+            binding.tvKeepDate.text = "(이용기간 1년)"
+            binding.ivKeepCan.visibility = View.GONE
+            binding.ivRentalCan.visibility = View.GONE
+        } else {
+            binding.tvKeepDate.text = "(서비스 종료시까지)"
+            binding.ivKeepCan.visibility = View.VISIBLE
+            binding.ivRentalCan.visibility = View.VISIBLE
+        }
+
         if (isOnlyRental) {
-            binding.tvRental.text = "$price"
+            if (SharedPreferenceManager.userId == 17958L) {
+                binding.tvRental.text = "${(price * 110).moneyFormat()}원"
+            } else {
+                binding.tvRental.text = price.moneyFormat()
+            }
             binding.rlKeep.visibility = View.GONE
         } else {
-            binding.tvKeep.text = "$price"
-            binding.tvRental.text = "${ceil(price * 0.6).toInt()}"
+            if (SharedPreferenceManager.userId == 17958L) {
+                binding.tvKeep.text = "${(price * 110).moneyFormat()}원"
+                binding.tvRental.text = "${(ceil(price * 0.6).toInt() * 110).moneyFormat()}원"
+            } else {
+                binding.tvKeep.text = price.moneyFormat()
+                binding.tvRental.text = ceil(price * 0.6).toInt().moneyFormat()
+            }
 
             binding.rlKeep.visibility = View.VISIBLE
             binding.llKeep.setOnClickListener {

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

@@ -48,10 +48,11 @@ class AudioContentOrderListViewModel(
                         {
                             if (it.success && it.data != null) {
                                 _totalCount.value = it.data.totalCount
+                                page += 1
                                 if (it.data.items.isNotEmpty()) {
-                                    page += 1
                                     _orderList.postValue(it.data.items)
                                 } else {
+                                    _orderList.postValue(listOf())
                                     isLast = true
                                 }
                             } else {

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

@@ -0,0 +1,26 @@
+package kr.co.vividnext.sodalive.audio_content.series
+
+import com.google.gson.annotations.SerializedName
+
+data class GetSeriesListResponse(
+    @SerializedName("totalCount") val totalCount: Int,
+    @SerializedName("items") val items: List<SeriesListItem>
+) {
+    data class SeriesListItem(
+        @SerializedName("seriesId") val seriesId: Long,
+        @SerializedName("title") val title: String,
+        @SerializedName("coverImage") val coverImage: String,
+        @SerializedName("publishedDaysOfWeek") val publishedDaysOfWeek: String,
+        @SerializedName("isComplete") val isComplete: Boolean,
+        @SerializedName("creator") val creator: SeriesListItemCreator,
+        @SerializedName("numberOfContent") val numberOfContent: Int,
+        @SerializedName("isNew") val isNew: Boolean,
+        @SerializedName("isPopular") val isPopular: Boolean
+    )
+
+    data class SeriesListItemCreator(
+        @SerializedName("creatorId") val creatorId: Long,
+        @SerializedName("nickname") val nickname: String,
+        @SerializedName("profileImage") val profileImage: String
+    )
+}

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

@@ -0,0 +1,40 @@
+package kr.co.vividnext.sodalive.audio_content.series
+
+import io.reactivex.rxjava3.core.Single
+import kr.co.vividnext.sodalive.audio_content.series.detail.GetSeriesContentListResponse
+import kr.co.vividnext.sodalive.audio_content.series.detail.GetSeriesDetailResponse
+import kr.co.vividnext.sodalive.common.ApiResponse
+import retrofit2.http.GET
+import retrofit2.http.Header
+import retrofit2.http.Path
+import retrofit2.http.Query
+
+interface SeriesApi {
+    @GET("/audio-content/series")
+    fun getSeriesList(
+        @Query("creatorId") creatorId: Long,
+        @Query("sortType") sortType: SeriesListAllViewModel.SeriesSortType,
+        @Query("page") page: Int,
+        @Query("size") size: Int,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<GetSeriesListResponse>>
+
+    @GET("/audio-content/series/{id}")
+    fun getSeriesDetail(
+        @Path("id") seriesId: Long,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<GetSeriesDetailResponse>>
+
+    @GET("/audio-content/series/{id}/content")
+    fun getSeriesContentList(
+        @Path("id") seriesId: Long,
+        @Query("page") page: Int,
+        @Query("size") size: Int,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<GetSeriesContentListResponse>>
+
+    @GET("/audio-content/series/recommend")
+    fun getRecommendSeriesList(
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<List<GetSeriesListResponse.SeriesListItem>>>
+}

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

@@ -0,0 +1,104 @@
+package kr.co.vividnext.sodalive.audio_content.series
+
+import android.annotation.SuppressLint
+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 kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.databinding.ItemSeriesListBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
+
+class SeriesListAdapter(
+    private val itemWidth: Int,
+    private val onClickItem: (Long) -> Unit,
+    private val onClickCreator: (Long) -> Unit,
+    private val isVisibleCreator: Boolean
+) : RecyclerView.Adapter<SeriesListAdapter.ViewHolder>() {
+
+    val items = mutableListOf<GetSeriesListResponse.SeriesListItem>()
+
+    inner class ViewHolder(
+        private val binding: ItemSeriesListBinding
+    ) : RecyclerView.ViewHolder(binding.root) {
+        @SuppressLint("SetTextI18n")
+        fun bind(item: GetSeriesListResponse.SeriesListItem) {
+            val lp = binding.ivCover.layoutParams as ConstraintLayout.LayoutParams
+            lp.width = itemWidth
+            lp.height = itemWidth * 432 / 306
+            binding.ivCover.layoutParams = lp
+
+            binding.ivCover.load(item.coverImage) {
+                crossfade(true)
+                placeholder(R.drawable.bg_placeholder)
+                transformations(RoundedCornersTransformation(5f.dpToPx()))
+            }
+
+            binding.tvTitle.text = item.title
+            binding.tvSeriesContentCount.text = "총 ${item.numberOfContent}화"
+            binding.tvPublishedDaysOfWeek.text = item.publishedDaysOfWeek
+
+            binding.tvNew.visibility = if (item.isNew) {
+                View.VISIBLE
+            } else {
+                View.GONE
+            }
+
+            binding.tvPopular.visibility = if (item.isPopular) {
+                View.VISIBLE
+            } else {
+                View.GONE
+            }
+
+            if (item.isComplete) {
+                binding.tvNew.visibility = View.GONE
+                binding.tvComplete.visibility = View.VISIBLE
+            } else {
+                binding.tvComplete.visibility = View.GONE
+            }
+
+            if (isVisibleCreator) {
+                binding.llCreator.visibility = View.VISIBLE
+                binding.tvCreator.text = item.creator.nickname
+                binding.ivCreator.load(item.creator.profileImage) {
+                    crossfade(true)
+                    placeholder(R.drawable.ic_place_holder)
+                    transformations(CircleCropTransformation())
+                }
+                binding.llCreator.setOnClickListener { onClickCreator(item.creator.creatorId) }
+            } else {
+                binding.llCreator.visibility = View.GONE
+            }
+
+            binding.root.setOnClickListener { onClickItem(item.seriesId) }
+        }
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(
+        ItemSeriesListBinding.inflate(
+            LayoutInflater.from(parent.context),
+            parent,
+            false
+        )
+    )
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        holder.bind(items[position])
+    }
+
+    override fun getItemCount() = items.count()
+
+    @SuppressLint("NotifyDataSetChanged")
+    fun addItems(items: List<GetSeriesListResponse.SeriesListItem>) {
+        this.items.addAll(items)
+        notifyDataSetChanged()
+    }
+
+    fun clear() {
+        this.items.clear()
+    }
+}

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

@@ -0,0 +1,118 @@
+package kr.co.vividnext.sodalive.audio_content.series
+
+import android.content.Intent
+import android.os.Bundle
+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.series.detail.SeriesDetailActivity
+import kr.co.vividnext.sodalive.base.BaseActivity
+import kr.co.vividnext.sodalive.common.Constants
+import kr.co.vividnext.sodalive.common.DifferentSpacingItemDecoration
+import kr.co.vividnext.sodalive.common.LoadingDialog
+import kr.co.vividnext.sodalive.databinding.ActivitySeriesListAllBinding
+import org.koin.android.ext.android.inject
+import kotlin.math.roundToInt
+
+class SeriesListAllActivity : BaseActivity<ActivitySeriesListAllBinding>(
+    ActivitySeriesListAllBinding::inflate
+) {
+
+    private val viewModel: SeriesListAllViewModel by inject()
+
+    private lateinit var loadingDialog: LoadingDialog
+    private lateinit var seriesAdapter: SeriesListAdapter
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        val creatorId = intent.getLongExtra(Constants.EXTRA_USER_ID, 0)
+        if (creatorId <= 0) {
+            Toast.makeText(applicationContext, "잘못된 요청입니다.", Toast.LENGTH_LONG).show()
+            finish()
+        }
+
+        bindData()
+
+        viewModel.creatorId = creatorId
+        viewModel.getSeriesList()
+    }
+
+    override fun setupView() {
+        loadingDialog = LoadingDialog(this, layoutInflater)
+        binding.toolbar.tvBack.text = "시리즈 전체보기"
+        binding.toolbar.tvBack.setOnClickListener { finish() }
+
+        seriesAdapter = SeriesListAdapter(
+            itemWidth = ((screenWidth - (13.3 * 3)) / 3).roundToInt(),
+            onClickItem = {
+                startActivity(
+                    Intent(applicationContext, SeriesDetailActivity::class.java).apply {
+                        putExtra(Constants.EXTRA_SERIES_ID, it)
+                    }
+                )
+            },
+            onClickCreator = {},
+            isVisibleCreator = false
+        )
+
+        val spanCount = 3
+        val horizontalSpacing = 20
+        val verticalSpacing = 100
+        val recyclerView = binding.rvSeriesAll
+        recyclerView.layoutManager = GridLayoutManager(this, spanCount)
+
+        recyclerView.addItemDecoration(
+            DifferentSpacingItemDecoration(
+                spanCount = spanCount,
+                horizontalSpacing = horizontalSpacing,
+                verticalSpacing = verticalSpacing,
+                includeEdge = true
+
+            )
+        )
+
+        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.getSeriesList()
+                }
+            }
+        })
+
+        recyclerView.adapter = seriesAdapter
+    }
+
+    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.seriesListLiveData.observe(this) {
+            if (viewModel.page - 1 == 1) {
+                seriesAdapter.clear()
+                binding.rvSeriesAll.scrollToPosition(0)
+            }
+
+            seriesAdapter.addItems(it)
+        }
+    }
+}

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

@@ -0,0 +1,80 @@
+package kr.co.vividnext.sodalive.audio_content.series
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+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.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+
+class SeriesListAllViewModel(private val repository: SeriesRepository) : BaseViewModel() {
+
+    enum class SeriesSortType {
+        @SerializedName("NEWEST") NEWEST,
+        @SerializedName("POPULAR") POPULAR
+    }
+
+    private val _toastLiveData = MutableLiveData<String?>()
+    val toastLiveData: LiveData<String?>
+        get() = _toastLiveData
+
+    private var _isLoading = MutableLiveData(false)
+    val isLoading: LiveData<Boolean>
+        get() = _isLoading
+
+    private var _seriesListLiveData = MutableLiveData<List<GetSeriesListResponse.SeriesListItem>>()
+    val seriesListLiveData: LiveData<List<GetSeriesListResponse.SeriesListItem>>
+        get() = _seriesListLiveData
+
+    var creatorId = 0L
+    var isLast = false
+    var page = 1
+    private val size = 10
+
+    fun getSeriesList() {
+        if (!_isLoading.value!! && !isLast) {
+            _isLoading.value = true
+
+            compositeDisposable.add(
+                repository.getSeriesList(
+                    creatorId = creatorId,
+                    sortType = SeriesSortType.NEWEST,
+                    page = page,
+                    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()) {
+                                    _seriesListLiveData.value = it.data.items
+                                } else {
+                                    isLast = true
+                                }
+                            } else {
+                                if (it.message != null) {
+                                    _toastLiveData.value = it.message
+                                } else {
+                                    _toastLiveData.value = "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+
+                                }
+                            }
+
+                            _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/series/SeriesRepository.kt

@@ -0,0 +1,36 @@
+package kr.co.vividnext.sodalive.audio_content.series
+
+class SeriesRepository(private val api: SeriesApi) {
+    fun getSeriesList(
+        creatorId: Long,
+        sortType: SeriesListAllViewModel.SeriesSortType,
+        page: Int,
+        size: Int,
+        token: String
+    ) = api.getSeriesList(
+        creatorId = creatorId,
+        sortType = sortType,
+        page = page - 1,
+        size = size,
+        authHeader = token
+    )
+
+    fun getSeriesDetail(seriesId: Long, token: String) = api.getSeriesDetail(
+        seriesId = seriesId,
+        authHeader = token
+    )
+
+    fun getSeriesContentList(
+        seriesId: Long,
+        page: Int,
+        size: Int,
+        token: String
+    ) = api.getSeriesContentList(
+        seriesId = seriesId,
+        page = page - 1,
+        size = size,
+        authHeader = token
+    )
+
+    fun getRecommendSeriesList(token: String) = api.getRecommendSeriesList(authHeader = token)
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/series/content/SeriesContentAdapter.kt

@@ -0,0 +1,77 @@
+package kr.co.vividnext.sodalive.audio_content.series.content
+
+import android.annotation.SuppressLint
+import android.view.LayoutInflater
+import android.view.View
+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.audio_content.series.detail.GetSeriesContentListItem
+import kr.co.vividnext.sodalive.databinding.ItemSeriesContentBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
+
+class SeriesContentAdapter(
+    private val onClickItem: (Long) -> Unit
+) : RecyclerView.Adapter<SeriesContentAdapter.ViewHolder>() {
+
+    val items = mutableListOf<GetSeriesContentListItem>()
+
+    inner class ViewHolder(
+        private val binding: ItemSeriesContentBinding
+    ) : RecyclerView.ViewHolder(binding.root) {
+        fun bind(item: GetSeriesContentListItem) {
+            binding.ivCover.load(item.coverImage) {
+                crossfade(true)
+                placeholder(R.drawable.bg_placeholder)
+                transformations(RoundedCornersTransformation(5.3f.dpToPx()))
+            }
+
+            binding.tvTitle.text = item.title
+            binding.tvDuration.text = item.duration
+
+            binding.tvPrice.visibility = View.GONE
+            binding.tvOwned.visibility = View.GONE
+            binding.tvRented.visibility = View.GONE
+            binding.tvPriceFree.visibility = View.GONE
+
+            if (item.isOwned) {
+                binding.tvOwned.visibility = View.VISIBLE
+            } else if (item.isRented) {
+                binding.tvRented.visibility = View.VISIBLE
+            } else if (item.price > 0) {
+                binding.tvPrice.text = "${item.price}"
+                binding.tvPrice.visibility = View.VISIBLE
+            } else {
+                binding.tvPriceFree.visibility = View.VISIBLE
+            }
+
+            binding.root.setOnClickListener { onClickItem(item.contentId) }
+        }
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(
+        ItemSeriesContentBinding.inflate(
+            LayoutInflater.from(parent.context),
+            parent,
+            false
+        )
+    )
+
+    override fun getItemCount() = items.size
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        holder.bind(items[position])
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    fun addItems(items: List<GetSeriesContentListItem>) {
+        this.items.addAll(items)
+        notifyDataSetChanged()
+    }
+
+    fun clear() {
+        this.items.clear()
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/series/content/SeriesContentAllActivity.kt

@@ -0,0 +1,108 @@
+package kr.co.vividnext.sodalive.audio_content.series.content
+
+import android.content.Intent
+import android.os.Bundle
+import android.widget.Toast
+import androidx.recyclerview.widget.DividerItemDecoration
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+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.LoadingDialog
+import kr.co.vividnext.sodalive.databinding.ActivitySeriesContentAllBinding
+import org.koin.android.ext.android.inject
+
+class SeriesContentAllActivity : BaseActivity<ActivitySeriesContentAllBinding>(
+    ActivitySeriesContentAllBinding::inflate
+) {
+    private val viewModel: SeriesContentAllViewModel by inject()
+
+    private lateinit var loadingDialog: LoadingDialog
+    private lateinit var adapter: SeriesContentAdapter
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        val seriesId = intent.getLongExtra(Constants.EXTRA_SERIES_ID, 0)
+        if (seriesId <= 0) {
+            Toast.makeText(applicationContext, "잘못된 요청입니다.", Toast.LENGTH_LONG).show()
+            finish()
+        }
+
+        bindData()
+
+        viewModel.seriesId = seriesId
+        viewModel.getSeriesContentList()
+    }
+
+    override fun setupView() {
+        loadingDialog = LoadingDialog(this, layoutInflater)
+
+        val seriesTitle = intent.getStringExtra(Constants.EXTRA_SERIES_TITLE) ?: ""
+        binding.toolbar.tvBack.text = if (seriesTitle.isNotBlank()) {
+            "$seriesTitle - 전체회차 듣기"
+        } else {
+            " 전체회차 듣기"
+        }
+        binding.toolbar.tvBack.setOnClickListener { finish() }
+
+        adapter = SeriesContentAdapter {
+            startActivity(
+                Intent(applicationContext, AudioContentDetailActivity::class.java).apply {
+                    putExtra(Constants.EXTRA_AUDIO_CONTENT_ID, it)
+                }
+            )
+        }
+
+        binding.rvSeriesContentAll.layoutManager = LinearLayoutManager(
+            applicationContext,
+            LinearLayoutManager.VERTICAL,
+            false
+        )
+
+        binding.rvSeriesContentAll.addItemDecoration(
+            DividerItemDecoration(
+                applicationContext,
+                DividerItemDecoration.VERTICAL
+            )
+        )
+
+        binding.rvSeriesContentAll.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.getSeriesContentList()
+                }
+            }
+        })
+
+        binding.rvSeriesContentAll.adapter = adapter
+    }
+
+    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.seriesContentListLiveData.observe(this) {
+            adapter.addItems(it)
+        }
+    }
+}

app/src/main/java/kr/co/vividnext/sodalive/audio_content/series/content/SeriesContentAllViewModel.kt

@@ -0,0 +1,73 @@
+package kr.co.vividnext.sodalive.audio_content.series.content
+
+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.series.SeriesRepository
+import kr.co.vividnext.sodalive.audio_content.series.detail.GetSeriesContentListItem
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+
+class SeriesContentAllViewModel(private val repository: SeriesRepository) : 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 _seriesContentListLiveData = MutableLiveData<List<GetSeriesContentListItem>>()
+    val seriesContentListLiveData: LiveData<List<GetSeriesContentListItem>>
+        get() = _seriesContentListLiveData
+
+    var seriesId = 0L
+
+    var page = 1
+    private var pageSize = 10
+    private var isLast = false
+
+    fun getSeriesContentList() {
+        if (!_isLoading.value!! && !isLast) {
+            _isLoading.value = true
+
+            compositeDisposable.add(
+                repository.getSeriesContentList(
+                    seriesId = seriesId,
+                    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.items.isNotEmpty()) {
+                                    _seriesContentListLiveData.value = it.data.items
+                                } else {
+                                    isLast = true
+                                }
+                            } else {
+                                if (it.message != null) {
+                                    _toastLiveData.value = it.message
+                                } else {
+                                    _toastLiveData.value = "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                                }
+                            }
+                            _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/series/detail/GetSeriesContentListResponse.kt

@@ -0,0 +1,22 @@
+package kr.co.vividnext.sodalive.audio_content.series.detail
+
+import android.os.Parcelable
+import com.google.gson.annotations.SerializedName
+import kotlinx.parcelize.Parcelize
+
+data class GetSeriesContentListResponse(
+    @SerializedName("totalCount") val totalCount: Int,
+    @SerializedName("items") val items: List<GetSeriesContentListItem>
+)
+
+@Parcelize
+data class GetSeriesContentListItem(
+    @SerializedName("contentId") val contentId: Long,
+    @SerializedName("title") val title: String,
+    @SerializedName("coverImage") val coverImage: String,
+    @SerializedName("releaseDate") val releaseDate: String,
+    @SerializedName("duration") val duration: String,
+    @SerializedName("price") val price: Int,
+    @SerializedName("isRented") var isRented: Boolean,
+    @SerializedName("isOwned") var isOwned: Boolean
+) : Parcelable

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

@@ -0,0 +1,36 @@
+package kr.co.vividnext.sodalive.audio_content.series.detail
+
+import android.os.Parcelable
+import com.google.gson.annotations.SerializedName
+import kotlinx.parcelize.Parcelize
+
+@Parcelize
+data class GetSeriesDetailResponse(
+    @SerializedName("seriesId") val seriesId: Long,
+    @SerializedName("title") val title: String,
+    @SerializedName("coverImage") val coverImage: String,
+    @SerializedName("introduction") val introduction: String,
+    @SerializedName("genre") val genre: String,
+    @SerializedName("isAdult") val isAdult: Boolean,
+    @SerializedName("writer") val writer: String?,
+    @SerializedName("studio") val studio: String?,
+    @SerializedName("publishedDate") val publishedDate: String,
+    @SerializedName("creator") val creator: GetSeriesDetailCreator,
+    @SerializedName("rentalMinPrice") var rentalMinPrice: Int,
+    @SerializedName("rentalMaxPrice") var rentalMaxPrice: Int,
+    @SerializedName("rentalPeriod") val rentalPeriod: Int,
+    @SerializedName("minPrice") var minPrice: Int,
+    @SerializedName("maxPrice") var maxPrice: Int,
+    @SerializedName("keywordList") var keywordList: List<String>,
+    @SerializedName("publishedDaysOfWeek") var publishedDaysOfWeek: String,
+    @SerializedName("contentList") val contentList: List<GetSeriesContentListItem>,
+    @SerializedName("contentCount") val contentCount: Int
+) : Parcelable {
+    @Parcelize
+    data class GetSeriesDetailCreator(
+        @SerializedName("creatorId") val creatorId: Long,
+        @SerializedName("nickname") val nickname: String,
+        @SerializedName("profileImage") val profileImage: String,
+        @SerializedName("isFollow") var isFollow: Boolean
+    ) : Parcelable
+}

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

@@ -0,0 +1,212 @@
+package kr.co.vividnext.sodalive.audio_content.series.detail
+
+import android.annotation.SuppressLint
+import android.os.Bundle
+import android.view.View
+import android.widget.Toast
+import androidx.core.content.ContextCompat
+import androidx.core.content.res.ResourcesCompat
+import coil.load
+import coil.size.Scale
+import coil.transform.BlurTransformation
+import coil.transform.CircleCropTransformation
+import coil.transform.RoundedCornersTransformation
+import com.google.android.material.chip.Chip
+import com.google.android.material.shape.ShapeAppearanceModel
+import com.google.android.material.tabs.TabLayout
+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.SharedPreferenceManager
+import kr.co.vividnext.sodalive.databinding.ActivitySeriesDetailBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
+import org.koin.android.ext.android.inject
+
+class SeriesDetailActivity : BaseActivity<ActivitySeriesDetailBinding>(
+    ActivitySeriesDetailBinding::inflate
+) {
+    private val viewModel: SeriesDetailViewModel by inject()
+
+    private lateinit var loadingDialog: LoadingDialog
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        val seriesId = intent.getLongExtra(Constants.EXTRA_SERIES_ID, 0)
+        if (seriesId <= 0) {
+            Toast.makeText(applicationContext, "잘못된 요청입니다.", Toast.LENGTH_LONG).show()
+            finish()
+        }
+
+        bindData()
+
+        viewModel.seriesId = seriesId
+        viewModel.getSeriesDetail()
+    }
+
+    override fun setupView() {
+        loadingDialog = LoadingDialog(this, layoutInflater)
+        binding.ivBack.setOnClickListener { finish() }
+
+        setupTab()
+    }
+
+    private fun setupTab() {
+        val tabs = binding.tabs
+        tabs.addTab(tabs.newTab().setText("홈").setTag("home"))
+        tabs.addTab(tabs.newTab().setText("작품소개").setTag("introduction"))
+
+        tabs.addOnTabSelectedListener(object : TabLayout.OnTabSelectedListener {
+            override fun onTabSelected(tab: TabLayout.Tab) {
+                val tag = tab.tag as String
+                changeFragment(tag)
+            }
+
+            override fun onTabUnselected(tab: TabLayout.Tab) {
+            }
+
+            override fun onTabReselected(tab: TabLayout.Tab) {
+            }
+
+        })
+    }
+
+    private fun changeFragment(tag: String) {
+        val fragmentManager = supportFragmentManager
+        val fragmentTransaction = fragmentManager.beginTransaction()
+
+        val fragment = when (tag) {
+            "introduction" -> SeriesDetailIntroductionFragment()
+            else -> SeriesDetailHomeFragment()
+        }
+
+        val bundle = Bundle()
+        bundle.putParcelable(Constants.EXTRA_SERIES, viewModel.seriesDetailResponse)
+        fragment.arguments = bundle
+
+        fragmentTransaction.replace(R.id.container, fragment, tag)
+        fragmentTransaction.setPrimaryNavigationFragment(fragment)
+        fragmentTransaction.setReorderingAllowed(true)
+        fragmentTransaction.commitNow()
+    }
+
+    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.seriesDetailLiveData.observe(this) {
+            setSeriesBg(it.coverImage)
+            setSeriesInfo(it)
+            setSeriesCreator(it.creator)
+            setSeriesKeywordChipList(it.keywordList)
+
+            changeFragment("home")
+        }
+    }
+
+    private fun setSeriesKeywordChipList(keywordList: List<String>) {
+        binding.chipGroup.isSingleLine = true
+        binding.chipGroup.isHorizontalScrollBarEnabled = false
+
+        for (keyword in keywordList) {
+            val chip = Chip(this)
+            chip.text = keyword
+            chip.isClickable = false
+            chip.isCheckable = false
+            chip.textSize = 12f
+            chip.chipStrokeWidth = 0f
+            chip.setChipBackgroundColorResource(R.color.color_222222)
+
+            val shapeAppearanceModel = ShapeAppearanceModel.Builder()
+                .setAllCornerSizes(26.7f.dpToPx())
+                .build()
+            chip.shapeAppearanceModel = shapeAppearanceModel
+
+            chip.setPadding(0, 0, 0, 0)
+            chip.setTextColor(ContextCompat.getColor(applicationContext, R.color.color_d2d2d2))
+            chip.typeface = ResourcesCompat.getFont(applicationContext, R.font.gmarket_sans_medium)
+            binding.chipGroup.addView(chip)
+        }
+    }
+
+    @SuppressLint("SetTextI18n")
+    private fun setSeriesInfo(seriesDetail: GetSeriesDetailResponse) {
+        binding.ivCover.load(seriesDetail.coverImage) {
+            crossfade(true)
+            placeholder(R.drawable.bg_placeholder)
+            transformations(RoundedCornersTransformation(5f.dpToPx()))
+        }
+
+        binding.tvTitle.text = seriesDetail.title
+        binding.tvGenre.text = seriesDetail.genre
+        binding.tvPublishedDaysOfWeek.text = "${seriesDetail.publishedDaysOfWeek} 연재"
+
+        if (seriesDetail.isAdult) {
+            binding.tvAge19.visibility = View.VISIBLE
+            binding.tvAgeAll.visibility = View.GONE
+        } else {
+            binding.tvAge19.visibility = View.GONE
+            binding.tvAgeAll.visibility = View.VISIBLE
+        }
+    }
+
+    private fun setSeriesCreator(creator: GetSeriesDetailResponse.GetSeriesDetailCreator) {
+        binding.tvNickname.text = creator.nickname
+        binding.ivProfile.load(creator.profileImage) {
+            crossfade(true)
+            placeholder(R.drawable.bg_placeholder)
+            transformations(CircleCropTransformation())
+        }
+
+        if (SharedPreferenceManager.userId != creator.creatorId) {
+            binding.ivFollow.visibility = View.VISIBLE
+            binding.ivFollow.setImageResource(
+                if (creator.isFollow) {
+                    R.drawable.btn_following_big
+                } else {
+                    R.drawable.btn_follow_big
+                }
+            )
+        } else {
+            binding.ivFollow.visibility = View.GONE
+        }
+
+        binding.ivFollow.setOnClickListener {
+            if (creator.isFollow) {
+                viewModel.unFollow(creator.creatorId) {
+                    creator.isFollow = false
+                    binding.ivFollow.setImageResource(R.drawable.btn_follow_big)
+                }
+            } else {
+                viewModel.follow(creator.creatorId) {
+                    creator.isFollow = true
+                    binding.ivFollow.setImageResource(R.drawable.btn_following_big)
+                }
+
+            }
+        }
+    }
+
+    private fun setSeriesBg(coverImage: String) {
+        binding.ivBg.load(coverImage) {
+            transformations(
+                BlurTransformation(
+                    this@SeriesDetailActivity,
+                    25f,
+                    2.5f
+                )
+            )
+            scale(Scale.FILL)
+        }
+    }
+}

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

@@ -0,0 +1,83 @@
+package kr.co.vividnext.sodalive.audio_content.series.detail
+
+import android.annotation.SuppressLint
+import android.content.Intent
+import android.os.Build
+import android.os.Bundle
+import android.view.View
+import androidx.recyclerview.widget.DividerItemDecoration
+import androidx.recyclerview.widget.LinearLayoutManager
+import kr.co.vividnext.sodalive.audio_content.detail.AudioContentDetailActivity
+import kr.co.vividnext.sodalive.audio_content.series.content.SeriesContentAdapter
+import kr.co.vividnext.sodalive.audio_content.series.content.SeriesContentAllActivity
+import kr.co.vividnext.sodalive.base.BaseFragment
+import kr.co.vividnext.sodalive.common.Constants
+import kr.co.vividnext.sodalive.databinding.FragmentSeriesDetailHomeBinding
+
+class SeriesDetailHomeFragment : BaseFragment<FragmentSeriesDetailHomeBinding>(
+    FragmentSeriesDetailHomeBinding::inflate
+) {
+    private var seriesDetailResponse: GetSeriesDetailResponse? = null
+
+    private lateinit var adapter: SeriesContentAdapter
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        if (arguments != null) {
+            seriesDetailResponse = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+                requireArguments().getParcelable(
+                    Constants.EXTRA_SERIES,
+                    GetSeriesDetailResponse::class.java
+                )
+            } else {
+                requireArguments().getParcelable(Constants.EXTRA_SERIES)
+            }
+        }
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        if (seriesDetailResponse != null) {
+            setContent()
+        }
+    }
+
+    @SuppressLint("SetTextI18n")
+    private fun setContent() {
+        binding.tvTotalCount.text = "(${seriesDetailResponse!!.contentCount})"
+        binding.llContentAll.setOnClickListener {
+            startActivity(
+                Intent(requireActivity(), SeriesContentAllActivity::class.java).apply {
+                    putExtra(Constants.EXTRA_SERIES_ID, seriesDetailResponse!!.seriesId)
+                    putExtra(Constants.EXTRA_SERIES_TITLE, seriesDetailResponse!!.title)
+                }
+            )
+        }
+
+        adapter = SeriesContentAdapter {
+            startActivity(
+                Intent(requireActivity(), AudioContentDetailActivity::class.java).apply {
+                    putExtra(Constants.EXTRA_AUDIO_CONTENT_ID, it)
+                }
+            )
+        }
+
+        binding.rvContent.layoutManager = LinearLayoutManager(
+            requireContext(),
+            LinearLayoutManager.VERTICAL,
+            false
+        )
+
+        binding.rvContent.addItemDecoration(
+            DividerItemDecoration(
+                requireContext(),
+                DividerItemDecoration.VERTICAL
+            )
+        )
+
+        binding.rvContent.adapter = adapter
+        adapter.addItems(seriesDetailResponse!!.contentList)
+    }
+}

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

@@ -0,0 +1,142 @@
+package kr.co.vividnext.sodalive.audio_content.series.detail
+
+import android.annotation.SuppressLint
+import android.os.Build
+import android.os.Bundle
+import android.view.View
+import androidx.core.content.ContextCompat
+import androidx.core.content.res.ResourcesCompat
+import com.google.android.material.chip.Chip
+import com.google.android.material.chip.ChipGroup
+import com.google.android.material.shape.ShapeAppearanceModel
+import kr.co.vividnext.sodalive.R
+import kr.co.vividnext.sodalive.base.BaseFragment
+import kr.co.vividnext.sodalive.common.Constants
+import kr.co.vividnext.sodalive.databinding.FragmentSeriesDetailIntroductionBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
+
+class SeriesDetailIntroductionFragment : BaseFragment<FragmentSeriesDetailIntroductionBinding>(
+    FragmentSeriesDetailIntroductionBinding::inflate
+) {
+    private var seriesDetailResponse: GetSeriesDetailResponse? = null
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        if (arguments != null) {
+            seriesDetailResponse = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+                requireArguments().getParcelable(
+                    Constants.EXTRA_SERIES,
+                    GetSeriesDetailResponse::class.java
+                )
+            } else {
+                requireArguments().getParcelable(Constants.EXTRA_SERIES)
+            }
+        }
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        if (seriesDetailResponse != null) {
+            setSeriesKeywordChipList(seriesDetailResponse!!.keywordList)
+            setSeriesIntroduction(seriesDetailResponse!!.introduction)
+            setSeriesPrice()
+            setSeriesInfo()
+        }
+    }
+
+    private fun setSeriesPrice() {
+        val rentalMinPrice = seriesDetailResponse!!.rentalMinPrice
+        val rentalMaxPrice = seriesDetailResponse!!.rentalMaxPrice
+        val minPrice = seriesDetailResponse!!.minPrice
+        val maxPrice = seriesDetailResponse!!.maxPrice
+
+        binding.tvRentalPrice.text = if (rentalMinPrice == rentalMaxPrice) {
+            if (rentalMaxPrice == 0) {
+                "무료(15일)"
+            } else {
+                "$rentalMaxPrice(15일)"
+            }
+        } else {
+            "${if (rentalMinPrice == 0) "무료" else rentalMinPrice} ~ ${rentalMaxPrice}캔 (15일)"
+        }
+
+        binding.tvPrice.text = if (minPrice == maxPrice) {
+            if (maxPrice == 0) {
+                "무료"
+            } else {
+                "$maxPrice"
+            }
+        } else {
+            "${if (minPrice == 0) "무료" else minPrice} ~ ${maxPrice}캔"
+        }
+    }
+
+    @SuppressLint("SetTextI18n")
+    private fun setSeriesInfo() {
+        binding.tvGenre.text = seriesDetailResponse!!.genre
+        binding.tvIsAdult.text = if (seriesDetailResponse!!.isAdult) {
+            "19세 이상"
+        } else {
+            "전체연령가"
+        }
+
+        binding.tvPublishedDate.text = seriesDetailResponse!!.publishedDate
+        binding.tvPublishedDaysOfWeek.text =
+            if (seriesDetailResponse!!.publishedDaysOfWeek == "랜덤") {
+                seriesDetailResponse!!.publishedDaysOfWeek
+            } else {
+                "${seriesDetailResponse!!.publishedDaysOfWeek}요일"
+            }
+
+        if (seriesDetailResponse!!.writer != null) {
+            binding.tvWriter.visibility = View.VISIBLE
+            binding.tvWriterLabel.visibility = View.VISIBLE
+
+            binding.tvWriter.text = seriesDetailResponse!!.writer
+        } else {
+            binding.tvWriter.visibility = View.GONE
+            binding.tvWriterLabel.visibility = View.GONE
+        }
+
+        if (seriesDetailResponse!!.studio != null) {
+            binding.tvStudio.visibility = View.VISIBLE
+            binding.tvStudioLabel.visibility = View.VISIBLE
+
+            binding.tvStudio.text = seriesDetailResponse!!.studio
+        } else {
+            binding.tvStudio.visibility = View.GONE
+            binding.tvStudioLabel.visibility = View.GONE
+        }
+    }
+
+    private fun setSeriesIntroduction(introduction: String) {
+        binding.tvIntroduce.text = introduction
+    }
+
+    private fun setSeriesKeywordChipList(keywordList: List<String>) {
+        binding.chipGroup.isHorizontalScrollBarEnabled = false
+
+        for (keyword in keywordList) {
+            val chip = Chip(requireActivity())
+            chip.text = keyword
+            chip.isClickable = false
+            chip.isCheckable = false
+            chip.textSize = 12f
+            chip.chipStrokeWidth = 0f
+            chip.setChipBackgroundColorResource(R.color.color_222222)
+
+            val shapeAppearanceModel = ShapeAppearanceModel.Builder()
+                .setAllCornerSizes(26.7f.dpToPx())
+                .build()
+            chip.shapeAppearanceModel = shapeAppearanceModel
+
+            chip.setEnsureMinTouchTargetSize(false)
+            chip.setPadding(0, 0, 0, 0)
+            chip.setTextColor(ContextCompat.getColor(requireContext(), R.color.color_d2d2d2))
+            chip.typeface = ResourcesCompat.getFont(requireContext(), R.font.gmarket_sans_medium)
+            binding.chipGroup.addView(chip)
+        }
+    }
+}

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

@@ -0,0 +1,131 @@
+package kr.co.vividnext.sodalive.audio_content.series.detail
+
+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.series.SeriesRepository
+import kr.co.vividnext.sodalive.base.BaseViewModel
+import kr.co.vividnext.sodalive.common.SharedPreferenceManager
+import kr.co.vividnext.sodalive.user.UserRepository
+
+class SeriesDetailViewModel(
+    private val repository: SeriesRepository,
+    private val userRepository: UserRepository
+) : 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 _seriesDetailLiveData = MutableLiveData<GetSeriesDetailResponse>()
+    val seriesDetailLiveData: LiveData<GetSeriesDetailResponse>
+        get() = _seriesDetailLiveData
+
+    var seriesId = 0L
+
+    lateinit var seriesDetailResponse: GetSeriesDetailResponse
+
+    fun getSeriesDetail() {
+        _isLoading.value = true
+
+        compositeDisposable.add(
+            repository.getSeriesDetail(
+                seriesId = seriesId,
+                token = "Bearer ${SharedPreferenceManager.token}"
+            )
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe(
+                    {
+                        if (it.success && it.data != null) {
+                            seriesDetailResponse = it.data
+                            _seriesDetailLiveData.value = seriesDetailResponse
+                        } else {
+                            if (it.message != null) {
+                                _toastLiveData.value = it.message
+                            } else {
+                                _toastLiveData.value = "알 수 없는 오류가 발생했습니다. 다시 시도해 주세요."
+                            }
+                        }
+                        _isLoading.value = false
+                    },
+                    {
+                        _isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
+
+    fun follow(creatorId: Long, onSuccess: () -> Unit) {
+        _isLoading.value = true
+        compositeDisposable.add(
+            userRepository.creatorFollow(
+                creatorId,
+                "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.value = false
+                    },
+                    {
+                        _isLoading.value = false
+                        it.message?.let { message -> Logger.e(message) }
+                        _toastLiveData.postValue("알 수 없는 오류가 발생했습니다. 다시 시도해 주세요.")
+                    }
+                )
+        )
+    }
+
+    fun unFollow(creatorId: Long, onSuccess: () -> Unit) {
+        _isLoading.value = true
+        compositeDisposable.add(
+            userRepository.creatorUnFollow(
+                creatorId,
+                "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.value = false
+                    },
+                    {
+                        _isLoading.value = false
+                        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()
@@ -125,6 +153,11 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
     override fun setupView() {
         loadingDialog = LoadingDialog(this, layoutInflater)
 
+        binding.tvServiceDate.text = if (SharedPreferenceManager.userId == 17958L) {
+            "※ 이용기간 : 대여(15일) | 소장(이용 기간 1년)"
+        } else {
+            "※ 이용기간 : 대여(15일) | 소장(서비스 종료시까지)"
+        }
         binding.toolbar.tvBack.text = "콘텐츠 등록"
         binding.toolbar.tvBack.setOnClickListener { finish() }
         binding.llTheme.setOnClickListener {
@@ -169,10 +202,16 @@ 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.llLimited.setOnClickListener { viewModel.setLimited(true) }
+        binding.llNotLimited.setOnClickListener { viewModel.setLimited(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 +228,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() {
@@ -260,6 +364,24 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
                 }
         )
 
+        compositeDisposable.add(
+            binding.etLimited.textChanges().skip(1)
+                .subscribeOn(Schedulers.io())
+                .observeOn(AndroidSchedulers.mainThread())
+                .subscribe {
+                    val limited = it.toString().toIntOrNull()
+                    if (limited != null) {
+                        viewModel.limited = limited.toInt()
+                    } else {
+                        viewModel.limited = 0
+                        if (it.isNotBlank()) {
+                            binding.etLimited.setText(it.substring(0, it.length - 1))
+                            binding.etLimited.setSelection(it.length - 1)
+                        }
+                    }
+                }
+        )
+
         compositeDisposable.add(
             binding.etPreviewStartTime.textChanges().skip(1)
                 .subscribeOn(Schedulers.io())
@@ -306,6 +428,22 @@ class AudioContentUploadActivity : BaseActivity<ActivityAudioContentUploadBindin
             }
         }
 
+        viewModel.isLimitedLiveData.observe(this) {
+            if (it) {
+                checkLimited()
+            } else {
+                checkNotLimited()
+            }
+        }
+
+        viewModel.isGeneratePreviewLiveData.observe(this) {
+            if (it) {
+                checkGeneratePreview()
+            } else {
+                checkNotGeneratePreview()
+            }
+        }
+
         viewModel.isOnlyRentalLiveData.observe(this) {
             if (it) {
                 checkOnlyRental()
@@ -323,17 +461,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 +481,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 +507,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 +525,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 +544,81 @@ 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
+        }
+
+        viewModel.isShowConfigLimitedLiveData.observe(this) {
+            if (it) {
+                binding.llConfigLimited.visibility = View.VISIBLE
+                binding.tvConfigLimitedTitle.visibility = View.VISIBLE
+            } else {
+                binding.llConfigLimited.visibility = View.GONE
+                binding.tvConfigLimitedTitle.visibility = View.GONE
+                binding.etLimited.visibility = View.GONE
+                binding.etLimited.setText("")
+            }
+        }
+    }
+
+    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 +635,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 +664,114 @@ 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 checkNotLimited() {
+        binding.ivNotLimited.visibility = View.VISIBLE
+        binding.tvNotLimited.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_eeeeee
+            )
+        )
+        binding.llNotLimited.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+
+        binding.ivLimited.visibility = View.GONE
+        binding.tvLimited.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_3bb9f1
+            )
+        )
+        binding.llLimited.setBackgroundResource(
+            R.drawable.bg_round_corner_6_7_13181b
+        )
+        binding.etLimited.visibility = View.GONE
+        binding.etLimited.setText("")
+    }
+
+    private fun checkLimited() {
+        binding.ivLimited.visibility = View.VISIBLE
+        binding.tvLimited.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_eeeeee
+            )
+        )
+        binding.llLimited.setBackgroundResource(R.drawable.bg_round_corner_6_7_3bb9f1)
+
+        binding.ivNotLimited.visibility = View.GONE
+        binding.tvNotLimited.setTextColor(
+            ContextCompat.getColor(
+                applicationContext,
+                R.color.color_3bb9f1
+            )
+        )
+        binding.llNotLimited.setBackgroundResource(
+            R.drawable.bg_round_corner_6_7_13181b
+        )
+        binding.etLimited.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 +781,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 +804,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,39 @@ class AudioContentUploadViewModel(
     val isPriceFreeLiveData: LiveData<Boolean>
         get() = _isPriceFreeLiveData
 
+    private val _isLimitedLiveData = MutableLiveData(false)
+    val isLimitedLiveData: LiveData<Boolean>
+        get() = _isLimitedLiveData
+
+    private val _isShowConfigLimitedLiveData = MutableLiveData(false)
+    val isShowConfigLimitedLiveData: LiveData<Boolean>
+        get() = _isShowConfigLimitedLiveData
+
+    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 limited = 0
+    var releaseDate = ""
+    var releaseTime = ""
     var theme: GetAudioContentThemeResponse? = null
     var coverImageUri: Uri? = null
     var contentUri: Uri? = null
@@ -74,30 +102,94 @@ class AudioContentUploadViewModel(
 
         if (isPriceFree) {
             _isOnlyRentalLiveData.postValue(false)
+            _isShowConfigLimitedLiveData.postValue(false)
+            _isLimitedLiveData.postValue(false)
+            limited = 0
+            _isGeneratePreviewLiveData.postValue(true)
+        } else {
+            if (!_isOnlyRentalLiveData.value!!) {
+                _isShowConfigLimitedLiveData.postValue(true)
+            }
+        }
+    }
+
+    fun setGeneratePreview(isGeneratePreview: Boolean) {
+        _isGeneratePreviewLiveData.value = isGeneratePreview
+    }
+
+    fun setLimited(isLimited: Boolean) {
+        _isLimitedLiveData.value = isLimited
+
+        if (!isLimited) {
+            limited = 0
         }
     }
 
     fun setIsOnlyRental(isOnlyRental: Boolean) {
         _isOnlyRentalLiveData.postValue(isOnlyRental)
+
+        if (isOnlyRental) {
+            _isShowConfigLimitedLiveData.postValue(false)
+            _isLimitedLiveData.postValue(false)
+            limited = 0
+        } else {
+            if (!_isPriceFreeLiveData.value!!) {
+                _isShowConfigLimitedLiveData.postValue(true)
+            }
+        }
+    }
+
+    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,
+                limited = if (
+                    price > 0 &&
+                    limited > 0 &&
+                    _isLimitedLiveData.value!! &&
+                    _isShowConfigLimitedLiveData.value!! &&
+                    !_isPriceFreeLiveData.value!!
+                ) {
+                    limited
+                } else {
+                    null
+                },
+                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
+                }
             )
 
+            Logger.e("test - $request")
+
             val requestJson = Gson().toJson(request)
 
             val coverImage = if (coverImageUri != null) {
@@ -281,6 +373,14 @@ class AudioContentUploadViewModel(
             return false
         }
 
+        if (
+            _isActiveReservationLiveData.value!! &&
+            (releaseDate.isBlank() || releaseTime.isBlank())
+        ) {
+            _toastLiveData.postValue("예약날짜와 시간을 선택해주세요.")
+            return false
+        }
+
         return true
     }
 
@@ -307,4 +407,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,14 @@ data class CreateAudioContentRequest(
     @SerializedName("detail") val detail: String,
     @SerializedName("tags") val tags: String,
     @SerializedName("price") val price: Int,
+    @SerializedName("limited") val limited: Int? = null,
+    @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

@@ -19,17 +19,23 @@ object Constants {
     const val EXTRA_CAN = "extra_can"
     const val EXTRA_DATA = "extra_data"
     const val EXTRA_TERMS = "extra_terms"
+    const val EXTRA_PRIVACY = "extra_privacy"
     const val EXTRA_EVENT = "extra_event"
+    const val EXTRA_SERIES = "extra_series"
     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_SERIES_ID = "extra_series_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_SERIES_TITLE = "extra_series_title"
     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"
@@ -47,6 +53,7 @@ object Constants {
     const val EXTRA_AUDIO_CONTENT_COMMENT = "audio_content_comment"
     const val EXTRA_AUDIO_CONTENT_LOADING = "audio_content_loading"
     const val EXTRA_AUDIO_CONTENT_CREATOR_ID = "audio_content_creator_id"
+    const val EXTRA_AUDIO_CONTENT_CREATOR_NICKNAME = "audio_content_creator_nickname"
     const val EXTRA_AUDIO_CONTENT_CURATION_ID = "extra_audio_content_curation_id"
     const val EXTRA_AUDIO_CONTENT_CURATION_TITLE = "extra_audio_content_curation_title"
     const val EXTRA_AUDIO_CONTENT_NEXT_ACTION = "audio_content_next_action"
@@ -56,4 +63,10 @@ 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"
+
+    const val EXTRA_ALARM_ID = "alarm_id"
 }

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

@@ -0,0 +1,18 @@
+package kr.co.vividnext.sodalive.common
+
+import androidx.room.TypeConverter
+import com.google.gson.Gson
+import com.google.gson.reflect.TypeToken
+
+class Converter {
+    @TypeConverter
+    fun fromString(value: String): List<String> {
+        val listType = object : TypeToken<List<String>>() {}.type
+        return Gson().fromJson(value, listType)
+    }
+
+    @TypeConverter
+    fun fromList(list: List<String>): String {
+        return Gson().toJson(list)
+    }
+}

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

@@ -0,0 +1,39 @@
+package kr.co.vividnext.sodalive.common
+
+import android.graphics.Rect
+import android.view.View
+import androidx.recyclerview.widget.RecyclerView
+
+class DifferentSpacingItemDecoration(
+    private val spanCount: Int,
+    private val horizontalSpacing: Int,
+    private val verticalSpacing: Int,
+    private val includeEdge: Boolean
+) : RecyclerView.ItemDecoration() {
+    override fun getItemOffsets(
+        outRect: Rect,
+        view: View,
+        parent: RecyclerView,
+        state: RecyclerView.State
+    ) {
+        val position = parent.getChildAdapterPosition(view) // 아이템의 위치
+        val column = position % spanCount // 아이템의 열 위치
+
+        if (includeEdge) {
+            outRect.left = horizontalSpacing - column * horizontalSpacing / spanCount
+            outRect.right = (column + 1) * horizontalSpacing / spanCount
+
+            if (position < spanCount) {
+                outRect.top = verticalSpacing
+            }
+            outRect.bottom = verticalSpacing
+        } else {
+            outRect.left = column * horizontalSpacing / spanCount
+            outRect.right = horizontalSpacing - (column + 1) * horizontalSpacing / spanCount
+
+            if (position >= spanCount) {
+                outRect.top = verticalSpacing
+            }
+        }
+    }
+}

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,14 +9,26 @@ 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.order.AudioContentMainOrderListViewModel
+import kr.co.vividnext.sodalive.audio_content.main.ranking.AudioContentMainRankingViewModel
+import kr.co.vividnext.sodalive.audio_content.main.recommend_series.AudioContentMainRecommendSeriesViewModel
 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.series.SeriesApi
+import kr.co.vividnext.sodalive.audio_content.series.SeriesListAllViewModel
+import kr.co.vividnext.sodalive.audio_content.series.SeriesRepository
+import kr.co.vividnext.sodalive.audio_content.series.content.SeriesContentAllViewModel
+import kr.co.vividnext.sodalive.audio_content.series.detail.SeriesDetailViewModel
 import kr.co.vividnext.sodalive.audio_content.upload.AudioContentUploadViewModel
 import kr.co.vividnext.sodalive.audio_content.upload.theme.AudioContentThemeViewModel
 import kr.co.vividnext.sodalive.common.ApiBuilder
@@ -25,6 +37,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 +58,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
@@ -53,12 +75,20 @@ import kr.co.vividnext.sodalive.message.text.TextMessageWriteViewModel
 import kr.co.vividnext.sodalive.message.voice.VoiceMessageViewModel
 import kr.co.vividnext.sodalive.message.voice.VoiceMessageWriteViewModel
 import kr.co.vividnext.sodalive.mypage.MyPageViewModel
+import kr.co.vividnext.sodalive.mypage.alarm.AlarmListApi
+import kr.co.vividnext.sodalive.mypage.alarm.AlarmListRepository
+import kr.co.vividnext.sodalive.mypage.alarm.AlarmListViewModel
 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.CanPaymentTempRepository
+import kr.co.vividnext.sodalive.mypage.can.payment.CanPaymentTempViewModel
 import kr.co.vividnext.sodalive.mypage.can.payment.CanPaymentViewModel
+import kr.co.vividnext.sodalive.mypage.can.payment.CanTempApi
 import kr.co.vividnext.sodalive.mypage.can.status.CanStatusViewModel
 import kr.co.vividnext.sodalive.mypage.profile.ProfileUpdateViewModel
 import kr.co.vividnext.sodalive.mypage.profile.nickname.NicknameUpdateViewModel
@@ -97,6 +127,7 @@ import org.koin.dsl.module
 import retrofit2.Retrofit
 import retrofit2.adapter.rxjava3.RxJava3CallAdapterFactory
 import retrofit2.converter.gson.GsonConverterFactory
+import java.util.concurrent.TimeUnit
 
 class AppDI(private val context: Context, isDebugMode: Boolean) {
     private val baseUrl = BuildConfig.BASE_URL
@@ -119,6 +150,9 @@ class AppDI(private val context: Context, isDebugMode: Boolean) {
             OkHttpClient().newBuilder()
                 .addInterceptor(logging)
                 .authenticator(TokenAuthenticator(get()))
+                .connectTimeout(60, TimeUnit.SECONDS)
+                .readTimeout(60, TimeUnit.SECONDS)
+                .writeTimeout(60, TimeUnit.SECONDS)
                 .build()
         }
 
@@ -131,12 +165,16 @@ class AppDI(private val context: Context, isDebugMode: Boolean) {
                 .build()
         }
 
+        single { ApiBuilder().build(get(), AlarmListApi::class.java) }
         single { ApiBuilder().build(get(), CanApi::class.java) }
+        single { ApiBuilder().build(get(), CanTempApi::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) }
+        single { ApiBuilder().build(get(), SeriesApi::class.java) }
         single { ApiBuilder().build(get(), ReportApi::class.java) }
         single { ApiBuilder().build(get(), LiveRecommendApi::class.java) }
         single { ApiBuilder().build(get(), ExplorerApi::class.java) }
@@ -145,6 +183,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 +194,17 @@ 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 { CanPaymentTempViewModel(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()) }
@@ -172,14 +214,22 @@ class AppDI(private val context: Context, isDebugMode: Boolean) {
         viewModel { VoiceMessageViewModel(get()) }
         viewModel { VoiceMessageWriteViewModel(get()) }
         viewModel { SelectMessageRecipientViewModel(get(), get()) }
-        viewModel { SignOutViewModel(get()) }
         viewModel { NoticeViewModel(get()) }
         viewModel { EventViewModel(get()) }
         viewModel { NotificationSettingsViewModel(get()) }
         viewModel { SettingsViewModel(get()) }
+        viewModel { SeriesDetailViewModel(get(), get()) }
+        viewModel { SeriesListAllViewModel(get()) }
+        viewModel { SeriesContentAllViewModel(get()) }
+        viewModel { SignOutViewModel(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 { AudioContentMainRecommendSeriesViewModel(get()) }
         viewModel { AudioContentViewModel(get()) }
         viewModel { AudioContentOrderListViewModel(get()) }
         viewModel { AudioContentUploadViewModel(get()) }
@@ -196,29 +246,43 @@ 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()) }
+        viewModel { AlarmListViewModel(get()) }
     }
 
     private val repositoryModule = module {
         factory { UserRepository(get()) }
         factory { TermsRepository(get()) }
-        factory { LiveRepository(get(), get()) }
+        factory { SeriesRepository(get()) }
+        factory { LiveRepository(get(), get(), get()) }
         factory { EventRepository(get()) }
         factory { LiveRecommendRepository(get()) }
         factory { AuthRepository(get()) }
         factory { CanRepository(get()) }
+        factory { CanPaymentTempRepository(get()) }
         factory { LiveTagRepository(get()) }
         factory { ReportRepository(get()) }
         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()) }
+        factory { AlarmListRepository(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/ExplorerAdapter.kt

@@ -121,7 +121,11 @@ class ExplorerAdapter(
     )
 
     override fun onBindViewHolder(holder: ViewHolder, position: Int) {
-        holder.bind(items[position])
+        val item = items[position]
+
+        if (item.creators.isNotEmpty()) {
+            holder.bind(items[position])
+        }
     }
 
     override fun getItemCount() = items.size

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,24 +1,28 @@
 package kr.co.vividnext.sodalive.explorer.profile
 
 import com.google.gson.annotations.SerializedName
+import kr.co.vividnext.sodalive.audio_content.series.GetSeriesListResponse
+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")
     val activitySummary: GetCreatorActivitySummary,
+    @SerializedName("seriesList")
+    val seriesList: List<GetSeriesListResponse.SeriesListItem>,
     @SerializedName("isBlock")
     val isBlock: Boolean
 )
@@ -45,13 +49,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 +79,12 @@ 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,
+    @SerializedName("isRented") val isRented: Boolean,
+    @SerializedName("isOwned") val isOwned: Boolean,
+    @SerializedName("isSoldOut") val isSoldOut: 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,21 +10,26 @@ 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.BlurTransformation
 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
 import kr.co.vividnext.sodalive.audio_content.detail.AudioContentDetailActivity
+import kr.co.vividnext.sodalive.audio_content.series.GetSeriesListResponse
+import kr.co.vividnext.sodalive.audio_content.series.SeriesListAllActivity
+import kr.co.vividnext.sodalive.audio_content.series.detail.SeriesDetailActivity
 import kr.co.vividnext.sodalive.audio_content.upload.AudioContentUploadActivity
 import kr.co.vividnext.sodalive.base.BaseActivity
 import kr.co.vividnext.sodalive.base.SodaDialog
@@ -33,12 +37,18 @@ 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.explorer.profile.series.UserProfileSeriesListAdapter
 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 +60,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
@@ -62,12 +75,10 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
     private lateinit var loadingDialog: LoadingDialog
     private lateinit var liveAdapter: UserProfileLiveAdapter
     private lateinit var audioContentAdapter: AudioContentAdapter
+    private lateinit var seriesAdapter: UserProfileSeriesListAdapter
     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 +87,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 +122,10 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
 
         setupLiveView()
         setupDonationView()
-        setupSimilarCreatorView()
         setupFanTalkView()
+        setupSeriesListView()
         setupAudioContentListView()
+        setupCreatorCommunityView()
     }
 
     private fun hideKeyboard(onAfterExecute: () -> Unit) {
@@ -310,51 +311,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(
@@ -466,6 +422,65 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
         rvCheers.adapter = cheersAdapter
     }
 
+    private fun setupSeriesListView() {
+        binding.layoutCreatorChannelSeries.tvAll.setOnClickListener {
+            startActivity(
+                Intent(applicationContext, SeriesListAllActivity::class.java).apply {
+                    putExtra(Constants.EXTRA_USER_ID, userId)
+                }
+            )
+        }
+
+        val recyclerView = binding.layoutCreatorChannelSeries.rvSeries
+        recyclerView.layoutManager = LinearLayoutManager(
+            applicationContext,
+            LinearLayoutManager.HORIZONTAL,
+            false
+        )
+
+        seriesAdapter = UserProfileSeriesListAdapter(
+            onClickItem = {
+                startActivity(
+                    Intent(applicationContext, SeriesDetailActivity::class.java).apply {
+                        putExtra(Constants.EXTRA_SERIES_ID, it)
+                    }
+                )
+            },
+            onClickCreator = {},
+            isVisibleCreator = 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 = 0
+                        outRect.right = 6.7f.dpToPx().toInt()
+                    }
+
+                    seriesAdapter.itemCount - 1 -> {
+                        outRect.right = 0
+                        outRect.left = 6.7f.dpToPx().toInt()
+                    }
+
+                    else -> {
+                        outRect.left = 6.7f.dpToPx().toInt()
+                        outRect.right = 6.7f.dpToPx().toInt()
+                    }
+                }
+            }
+        })
+
+        recyclerView.adapter = seriesAdapter
+    }
+
     private fun setupAudioContentListView() {
         binding.layoutUserProfileAudioContent.tvAll.setOnClickListener {
             val intent = Intent(applicationContext, AudioContentActivity::class.java)
@@ -528,6 +543,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() }
@@ -555,21 +583,13 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
 
         viewModel.creatorProfileLiveData.observe(this) {
             setCheers(it.cheers)
+            setSeriesList(it.seriesList)
             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)
         }
     }
 
@@ -597,6 +617,19 @@ class UserProfileActivity : BaseActivity<ActivityUserProfileBinding>(
         }
     }
 
+    @SuppressLint("NotifyDataSetChanged")
+    private fun setSeriesList(seriesList: List<GetSeriesListResponse.SeriesListItem>) {
+        if (seriesList.isNotEmpty()) {
+            binding.layoutCreatorChannelSeries.root.visibility = View.VISIBLE
+        } else {
+            binding.layoutCreatorChannelSeries.root.visibility = View.GONE
+        }
+
+        seriesAdapter.items.clear()
+        seriesAdapter.items.addAll(seriesList)
+        seriesAdapter.notifyDataSetChanged()
+    }
+
     @SuppressLint("SetTextI18n")
     private fun setCreatorProfile(creator: CreatorResponse) {
         val layoutUserProfile = binding.layoutUserProfile
@@ -662,12 +695,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 +717,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 +759,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 +771,98 @@ 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()))
+
+            if (!item.existOrdered && item.price > 0) {
+                transformations(
+                    BlurTransformation(
+                        this@UserProfileActivity,
+                        25f,
+                        2.5f
+                    )
+                )
+            }
+        }
+
+        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 +941,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 +967,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,72 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community
+
+import android.content.Context
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import coil.transform.BlurTransformation
+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 context: Context,
+        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()))
+
+                if (!item.existOrdered && item.price > 0) {
+                    transformations(
+                        BlurTransformation(
+                            context,
+                            25f,
+                            2.5f
+                        )
+                    )
+                }
+            }
+
+            binding.tvLikeCount.text = "${item.likeCount}"
+            binding.tvCommentCount.text = "${item.commentCount}"
+
+            binding.root.setOnClickListener { onClickItem(item.creatorId) }
+        }
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = ViewHolder(
+        parent.context,
+        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,102 @@
+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.PurchasePostRequest
+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 audioFile: MultipartBody.Part?,
+        @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>>
+
+    @POST("/creator-community/purchase")
+    fun purchaseCommunityPost(
+        @Body request: PurchasePostRequest,
+        @Header("Authorization") authHeader: String
+    ): Single<ApiResponse<GetCommunityPostListResponse>>
+}

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

@@ -0,0 +1,109 @@
+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.PurchasePostRequest
+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(
+        audioFile: MultipartBody.Part?,
+        postImage: MultipartBody.Part?,
+        request: RequestBody,
+        token: String
+    ) = api.createCommunityPost(
+        audioFile = audioFile,
+        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
+    )
+
+    fun purchaseCommunityPost(postId: Long, token: String) = api.purchaseCommunityPost(
+        request = PurchasePostRequest(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,23 @@
+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("audioUrl") val audioUrl: String?,
+    @SerializedName("content") val content: String,
+    @SerializedName("price") val price: Int,
+    @SerializedName("date") val date: String,
+    @SerializedName("isCommentAvailable") val isCommentAvailable: Boolean,
+    @SerializedName("isAdult") val isAdult: Boolean,
+    @SerializedName("isLike") var isLike: Boolean,
+    @SerializedName("existOrdered") val existOrdered: 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,226 @@
+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.all.player.CreatorCommunityMediaPlayerManager
+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 lateinit var mediaPlayerManager: CreatorCommunityMediaPlayerManager
+
+    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)
+
+        mediaPlayerManager = CreatorCommunityMediaPlayerManager(this) {
+            adapter.updateUI()
+        }
+
+        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 onPause() {
+        mediaPlayerManager.pauseContent()
+        super.onPause()
+    }
+
+    override fun onDestroy() {
+        mediaPlayerManager.stopContent()
+        super.onDestroy()
+    }
+
+    override fun setupView() {
+        loadingDialog = LoadingDialog(this, layoutInflater)
+        binding.toolbar.tvBack.text = "커뮤니티"
+        binding.toolbar.tvBack.setOnClickListener { finish() }
+
+        adapter = CreatorCommunityAllAdapter(
+            screenWidth = screenWidth,
+            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)
+            },
+            onClickAudioContentPlayOrPause = { mediaPlayerManager.toggleContent(it) },
+            isAudioContentPlaying = { mediaPlayerManager.isPlayingContent(it) },
+            onClickPurchaseContent = { postId, can, onSuccess ->
+                PurchaseCommunityPostDialog(
+                    activity = this@CreatorCommunityAllActivity,
+                    layoutInflater = layoutInflater,
+                    can = can,
+                    confirmButtonClick = {
+                        viewModel.purchaseCommunityPost(postId) {
+                            onSuccess(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,317 @@
+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.ImageView
+import android.widget.LinearLayout
+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.GetCommunityPostCommentListItem
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.GetCommunityPostListResponse
+import kr.co.vividnext.sodalive.explorer.profile.creator_community.all.player.CreatorCommunityContentItem
+import kr.co.vividnext.sodalive.extensions.dpToPx
+import kr.co.vividnext.sodalive.extensions.loadUrl
+import java.util.regex.Pattern
+
+class CreatorCommunityAllAdapter(
+    private val screenWidth: Int,
+    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,
+    private val onClickAudioContentPlayOrPause: (CreatorCommunityContentItem) -> Unit,
+    private val isAudioContentPlaying: (Long) -> Boolean,
+    private val onClickPurchaseContent:
+        (Long, Int, onSuccess: (GetCommunityPostListResponse) -> Unit) -> 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", "SetTextI18n")
+        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())
+            }
+
+            if (item.price > 0) {
+                if (item.existOrdered) {
+                    setContent(item, index)
+                } else {
+                    binding.llLike.visibility = View.GONE
+                    binding.ivContent.visibility = View.GONE
+                    binding.llComment.visibility = View.GONE
+                    binding.ivSeeMore.visibility = View.GONE
+                    binding.ivPlayOrPause.visibility = View.GONE
+                    binding.llLockPost.visibility = View.VISIBLE
+
+                    val lockPostWidth = (screenWidth - 42f.dpToPx()).toInt()
+                    val lp = binding.llLockPost.layoutParams as LinearLayout.LayoutParams
+                    lp.width = lockPostWidth
+                    lp.height = lockPostWidth
+                    binding.llLockPost.layoutParams = lp
+
+                    binding.tvPurchase.text = "${item.price}캔으로 게시글 보기"
+                    binding.tvPurchase.setOnClickListener {
+                        onClickPurchaseContent(item.postId, item.price) { post ->
+                            items[index] = post
+                            setContent(post, index)
+                        }
+                    }
+
+                    setNoticeAndClickableUrl(binding.tvContent, item.content, item.isExpand, index)
+                }
+            } else {
+                setContent(item, index)
+            }
+        }
+
+        private fun setContent(item: GetCommunityPostListResponse, index: Int) {
+            binding.llLockPost.visibility = View.GONE
+            binding.llLike.visibility = View.VISIBLE
+            binding.llComment.visibility = View.VISIBLE
+            binding.ivSeeMore.visibility = View.VISIBLE
+            binding.ivSeeMore.setOnClickListener {
+                showOptionMenu(
+                    context = context,
+                    v = binding.ivSeeMore,
+                    postId = item.postId,
+                    creatorId = item.creatorId
+                )
+            }
+
+            if (item.audioUrl != null && item.imageUrl != null) {
+                binding.ivPlayOrPause.visibility = View.VISIBLE
+                binding.ivPlayOrPause.setImageResource(
+                    if (isAudioContentPlaying(item.postId)) {
+                        R.drawable.btn_audio_content_pause
+                    } else {
+                        R.drawable.btn_audio_content_play
+                    }
+                )
+                binding.ivPlayOrPause.setOnClickListener {
+                    onClickAudioContentPlayOrPause(
+                        CreatorCommunityContentItem(
+                            item.postId,
+                            item.audioUrl
+                        )
+                    )
+                }
+            } else {
+                binding.ivPlayOrPause.visibility = View.GONE
+                binding.ivPlayOrPause.setOnClickListener {}
+            }
+
+            setImageContent(binding.ivContent, item.imageUrl)
+            setContentLike(item.isLike, item.likeCount, item.postId, index)
+            setNoticeAndClickableUrl(binding.tvContent, item.content, item.isExpand, index)
+            setContentComment(
+                item.postId,
+                item.commentCount,
+                item.isCommentAvailable,
+                comment = item.firstComment
+            )
+        }
+
+        private fun setImageContent(ivContent: ImageView, imageUrl: String?) {
+            ivContent.visibility = View.VISIBLE
+            if (imageUrl != null) {
+                ivContent.visibility = View.VISIBLE
+                ivContent.loadUrl(imageUrl) {
+                    crossfade(true)
+                    placeholder(R.drawable.bg_placeholder)
+                }
+            } else {
+                ivContent.visibility = View.GONE
+            }
+        }
+
+        private fun setContentComment(
+            postId: Long,
+            commentCount: Int,
+            isCommentAvailable: Boolean,
+            comment: GetCommunityPostCommentListItem?
+        ) {
+            if (isCommentAvailable) {
+                binding.llComment.visibility = View.VISIBLE
+                binding.tvCommentCount.text = "$commentCount"
+            } else {
+                binding.llComment.visibility = View.GONE
+            }
+
+            if (commentCount > 0 && comment != null) {
+                binding.ivCommentProfile.load(comment.profileUrl) {
+                    crossfade(true)
+                    placeholder(R.drawable.bg_placeholder)
+                    transformations(CircleCropTransformation())
+                }
+                binding.tvCommentText.text = comment.comment
+                binding.tvCommentText.visibility = View.VISIBLE
+                binding.rlInputComment.visibility = View.GONE
+
+                binding.llComment.setOnClickListener { showCommentBottomSheetDialog(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 inputComment = binding.etComment.text.toString()
+                    binding.etComment.setText("")
+                    writeComment(postId, null, inputComment)
+                }
+
+                binding.llComment.setOnClickListener {}
+            }
+        }
+
+        @SuppressLint("NotifyDataSetChanged")
+        private fun setContentLike(isLike: Boolean, likeCount: Int, postId: Long, index: Int) {
+            binding.ivLike.setImageResource(
+                if (isLike) {
+                    R.drawable.ic_audio_content_heart_pressed
+                } else {
+                    R.drawable.ic_audio_content_heart_normal
+                }
+            )
+
+            binding.tvLike.text = "$likeCount"
+            binding.llLike.setOnClickListener {
+                items[index] = items[index].copy(
+                    isLike = !isLike,
+                    likeCount = if (!isLike) likeCount + 1 else likeCount - 1
+                )
+                notifyDataSetChanged()
+
+                onClickLike(postId)
+            }
+        }
+
+        @SuppressLint("NotifyDataSetChanged")
+        private fun setNoticeAndClickableUrl(
+            textView: TextView,
+            text: String,
+            isExpand: Boolean,
+            index: Int
+        ) {
+            textView.visibility = View.VISIBLE
+            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()
+
+            textView.setOnClickListener {
+                items[index] = items[index].copy(
+                    isExpand = !isExpand,
+                )
+                notifyDataSetChanged()
+            }
+
+            textView.maxLines = if (isExpand) {
+                Int.MAX_VALUE
+            } else {
+                3
+            }
+        }
+    }
+
+    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()
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    fun updateUI() {
+        notifyDataSetChanged()
+    }
+}

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

@@ -0,0 +1,260 @@
+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("신고가 접수되었습니다.")
+                    }
+                )
+        )
+    }
+
+    fun purchaseCommunityPost(postId: Long, onSuccess: (GetCommunityPostListResponse) -> Unit) {
+        if (!_isLoading.value!!) {
+            _isLoading.value = true
+            compositeDisposable.add(
+                repository
+                    .purchaseCommunityPost(
+                        postId = postId,
+                        token = "Bearer ${SharedPreferenceManager.token}"
+                    )
+                    .subscribeOn(Schedulers.io())
+                    .observeOn(AndroidSchedulers.mainThread())
+                    .subscribe(
+                        {
+                            if (it.success && it.data != null) {
+                                onSuccess(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/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/PurchaseCommunityPostDialog.kt

@@ -0,0 +1,51 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all
+
+import android.annotation.SuppressLint
+import android.app.Activity
+import android.graphics.Color
+import android.graphics.drawable.ColorDrawable
+import android.view.LayoutInflater
+import android.view.WindowManager
+import androidx.appcompat.app.AlertDialog
+import kr.co.vividnext.sodalive.databinding.DialogPurchaseCommunityPostBinding
+import kr.co.vividnext.sodalive.extensions.dpToPx
+import kr.co.vividnext.sodalive.extensions.moneyFormat
+
+@SuppressLint("SetTextI18n")
+class PurchaseCommunityPostDialog(
+    activity: Activity,
+    layoutInflater: LayoutInflater,
+    can: Int,
+    confirmButtonClick: () -> Unit,
+) {
+
+    private val alertDialog: AlertDialog
+    val dialogView = DialogPurchaseCommunityPostBinding.inflate(layoutInflater)
+
+    init {
+        val dialogBuilder = AlertDialog.Builder(activity)
+        dialogBuilder.setView(dialogView.root)
+
+        alertDialog = dialogBuilder.create()
+        alertDialog.setCancelable(false)
+        alertDialog.window?.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
+
+        dialogView.tvCan.text = "${can.moneyFormat()}캔으로 보기"
+        dialogView.tvCan.setOnClickListener {
+            alertDialog.dismiss()
+            confirmButtonClick()
+        }
+        dialogView.tvCancel.setOnClickListener { alertDialog.dismiss() }
+    }
+
+    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/PurchasePostRequest.kt

@@ -0,0 +1,9 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all
+
+import com.google.gson.annotations.SerializedName
+
+data class PurchasePostRequest(
+    @SerializedName("postId") val postId: Long,
+    @SerializedName("timezone") val timezone: String,
+    @SerializedName("container") val container: String = "aos",
+)

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/all/player/CreatorCommunityMediaPlayerManager.kt

@@ -0,0 +1,113 @@
+package kr.co.vividnext.sodalive.explorer.profile.creator_community.all.player
+
+import android.content.Context
+import android.content.Intent
+import android.media.AudioAttributes
+import android.media.MediaPlayer
+import android.net.Uri
+import android.widget.Toast
+import kr.co.vividnext.sodalive.audio_content.AudioContentPlayService
+import java.io.IOException
+
+data class CreatorCommunityContentItem(val contentId: Long, val url: String)
+
+class CreatorCommunityMediaPlayerManager(
+    private val context: Context,
+    private val updateUI: () -> Unit
+) {
+    private var mediaPlayer: MediaPlayer? = null
+    private var currentPlayingContentId: Long? = null
+    private var isPaused: Boolean = false
+
+    fun pauseContent() {
+        mediaPlayer?.pause()
+        isPaused = true
+        updateUI()
+    }
+
+    private fun resumeContent() {
+        pauseAudioContentService()
+        mediaPlayer?.start()
+        isPaused = false
+        updateUI()
+    }
+
+    fun stopContent() {
+        mediaPlayer?.let {
+            it.stop()
+            it.release()
+            mediaPlayer = null
+        }
+        currentPlayingContentId = null
+        isPaused = false
+        updateUI()
+    }
+
+    fun toggleContent(creatorCommunityContentItem: CreatorCommunityContentItem) {
+        if (currentPlayingContentId == creatorCommunityContentItem.contentId) {
+            if (mediaPlayer?.isPlaying == true) {
+                pauseContent()
+            } else {
+                resumeContent()
+            }
+        } else {
+            playContent(creatorCommunityContentItem)
+        }
+    }
+
+    fun isPlayingContent(contentId: Long): Boolean {
+        return currentPlayingContentId == contentId && mediaPlayer?.isPlaying == true
+    }
+
+    private fun playContent(creatorCommunityContentItem: CreatorCommunityContentItem) {
+        pauseAudioContentService()
+
+        if (currentPlayingContentId == creatorCommunityContentItem.contentId && isPaused) {
+            resumeContent()
+            return
+        }
+
+        stopContent()
+
+        mediaPlayer = MediaPlayer().apply {
+            setAudioAttributes(
+                AudioAttributes.Builder()
+                    .setContentType(AudioAttributes.CONTENT_TYPE_MUSIC)
+                    .setUsage(AudioAttributes.USAGE_MEDIA)
+                    .build()
+            )
+
+            try {
+                setDataSource(context, Uri.parse(creatorCommunityContentItem.url))
+                prepareAsync() // 비동기적으로 준비
+                setOnPreparedListener {
+                    start()
+                    updateUI() // 준비 완료 후 UI 업데이트
+                }
+            } catch (e: IOException) {
+                e.printStackTrace()
+                Toast.makeText(context, "콘텐츠를 재생하지 못했습니다.\n다시 시도해 주세요", Toast.LENGTH_SHORT).show()
+            }
+
+            setOnCompletionListener {
+                currentPlayingContentId = null
+                updateUI() // 재생 완료 후 UI 업데이트
+            }
+        }
+
+        currentPlayingContentId = creatorCommunityContentItem.contentId
+        isPaused = false
+        updateUI()
+    }
+
+    private fun pauseAudioContentService() {
+        context.startService(
+            Intent(
+                context,
+                AudioContentPlayService::class.java
+            ).apply {
+                action = AudioContentPlayService.MusicAction.PAUSE.name
+            }
+        )
+    }
+}

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
+)