크리에이터 콘텐츠 리스트 - 고정 콘텐츠 핀 추가

- 미리듣기 없는 콘텐츠는 재생 버튼이 보이지 않도록 수정

Podfile.lock

@@ -51,4 +51,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: cdff30c96e85662f4de75ddd8d54358311c1e629
 
-COCOAPODS: 1.12.1
+COCOAPODS: 1.14.3

SodaLive.xcworkspace/xcshareddata/swiftpm/Package.resolved

@@ -180,6 +180,24 @@
         "version" : "6.6.0"
       }
     },
+    {
+      "identity" : "sdwebimage",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/SDWebImage/SDWebImage.git",
+      "state" : {
+        "revision" : "59730af512c06fb569c119d737df4c1c499e001d",
+        "version" : "5.18.10"
+      }
+    },
+    {
+      "identity" : "sdwebimageswiftui",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/SDWebImage/SDWebImageSwiftUI.git",
+      "state" : {
+        "revision" : "261b6cec35686d2dc192b809ab50742b4502a73b",
+        "version" : "2.2.6"
+      }
+    },
     {
       "identity" : "swift-protobuf",
       "kind" : "remoteSourceControl",

SodaLive/Resources/Assets.xcassets/btn_add.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "btn_add.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/btn_audio_content_preview_play.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "btn_audio_content_preview_play.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/btn_minus_round_rect.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "btn_minus_round_rect.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/btn_plus_round_rect.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "btn_plus_round_rect.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_coupon.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_coupon.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_logo2.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_logo2.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_notice_triangle.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_notice_triangle.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_pin.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_pin.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_pin_cancel.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_pin_cancel.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_record.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_record.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_record_pause.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_record_pause.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_record_play.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_record_play.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_record_stop.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_record_stop.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_refresh.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_refresh.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_roulette.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_roulette.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_roulette_settings.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_roulette_settings.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_save.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_save.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/ic_trash_can.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ic_trash_can.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/img_sample.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "img_sample.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/splash/splash_bg_2024.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "splash_bg_2024.jpg",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/splash/splash_logo_2024.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "splash_logo_2024.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Assets.xcassets/splash/splash_logo_dragon_2024.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "splash_logo_dragon_2024.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

SodaLive/Resources/Debug/SodaLive-dev-Info.plist

@@ -1,25 +1,226 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
-<dict>
-	<key>FirebaseAppDelegateProxyEnabled</key>
-	<false/>
-	<key>NSAppTransportSecurity</key>
-	<dict>
-		<key>NSAllowsArbitraryLoads</key>
-		<true/>
-	</dict>
-	<key>UIAppFonts</key>
-	<array>
-		<string>gmarket_sans_bold.otf</string>
-		<string>gmarket_sans_medium.otf</string>
-		<string>gmarket_sans_light.otf</string>
-	</array>
-	<key>UIBackgroundModes</key>
-	<array>
-		<string>audio</string>
-		<string>fetch</string>
-		<string>remote-notification</string>
-	</array>
-</dict>
+    <dict>
+        <key>FirebaseAppDelegateProxyEnabled</key>
+        <false/>
+        <key>NSAppTransportSecurity</key>
+        <dict>
+            <key>NSAllowsArbitraryLoads</key>
+            <true/>
+        </dict>
+        <key>UIAppFonts</key>
+        <array>
+            <string>gmarket_sans_bold.otf</string>
+            <string>gmarket_sans_medium.otf</string>
+            <string>gmarket_sans_light.otf</string>
+        </array>
+        <key>UIBackgroundModes</key>
+        <array>
+            <string>audio</string>
+            <string>fetch</string>
+            <string>remote-notification</string>
+        </array>
+        <key>GADApplicationIdentifier</key>
+        <string>ca-app-pub-1299501215847962~3447556960</string>
+        <key>SKAdNetworkItems</key>
+        <array>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>cstr6suwn9.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>4fzdc2evr5.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>4pfyvq9l8r.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>2fnua5tdw4.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>ydx93a7ass.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>5a6flpkh64.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>p78axxw29g.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>v72qych5uu.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>ludvb6z3bs.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>cp8zw746q7.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>3sh42y64q3.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>c6k4g5qg8m.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>s39g8k73mm.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>3qy4746246.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>f38h382jlk.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>hs6bdukanm.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>v4nxqhlyqp.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>wzmmz9fp6w.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>yclnxrl5pm.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>t38b2kh725.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>7ug5zh24hu.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>gta9lk7p23.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>vutu7akeur.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>y5ghdn5j9k.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>n6fk4nfna4.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>v9wttpbfk9.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>n38lu8286q.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>47vhws6wlr.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>kbd757ywx3.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>9t245vhmpl.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>eh6m2bh4zr.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>a2p9lx4jpn.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>22mmun2rn5.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>4468km3ulz.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>2u9pt9hc89.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>8s468mfl3y.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>klf5c3l5u5.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>ppxm28t8ap.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>ecpz2srf59.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>uw77j35x4d.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>pwa73g5rt2.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>mlmmfzh3r3.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>578prtvx9j.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>4dzt52r2t5.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>e5fvkxwrpn.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>8c4e2ghe7u.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>zq492l623r.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>3rd42ekr43.skadnetwork</string>
+            </dict>
+            <dict>
+                <key>SKAdNetworkIdentifier</key>
+                <string>3qcr597p9d.skadnetwork</string>
+            </dict>
+        </array>
+    </dict>
 </plist>

SodaLive/Resources/Info.plist

@@ -21,5 +21,206 @@
 		<string>fetch</string>
 		<string>remote-notification</string>
 	</array>
+    <key>GADApplicationIdentifier</key>
+    <string>ca-app-pub-1299501215847962~8852459715</string>
+    <key>SKAdNetworkItems</key>
+    <array>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>cstr6suwn9.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>4fzdc2evr5.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>4pfyvq9l8r.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>2fnua5tdw4.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>ydx93a7ass.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>5a6flpkh64.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>p78axxw29g.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>v72qych5uu.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>ludvb6z3bs.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>cp8zw746q7.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>3sh42y64q3.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>c6k4g5qg8m.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>s39g8k73mm.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>3qy4746246.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>f38h382jlk.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>hs6bdukanm.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>v4nxqhlyqp.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>wzmmz9fp6w.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>yclnxrl5pm.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>t38b2kh725.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>7ug5zh24hu.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>gta9lk7p23.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>vutu7akeur.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>y5ghdn5j9k.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>n6fk4nfna4.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>v9wttpbfk9.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>n38lu8286q.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>47vhws6wlr.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>kbd757ywx3.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>9t245vhmpl.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>eh6m2bh4zr.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>a2p9lx4jpn.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>22mmun2rn5.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>4468km3ulz.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>2u9pt9hc89.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>8s468mfl3y.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>klf5c3l5u5.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>ppxm28t8ap.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>ecpz2srf59.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>uw77j35x4d.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>pwa73g5rt2.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>mlmmfzh3r3.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>578prtvx9j.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>4dzt52r2t5.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>e5fvkxwrpn.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>8c4e2ghe7u.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>zq492l623r.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>3rd42ekr43.skadnetwork</string>
+      </dict>
+      <dict>
+        <key>SKAdNetworkIdentifier</key>
+        <string>3qcr597p9d.skadnetwork</string>
+      </dict>
+    </array>
 </dict>
 </plist>

SodaLive/Sources/App/AppDelegate.swift

@@ -16,7 +16,6 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
     
     func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey : Any]? = nil) -> Bool {
         FirebaseApp.configure()
-        
         Messaging.messaging().delegate = self
         
         // For iOS 10 display notification (sent via APNS)
@@ -95,16 +94,26 @@ extension AppDelegate : UNUserNotificationCenterDelegate {
         Messaging.messaging().appDidReceiveMessage(userInfo)
         
         let roomIdString = userInfo["room_id"] as? String
-        let audioContentIdString = userInfo["audio_content_id"] as? String
+        let contentIdString = userInfo["content_id"] as? String
+        let channelIdString = userInfo["channel_id"] as? String
+        let messageIdString = userInfo["message_id"] as? String
         
         if let roomIdString = roomIdString, let roomId = Int(roomIdString), roomId > 0 {
             AppState.shared.pushRoomId = roomId
         }
         
-        if let audioContentIdString = audioContentIdString, let audioContentId = Int(audioContentIdString), audioContentId > 0 {
+        if let contentIdString = contentIdString, let audioContentId = Int(contentIdString), audioContentId > 0 {
             AppState.shared.pushAudioContentId = audioContentId
         }
         
+        if let channelIdString = channelIdString, let channelId = Int(channelIdString), channelId > 0 {
+            AppState.shared.pushChannelId = channelId
+        }
+        
+        if let messageIdString = messageIdString, let messageId = Int(messageIdString), messageId > 0 {
+            AppState.shared.pushMessageId = messageId
+        }
+        
         completionHandler()
     }
 }

SodaLive/Sources/App/AppState.swift

@@ -26,6 +26,7 @@ class AppState: ObservableObject {
     
     @Published var pushRoomId = 0
     @Published var pushChannelId = 0
+    @Published var pushMessageId = 0
     @Published var pushAudioContentId = 0
     @Published var roomId = 0 {
         didSet {

SodaLive/Sources/App/AppStep.swift

@@ -72,8 +72,6 @@ enum AppStep {
     
     case userProfileFanTalkAll(userId: Int)
     
-    case creatorNoticeWrite(notice: String)
-    
     case createLive(
         timeSettingMode: LiveRoomCreateViewModel.TimeSettingMode,
         onSuccess: (CreateLiveRoomResponse) -> Void
@@ -107,4 +105,18 @@ enum AppStep {
     case followingList
     
     case orderListAll
+    
+    case newContentAll
+    
+    case curationAll(title: String, curationId: Int)
+    
+    case contentRankingAll
+    
+    case creatorCommunityAll(creatorId: Int)
+    
+    case creatorCommunityWrite(onSuccess: () -> Void)
+    
+    case creatorCommunityModify(postId: Int, onSuccess: () -> Void)
+    
+    case canCoupon
 }

SodaLive/Sources/App/SodaLiveApp.swift

@@ -26,7 +26,8 @@ struct SodaLiveApp: App {
         let queryItems = URLComponents(url: url, resolvingAgainstBaseURL: true)?.queryItems
         let roomId = queryItems?.filter({$0.name == "room_id"}).first?.value
         let channelId = queryItems?.filter({$0.name == "channel_id"}).first?.value
-        let audioContentId = queryItems?.filter({$0.name == "audio_content_id"}).first?.value
+        let messageId = queryItems?.filter({$0.name == "message_id"}).first?.value
+        let audioContentId = queryItems?.filter({$0.name == "content_id"}).first?.value
         
         if let roomId = roomId {
             DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) {
@@ -40,6 +41,12 @@ struct SodaLiveApp: App {
             }
         }
         
+        if let messageId = messageId {
+            DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) {
+                AppState.shared.pushMessageId = Int(messageId) ?? 0
+            }
+        }
+        
         if let audioContentId = audioContentId {
             DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) {
                 AppState.shared.pushAudioContentId = Int(audioContentId) ?? 0

SodaLive/Sources/Content/AddAllPlaybackTrackingRequest.swift

@@ -13,7 +13,7 @@ struct AddAllPlaybackTrackingRequest: Encodable {
 }
 
 struct PlaybackTrackingData: Encodable {
-    let audioContentId: Int
+    let contentId: Int
     let playDateTime: String
     let isPreview: Bool
 }

SodaLive/Sources/Content/All/ContentNewAllItemView.swift

@@ -0,0 +1,57 @@
+//
+//  ContentNewAllItemView.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/09/27.
+//
+
+import SwiftUI
+import Kingfisher
+
+struct ContentNewAllItemView: View {
+    
+    let item: GetAudioContentMainItem
+    
+    @State var width: CGFloat = 0
+    
+    var body: some View {
+        NavigationLink {
+            ContentDetailView(contentId: item.contentId)
+        } label: {
+            VStack(alignment: .leading, spacing: 8) {
+                KFImage(URL(string: item.coverImageUrl))
+                    .resizable()
+                    .scaledToFill()
+                    .frame(width: width, height: width, alignment: .top)
+                    .cornerRadius(2.7)
+                
+                Text(item.title)
+                    .font(.custom(Font.medium.rawValue, size: 13.3))
+                    .foregroundColor(Color(hex: "d2d2d2"))
+                    .frame(width: width, alignment: .leading)
+                    .multilineTextAlignment(.leading)
+                    .fixedSize(horizontal: false, vertical: true)
+                    .lineLimit(2)
+                
+                HStack(spacing: 5.3) {
+                    KFImage(URL(string: item.creatorProfileImageUrl))
+                        .resizable()
+                        .scaledToFill()
+                        .frame(width: 21.3, height: 21.3)
+                        .clipShape(Circle())
+                        .onTapGesture { AppState.shared.setAppStep(step: .creatorDetail(userId: item.creatorId)) }
+                    
+                    Text(item.creatorNickname)
+                        .font(.custom(Font.medium.rawValue, size: 12))
+                        .foregroundColor(Color(hex: "777777"))
+                        .lineLimit(1)
+                }
+                .padding(.bottom, 10)
+            }
+            .frame(width: width)
+            .onAppear {
+                width = (screenSize().width - 40) / 2
+            }
+        }
+    }
+}

SodaLive/Sources/Content/All/ContentNewAllView.swift

@@ -0,0 +1,86 @@
+//
+//  ContentNewAllView.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/09/27.
+//
+
+import SwiftUI
+
+struct ContentNewAllView: View {
+    
+    @StateObject var viewModel = ContentNewAllViewModel()
+    
+    let columns = [
+        GridItem(.flexible(), alignment: .top),
+        GridItem(.flexible(), alignment: .top)
+    ]
+    
+    var body: some View {
+        NavigationView {
+            BaseView(isLoading: $viewModel.isLoading) {
+                VStack(alignment: .leading, spacing: 0) {
+                    DetailNavigationBar(title: "새로운 콘텐츠")
+                    
+                    Text("※ 최근 2주간 등록된 새로운 콘텐츠 입니다.")
+                        .font(.custom(Font.medium.rawValue, size: 14.7))
+                        .foregroundColor(Color(hex: "bbbbbb"))
+                        .padding(.horizontal, 13.3)
+                        .padding(.vertical, 8)
+                        .frame(width: screenSize().width, alignment: .leading)
+                        .background(Color(hex: "222222"))
+                        .padding(.top, 13.3)
+                    
+                    ContentMainNewContentThemeView(
+                        themes: viewModel.themeList,
+                        selectTheme: {
+                            viewModel.selectedTheme = $0
+                        },
+                        selectedTheme: $viewModel.selectedTheme
+                    ).padding(.top, 13.3)
+                    
+                    HStack(spacing: 0) {
+                        Text("전체")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color(hex: "e2e2e2"))
+                        
+                        Text("\(viewModel.totalCount)")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color(hex: "ff5c49"))
+                            .padding(.leading, 8)
+                        
+                        Text("개")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color(hex: "e2e2e2"))
+                            .padding(.leading, 2)
+                    }
+                    .padding(.vertical, 13.3)
+                    .padding(.horizontal, 20)
+                    
+                    ScrollView(.vertical, showsIndicators: false) {
+                        LazyVGrid(columns: columns, spacing: 13.3) {
+                            ForEach(0..<viewModel.newContentList.count, id: \.self) { index in
+                                ContentNewAllItemView(item: viewModel.newContentList[index])
+                                    .onAppear {
+                                        if index == viewModel.newContentList.count - 1 {
+                                            viewModel.getNewContentList()
+                                        }
+                                    }
+                            }
+                        }
+                    }
+                }
+                .onAppear {
+                    viewModel.getThemeList()
+                    viewModel.getNewContentList()
+                }
+            }
+        }
+    }
+}
+
+struct ContentNewAllView_Previews: PreviewProvider {
+    static var previews: some View {
+        ContentNewAllView()
+    }
+}

SodaLive/Sources/Content/All/ContentNewAllViewModel.swift

@@ -0,0 +1,130 @@
+//
+//  ContentNewAllViewModel.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/09/27.
+//
+
+import Foundation
+import Combine
+
+final class ContentNewAllViewModel: ObservableObject {
+    
+    private let repository = ContentRepository()
+    private var subscription = Set<AnyCancellable>()
+    
+    @Published var errorMessage = ""
+    @Published var isShowPopup = false
+    @Published var isLoading = false
+    
+    @Published var themeList = [String]()
+    @Published var newContentList = [GetAudioContentMainItem]()
+    
+    @Published var selectedTheme = "전체" {
+        didSet {
+            page = 1
+            isLast = false
+            getNewContentList()
+        }
+    }
+    @Published var totalCount = 0
+    
+    var page = 1
+    var isLast = false
+    private let pageSize = 10
+    
+    func getNewContentList() {
+        if (!isLast && !isLoading) {
+            isLoading = true
+            
+            repository.getNewContentAllOfTheme(
+                theme: selectedTheme == "전체" ? "" : selectedTheme,
+                page: page,
+                size: pageSize
+            )
+                .sink { result in
+                    switch result {
+                    case .finished:
+                        DEBUG_LOG("finish")
+                    case .failure(let error):
+                        ERROR_LOG(error.localizedDescription)
+                    }
+                } receiveValue: { [unowned self] response in
+                    self.isLoading = false
+                    let responseData = response.data
+                    
+                    do {
+                        let jsonDecoder = JSONDecoder()
+                        let decoded = try jsonDecoder.decode(ApiResponse<GetNewContentAllResponse>.self, from: responseData)
+                        self.isLoading = false
+                        
+                        if let data = decoded.data, decoded.success {
+                            if page == 1 {
+                                newContentList.removeAll()
+                            }
+                            
+                            self.totalCount = data.totalCount
+                            
+                            if !data.items.isEmpty {
+                                page += 1
+                                self.newContentList.append(contentsOf: data.items)
+                            } else {
+                                isLast = true
+                            }
+                        } else {
+                            if let message = decoded.message {
+                                self.errorMessage = message
+                            } else {
+                                self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                            }
+                            
+                            self.isShowPopup = true
+                        }
+                    } catch {
+                        self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                        self.isShowPopup = true
+                        self.isLoading = false
+                    }
+                }
+                .store(in: &subscription)
+        } else {
+            isLoading = false
+        }
+    }
+    
+    func getThemeList() {
+        repository.getNewContentThemeList()
+            .sink { result in
+                switch result {
+                case .finished:
+                    DEBUG_LOG("finish")
+                case .failure(let error):
+                    ERROR_LOG(error.localizedDescription)
+                }
+            } receiveValue: { [unowned self] response in
+                let responseData = response.data
+                
+                do {
+                    let jsonDecoder = JSONDecoder()
+                    let decoded = try jsonDecoder.decode(ApiResponse<[String]>.self, from: responseData)
+                    
+                    if let data = decoded.data, decoded.success {
+                        self.themeList.append("전체")
+                        self.themeList.append(contentsOf: data)
+                    } else {
+                        if let message = decoded.message {
+                            self.errorMessage = message
+                        } else {
+                            self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                        }
+                        
+                        self.isShowPopup = true
+                    }
+                } catch {
+                    self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                    self.isShowPopup = true
+                }
+            }
+            .store(in: &subscription)
+    }
+}

SodaLive/Sources/Content/All/ContentRankingAllView.swift

@@ -0,0 +1,163 @@
+//
+//  ContentRankingAllView.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/10/15.
+//
+
+import SwiftUI
+import Kingfisher
+
+struct ContentRankingAllView: View {
+    
+    @StateObject var viewModel = ContentRankingAllViewModel()
+    
+    var body: some View {
+        NavigationView {
+            BaseView(isLoading: $viewModel.isLoading) {
+                VStack(spacing: 0) {
+                    DetailNavigationBar(title: "인기 콘텐츠")
+                    
+                    VStack(spacing: 8) {
+                        Text("\(viewModel.dateString)")
+                            .font(.custom(Font.bold.rawValue, size: 14.7))
+                            .foregroundColor(Color(hex: "eeeeee"))
+                        
+                        Text("※ 인기 콘텐츠의 순위는 매주 업데이트됩니다.")
+                            .font(.custom(Font.light.rawValue, size: 13.3))
+                            .foregroundColor(Color(hex: "bbbbbb"))
+                    }
+                    .padding(.vertical, 8)
+                    .frame(width: screenSize().width - 26.7)
+                    .background(Color(hex: "222222"))
+                    .padding(.top, 13.3)
+                    
+                    ContentMainRankingSortView(
+                        sorts: viewModel.contentRankingSortList,
+                        selectSort: { viewModel.selectedContentRankingSort = $0 },
+                        selectedSort: $viewModel.selectedContentRankingSort
+                    )
+                    .frame(width: screenSize().width - 26.7)
+                    .padding(.vertical, 16.7)
+                    
+                    ScrollView(.vertical, showsIndicators: false) {
+                        LazyVStack(spacing: 20) {
+                            ForEach(0..<viewModel.contentRankingItemList.count, id: \.self) { index in
+                                let item = viewModel.contentRankingItemList[index]
+                                NavigationLink {
+                                    ContentDetailView(contentId: item.contentId)
+                                } label: {
+                                    HStack(spacing: 0) {
+                                        KFImage(URL(string: item.coverImageUrl))
+                                            .resizable()
+                                            .scaledToFill()
+                                            .frame(width: 66.7, height: 66.7, alignment: .top)
+                                            .clipped()
+                                            .cornerRadius(5.3)
+                                        
+                                        Text("\(index + 1)")
+                                            .font(.custom(Font.bold.rawValue, size: 16.7))
+                                            .foregroundColor(Color(hex: "3bb9f1"))
+                                            .padding(.horizontal, 12)
+                                        
+                                        VStack(alignment: .leading, spacing: 0) {
+                                            HStack(spacing: 8) {
+                                                Text(item.themeStr)
+                                                    .font(.custom(Font.medium.rawValue, size: 8))
+                                                    .foregroundColor(Color(hex: "3bac6a"))
+                                                    .padding(2.6)
+                                                    .background(Color(hex: "28312b"))
+                                                    .cornerRadius(2.6)
+                                                
+                                                Text(item.duration)
+                                                    .font(.custom(Font.medium.rawValue, size: 8))
+                                                    .foregroundColor(Color(hex: "777777"))
+                                                    .padding(2.6)
+                                                    .background(Color(hex: "222222"))
+                                                    .cornerRadius(2.6)
+                                            }
+                                            
+                                            Text(item.creatorNickname)
+                                                .font(.custom(Font.medium.rawValue, size: 10.7))
+                                                .foregroundColor(Color(hex: "777777"))
+                                                .padding(.vertical, 8)
+                                            
+                                            Text(item.title)
+                                                .font(.custom(Font.medium.rawValue, size: 12))
+                                                .foregroundColor(Color(hex: "d2d2d2"))
+                                                .lineLimit(2)
+                                                .padding(.top, 2.7)
+                                        }
+                                        
+                                        Spacer()
+                                        
+                                        if item.price > 0 {
+                                            HStack(spacing: 8) {
+                                                Image("ic_can")
+                                                    .resizable()
+                                                    .frame(width: 17, height: 17)
+                                                
+                                                Text("\(item.price)")
+                                                    .font(.custom(Font.medium.rawValue, size: 12))
+                                                    .foregroundColor(Color(hex: "909090"))
+                                            }
+                                        } else {
+                                            Text("무료")
+                                                .font(.custom(Font.medium.rawValue, size: 12))
+                                                .foregroundColor(Color(hex: "ffffff"))
+                                                .padding(.horizontal, 5.3)
+                                                .padding(.vertical, 2.7)
+                                                .background(Color(hex: "cf5c37"))
+                                                .cornerRadius(2.6)
+                                        }
+                                    }
+                                    .frame(height: 66.7)
+                                    .contentShape(Rectangle())
+                                    .onAppear {
+                                        if index == viewModel.contentRankingItemList.count - 1 {
+                                            viewModel.getContentRanking()
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                    .padding(13.3)
+                }
+                
+                if viewModel.isLoading {
+                    LoadingView()
+                }
+            }
+            .popup(isPresented: $viewModel.isShowPopup, type: .toast, position: .top, autohideIn: 2) {
+                GeometryReader { geo in
+                    HStack {
+                        Spacer()
+                        Text(viewModel.errorMessage)
+                            .padding(.vertical, 13.3)
+                            .padding(.horizontal, 6.7)
+                            .frame(width: geo.size.width - 66.7, alignment: .center)
+                            .font(.custom(Font.medium.rawValue, size: 12))
+                            .background(Color(hex: "9970ff"))
+                            .foregroundColor(Color.white)
+                            .multilineTextAlignment(.leading)
+                            .fixedSize(horizontal: false, vertical: true)
+                            .cornerRadius(20)
+                            .padding(.top, 66.7)
+                        Spacer()
+                    }
+                }
+            }
+            .onAppear {
+                viewModel.getContentRankingSortType()
+                viewModel.getContentRanking()
+            }
+        }
+    }
+}
+
+struct ContentRankingAllView_Previews: PreviewProvider {
+    static var previews: some View {
+        ContentRankingAllView()
+    }
+}

SodaLive/Sources/Content/All/ContentRankingAllViewModel.swift

@@ -0,0 +1,124 @@
+//
+//  ContentRankingAllViewModel.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/10/15.
+//
+
+import Foundation
+import Combine
+
+final class ContentRankingAllViewModel: ObservableObject {
+    
+    private let repository = ContentRepository()
+    private var subscription = Set<AnyCancellable>()
+    
+    @Published var errorMessage = ""
+    @Published var isShowPopup = false
+    @Published var isLoading = false
+    
+    @Published var dateString = ""
+    @Published var contentRankingItemList = [GetAudioContentRankingItem]()
+    @Published var contentRankingSortList = [String]()
+    
+    @Published var selectedContentRankingSort = "매출" {
+        didSet {
+            page = 1
+            isLast = false
+            getContentRanking()
+        }
+    }
+    
+    var page = 1
+    var isLast = false
+    private let pageSize = 10
+    
+    func getContentRanking() {
+        if (!isLast && !isLoading && page <= 5) {
+            isLoading = true
+            
+            repository.getContentRanking(page: page, size: pageSize, sortType: selectedContentRankingSort)
+                .sink { result in
+                    switch result {
+                    case .finished:
+                        DEBUG_LOG("finish")
+                    case .failure(let error):
+                        ERROR_LOG(error.localizedDescription)
+                    }
+                } receiveValue: { [unowned self] response in
+                    self.isLoading = false
+                    let responseData = response.data
+                    
+                    do {
+                        let jsonDecoder = JSONDecoder()
+                        let decoded = try jsonDecoder.decode(ApiResponse<GetAudioContentRanking>.self, from: responseData)
+                        self.isLoading = false
+                        
+                        if let data = decoded.data, decoded.success {
+                            if page == 1 {
+                                contentRankingItemList.removeAll()
+                            }
+                            
+                            dateString = "\(data.startDate)~\(data.endDate)"
+                            
+                            if !data.items.isEmpty {
+                                page += 1
+                                self.contentRankingItemList.append(contentsOf: data.items)
+                            } else {
+                                isLast = true
+                            }
+                        } else {
+                            if let message = decoded.message {
+                                self.errorMessage = message
+                            } else {
+                                self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                            }
+                            
+                            self.isShowPopup = true
+                        }
+                    } catch {
+                        self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                        self.isShowPopup = true
+                        self.isLoading = false
+                    }
+                }
+                .store(in: &subscription)
+        }
+    }
+    
+    func getContentRankingSortType() {
+        repository.getContentRankingSortType()
+            .sink { result in
+                switch result {
+                case .finished:
+                    DEBUG_LOG("finish")
+                case .failure(let error):
+                    ERROR_LOG(error.localizedDescription)
+                }
+            } receiveValue: { [unowned self] response in
+                let responseData = response.data
+                
+                do {
+                    let jsonDecoder = JSONDecoder()
+                    let decoded = try jsonDecoder.decode(ApiResponse<[String]>.self, from: responseData)
+                    
+                    if let data = decoded.data, decoded.success {
+                        self.contentRankingSortList.removeAll()
+                        self.contentRankingSortList.append(contentsOf: data)
+                    } else {
+                        if let message = decoded.message {
+                            self.errorMessage = message
+                        } else {
+                            self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                        }
+                        
+                        self.isShowPopup = true
+                    }
+                } catch {
+                    self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                    self.isShowPopup = true
+                }
+            }
+            .store(in: &subscription)
+    }
+}

SodaLive/Sources/Content/All/GetNewContentAllResponse.swift

@@ -0,0 +1,11 @@
+//
+//  GetNewContentAllResponse.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/09/27.
+//
+
+struct GetNewContentAllResponse: Decodable {
+    let totalCount: Int
+    let items: [GetAudioContentMainItem]
+}

SodaLive/Sources/Content/ContentApi.swift

@@ -22,9 +22,20 @@ enum ContentApi {
     case getAudioContentCommentReplyList(commentId: Int, page: Int, size: Int)
     case deleteAudioContent(audioContentId: Int)
     case modifyAudioContent(parameters: [MultipartFormData])
-    case getMain
+    case getNewContentUploadCreatorList
+    case getMainBannerList
+    case getMainOrderList
     case getNewContentOfTheme(theme: String)
+    case getCurationList(page: Int, size: Int)
     case donation(request: AudioContentDonationRequest)
+    case modifyComment(request: ModifyCommentRequest)
+    case getNewContentThemeList
+    case getNewContentAllOfTheme(theme: String, page: Int, size: Int)
+    case getAudioContentListByCurationId(curationId: Int, page: Int, size: Int, sort: ContentCurationViewModel.Sort)
+    case getContentRanking(page: Int, size: Int, sortType: String)
+    case getContentRankingSortType
+    case pinContent(contentId: Int)
+    case unpinContent(contentId: Int)
 }
 
 extension ContentApi: TargetType {
@@ -73,26 +84,65 @@ extension ContentApi: TargetType {
         case .modifyAudioContent:
             return "/audio-content"
             
-        case .getMain:
-            return "/audio-content/main"
+        case .getNewContentUploadCreatorList:
+            return "/audio-content/main/new-content-upload-creator"
+            
+        case .getMainBannerList:
+            return "/audio-content/main/banner-list"
+            
+        case .getMainOrderList:
+            return "/audio-content/main/order-list"
             
         case .getNewContentOfTheme:
             return "/audio-content/main/new"
             
+        case .getCurationList:
+            return "/audio-content/main/curation-list"
+            
         case .donation:
             return "/audio-content/donation"
+            
+        case .modifyComment:
+            return "/audio-content/comment"
+            
+        case .getNewContentThemeList:
+            return "/audio-content/main/theme"
+            
+        case .getNewContentAllOfTheme:
+            return "/audio-content/main/new/all"
+            
+        case .getAudioContentListByCurationId(let curationId, _, _, _):
+            return "/audio-content/curation/\(curationId)"
+            
+        case .getContentRanking:
+            return  "/audio-content/ranking"
+            
+        case .getContentRankingSortType:
+            return  "/audio-content/ranking-sort-type"
+            
+        case .pinContent(let contentId):
+            return  "/audio-content/pin-to-the-top/\(contentId)"
+            
+        case .unpinContent(let contentId):
+            return  "/audio-content/unpin-at-the-top/\(contentId)"
         }
     }
     
     var method: Moya.Method {
         switch self {
-        case .getAudioContentList, .getAudioContentDetail, .getOrderList, .getAudioContentThemeList, .getAudioContentCommentList, .getAudioContentCommentReplyList, .getMain, .getNewContentOfTheme:
+        case .getAudioContentList, .getAudioContentDetail, .getOrderList, .getAudioContentThemeList,
+                .getAudioContentCommentList, .getAudioContentCommentReplyList, .getNewContentOfTheme,
+                .getNewContentThemeList, .getNewContentAllOfTheme, .getAudioContentListByCurationId, .getContentRanking,
+                .getContentRankingSortType:
             return .get
             
-        case .likeContent, .modifyAudioContent:
+        case .getMainBannerList, .getMainOrderList, .getNewContentUploadCreatorList, .getCurationList:
+            return .get
+            
+        case .likeContent, .modifyAudioContent, .modifyComment, .unpinContent:
             return .put
             
-        case .registerComment, .orderAudioContent, .addAllPlaybackTracking, .uploadAudioContent, .donation:
+        case .registerComment, .orderAudioContent, .addAllPlaybackTracking, .uploadAudioContent, .donation, .pinContent:
             return .post
             
         case .deleteAudioContent:
@@ -136,7 +186,7 @@ extension ContentApi: TargetType {
         case .addAllPlaybackTracking(let request):
             return .requestJSONEncodable(request)
             
-        case .getAudioContentThemeList, .getMain:
+        case .getAudioContentThemeList, .getMainBannerList, .getMainOrderList, .getNewContentUploadCreatorList:
             return .requestPlain
             
         case .uploadAudioContent(let parameters):
@@ -173,6 +223,53 @@ extension ContentApi: TargetType {
             
         case .donation(let request):
             return .requestJSONEncodable(request)
+            
+        case .modifyComment(let request):
+            return .requestJSONEncodable(request)
+            
+        case .getNewContentThemeList:
+            return .requestPlain
+            
+        case .getNewContentAllOfTheme(let theme, let page, let size):
+            let parameters = [
+                "theme": theme,
+                "page": page - 1,
+                "size": size
+            ] as [String : Any]
+            
+            return .requestParameters(parameters: parameters, encoding: URLEncoding.queryString)
+            
+        case .getAudioContentListByCurationId(_, let page, let size, let sort):
+            let parameters = [
+                "page": page - 1,
+                "size": size,
+                "sort-type": sort
+            ] as [String : Any]
+            
+            return .requestParameters(parameters: parameters, encoding: URLEncoding.queryString)
+            
+        case .getContentRanking(let page, let size, let sortType):
+            let parameters = [
+                "page": page - 1,
+                "size": size,
+                "sort-type": sortType
+            ] as [String : Any]
+            
+            return .requestParameters(parameters: parameters, encoding: URLEncoding.queryString)
+            
+        case .getContentRankingSortType:
+            return .requestPlain
+            
+        case .getCurationList(let page, let size):
+            let parameters = [
+                "page": page - 1,
+                "size": size
+            ] as [String : Any]
+            
+            return .requestParameters(parameters: parameters, encoding: URLEncoding.queryString)
+            
+        case .pinContent, .unpinContent:
+            return .requestPlain
         }
     }
     

SodaLive/Sources/Content/ContentListItemView.swift

@@ -26,6 +26,15 @@ struct ContentListItemView: View {
                 
                 VStack(alignment: .leading, spacing: 0) {
                     HStack(spacing: 8) {
+                        if item.isScheduledToOpen {
+                            Text("오픈예정")
+                                .font(.custom(Font.medium.rawValue, size: 8))
+                                .foregroundColor(Color(hex: "3bb9f1"))
+                                .padding(2.6)
+                                .background(Color(hex: "003851"))
+                                .cornerRadius(2.6)
+                        }
+                        
                         Text(item.themeStr)
                             .font(.custom(Font.medium.rawValue, size: 8))
                             .foregroundColor(Color(hex: "3bac6a"))
@@ -39,6 +48,12 @@ struct ContentListItemView: View {
                             .padding(2.6)
                             .background(Color(hex: "222222"))
                             .cornerRadius(2.6)
+                        
+                        if item.isPin {
+                            Image("ic_pin")
+                                .resizable()
+                                .frame(width: 13.3, height: 13.3)
+                        }
                     }
                     
                     Text(item.title)
@@ -112,7 +127,9 @@ struct ContentListItemView_Previews: PreviewProvider {
                 duration: "00:04:43",
                 likeCount: 2,
                 commentCount: 0,
-                isAdult: false
+                isPin: true,
+                isAdult: false,
+                isScheduledToOpen: true
             )
         )
     }

SodaLive/Sources/Content/ContentListView.swift

@@ -13,148 +13,147 @@ struct ContentListView: View {
     @StateObject var viewModel = ContentListViewModel()
     
     var body: some View {
-        BaseView(isLoading: $viewModel.isLoading) {
-            VStack(spacing: 0) {
-                HStack(spacing: 0) {
-                    Button {
-                        AppState.shared.back()
-                    } label: {
-                        Image("ic_back")
-                            .resizable()
-                            .frame(width: 20, height: 20)
-                        
-                        Text("콘텐츠 전체보기")
-                            .font(.custom(Font.bold.rawValue, size: 18.3))
-                            .foregroundColor(Color(hex: "eeeeee"))
-                    }
-                    
-                    Spacer()
-                }
-                .padding(.horizontal, 13.3)
-                .frame(height: 50)
-                .background(Color.black)
-                
-                if userId == UserDefaults.int(forKey: .userId) {
-                    Text("새로운 콘텐츠 등록하기")
-                        .font(.custom(Font.bold.rawValue, size: 15))
-                        .foregroundColor(Color(hex: "eeeeee"))
-                        .padding(.vertical, 17)
-                        .frame(maxWidth: .infinity)
-                        .background(Color(hex: "9970ff"))
-                        .cornerRadius(5.3)
-                        .padding(.top, 13.3)
-                        .padding(.horizontal, 13.3)
-                        .onTapGesture { AppState.shared.setAppStep(step: .createContent) }
-                }
-                
-                HStack(spacing: 13.3) {
-                    Spacer()
-                    
-                    Text("최신순")
-                        .font(.custom(Font.medium.rawValue, size: 13.3))
-                        .foregroundColor(
-                            Color(hex: "e2e2e2")
-                                .opacity(viewModel.sort == .NEWEST ? 1 : 0.5)
-                        )
-                        .onTapGesture {
-                            if viewModel.sort != .NEWEST {
-                                viewModel.sort = .NEWEST
-                            }
-                        }
-                    
-                    Text("높은 가격순")
-                        .font(.custom(Font.medium.rawValue, size: 13.3))
-                        .foregroundColor(
-                            Color(hex: "e2e2e2")
-                                .opacity(viewModel.sort == .PRICE_HIGH ? 1 : 0.5)
-                        )
-                        .onTapGesture {
-                            if viewModel.sort != .PRICE_HIGH {
-                                viewModel.sort = .PRICE_HIGH
-                            }
-                        }
-                    
-                    Text("낮은 가격순")
-                        .font(.custom(Font.medium.rawValue, size: 13.3))
-                        .foregroundColor(
-                            Color(hex: "e2e2e2")
-                                .opacity(viewModel.sort == .PRICE_LOW ? 1 : 0.5)
-                        )
-                        .onTapGesture {
-                            if viewModel.sort != .PRICE_LOW {
-                                viewModel.sort = .PRICE_LOW
-                            }
-                        }
-                }
-                .padding(.vertical, 13.3)
-                .padding(.horizontal, 20)
-                .background(Color(hex: "161616"))
-                .padding(.top, 13.3)
-                
-                HStack(spacing: 0) {
-                    Text("전체")
-                        .font(.custom(Font.medium.rawValue, size: 13.3))
-                        .foregroundColor(Color(hex: "e2e2e2"))
-                    
-                    Text("\(viewModel.totalCount)")
-                        .font(.custom(Font.medium.rawValue, size: 13.3))
-                        .foregroundColor(Color(hex: "ff5c49"))
-                        .padding(.leading, 8)
-                    
-                    Text("개")
-                        .font(.custom(Font.medium.rawValue, size: 13.3))
-                        .foregroundColor(Color(hex: "e2e2e2"))
-                        .padding(.leading, 2)
-                    
-                    Spacer()
-                }
-                .padding(.vertical, 13.3)
-                .padding(.horizontal, 20)
-                
-                ScrollViewReader { reader in
-                    ScrollView(.vertical, showsIndicators: false) {
-                        LazyVStack(spacing: 10.7) {
-                            ScrollerToTop(reader: reader, scrollOnChange: $viewModel.scrollToTop)
+        NavigationView {
+            BaseView(isLoading: $viewModel.isLoading) {
+                VStack(spacing: 0) {
+                    HStack(spacing: 0) {
+                        Button {
+                            AppState.shared.back()
+                        } label: {
+                            Image("ic_back")
+                                .resizable()
+                                .frame(width: 20, height: 20)
                             
-                            ForEach(0..<viewModel.audioContentList.count, id: \.self) { index in
-                                let audioContent = viewModel.audioContentList[index]
-                                ContentListItemView(item: audioContent)
-                                    .contentShape(Rectangle())
-                                    .onTapGesture {
-                                        AppState
-                                            .shared
-                                            .setAppStep(
-                                                step: .contentDetail(contentId: audioContent.contentId)
-                                            )
-                                    }
-                                    .onAppear {
-                                        if index == viewModel.audioContentList.count - 1 {
-                                            viewModel.getAudioContentList()
-                                        }
+                            Text("콘텐츠 전체보기")
+                                .font(.custom(Font.bold.rawValue, size: 18.3))
+                                .foregroundColor(Color(hex: "eeeeee"))
+                        }
+                        
+                        Spacer()
+                    }
+                    .padding(.horizontal, 13.3)
+                    .frame(height: 50)
+                    .background(Color.black)
+                    
+                    if userId == UserDefaults.int(forKey: .userId) {
+                        Text("새로운 콘텐츠 등록하기")
+                            .font(.custom(Font.bold.rawValue, size: 15))
+                            .foregroundColor(Color(hex: "eeeeee"))
+                            .padding(.vertical, 17)
+                            .frame(maxWidth: .infinity)
+                            .background(Color(hex: "3bb9f1"))
+                            .cornerRadius(5.3)
+                            .padding(.top, 13.3)
+                            .padding(.horizontal, 13.3)
+                            .onTapGesture { AppState.shared.setAppStep(step: .createContent) }
+                    }
+                    
+                    HStack(spacing: 13.3) {
+                        Spacer()
+                        
+                        Text("최신순")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(
+                                Color(hex: "e2e2e2")
+                                    .opacity(viewModel.sort == .NEWEST ? 1 : 0.5)
+                            )
+                            .onTapGesture {
+                                if viewModel.sort != .NEWEST {
+                                    viewModel.sort = .NEWEST
+                                }
+                            }
+                        
+                        Text("높은 가격순")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(
+                                Color(hex: "e2e2e2")
+                                    .opacity(viewModel.sort == .PRICE_HIGH ? 1 : 0.5)
+                            )
+                            .onTapGesture {
+                                if viewModel.sort != .PRICE_HIGH {
+                                    viewModel.sort = .PRICE_HIGH
+                                }
+                            }
+                        
+                        Text("낮은 가격순")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(
+                                Color(hex: "e2e2e2")
+                                    .opacity(viewModel.sort == .PRICE_LOW ? 1 : 0.5)
+                            )
+                            .onTapGesture {
+                                if viewModel.sort != .PRICE_LOW {
+                                    viewModel.sort = .PRICE_LOW
+                                }
+                            }
+                    }
+                    .padding(.vertical, 13.3)
+                    .padding(.horizontal, 20)
+                    .background(Color(hex: "161616"))
+                    .padding(.top, 13.3)
+                    
+                    HStack(spacing: 0) {
+                        Text("전체")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color(hex: "e2e2e2"))
+                        
+                        Text("\(viewModel.totalCount)")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color(hex: "ff5c49"))
+                            .padding(.leading, 8)
+                        
+                        Text("개")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color(hex: "e2e2e2"))
+                            .padding(.leading, 2)
+                        
+                        Spacer()
+                    }
+                    .padding(.vertical, 13.3)
+                    .padding(.horizontal, 20)
+                    
+                    ScrollViewReader { reader in
+                        ScrollView(.vertical, showsIndicators: false) {
+                            LazyVStack(spacing: 10.7) {
+                                ScrollerToTop(reader: reader, scrollOnChange: $viewModel.scrollToTop)
+                                
+                                ForEach(0..<viewModel.audioContentList.count, id: \.self) { index in
+                                    let audioContent = viewModel.audioContentList[index]
+                                    NavigationLink {
+                                        ContentDetailView(contentId: audioContent.contentId)
+                                    } label: {
+                                        ContentListItemView(item: audioContent)
+                                            .contentShape(Rectangle())
+                                            .onAppear {
+                                                if index == viewModel.audioContentList.count - 1 {
+                                                    viewModel.getAudioContentList()
+                                                }
+                                            }
                                     }
+                                }
                             }
                         }
                     }
+                    .padding(.top, 13.3)
                 }
-                .padding(.top, 13.3)
-            }
-            .onAppear {
-                viewModel.userId = userId
-                viewModel.getAudioContentList()
-            }
-            .popup(isPresented: $viewModel.isShowPopup, type: .toast, position: .bottom, autohideIn: 2) {
-                HStack {
-                    Spacer()
-                    Text(viewModel.errorMessage)
-                        .padding(.vertical, 13.3)
-                        .frame(width: screenSize().width - 66.7, alignment: .center)
-                        .font(.custom(Font.medium.rawValue, size: 12))
-                        .background(Color(hex: "9970ff"))
-                        .foregroundColor(Color.white)
-                        .multilineTextAlignment(.leading)
-                        .cornerRadius(20)
-                        .padding(.bottom, 66.7)
-                    Spacer()
+                .onAppear {
+                    viewModel.userId = userId
+                    viewModel.getAudioContentList()
+                }
+                .popup(isPresented: $viewModel.isShowPopup, type: .toast, position: .bottom, autohideIn: 2) {
+                    HStack {
+                        Spacer()
+                        Text(viewModel.errorMessage)
+                            .padding(.vertical, 13.3)
+                            .frame(width: screenSize().width - 66.7, alignment: .center)
+                            .font(.custom(Font.medium.rawValue, size: 12))
+                            .background(Color(hex: "3bb9f1"))
+                            .foregroundColor(Color.white)
+                            .multilineTextAlignment(.leading)
+                            .cornerRadius(20)
+                            .padding(.bottom, 66.7)
+                        Spacer()
+                    }
                 }
             }
         }

SodaLive/Sources/Content/ContentRepository.swift

@@ -65,15 +65,59 @@ final class ContentRepository {
         return api.requestPublisher(.modifyAudioContent(parameters: parameters))
     }
     
-    func getMain() -> AnyPublisher<Response, MoyaError> {
-        return api.requestPublisher(.getMain)
+    func getNewContentUploadCreatorList() -> AnyPublisher<Response, MoyaError> {
+        return api.requestPublisher(.getNewContentUploadCreatorList)
+    }
+    
+    func getMainBannerList() -> AnyPublisher<Response, MoyaError> {
+        return api.requestPublisher(.getMainBannerList)
+    }
+    
+    func getMainOrderList() -> AnyPublisher<Response, MoyaError> {
+        return api.requestPublisher(.getMainOrderList)
     }
     
     func getNewContentOfTheme(theme: String) -> AnyPublisher<Response, MoyaError> {
         return api.requestPublisher(.getNewContentOfTheme(theme: theme))
     }
     
+    func getCurationList(page: Int, size: Int) -> AnyPublisher<Response, MoyaError> {
+        return api.requestPublisher(.getCurationList(page: page, size: size))
+    }
+    
     func donation(contentId: Int, can: Int, comment: String) -> AnyPublisher<Response, MoyaError> {
         return api.requestPublisher(.donation(request: AudioContentDonationRequest(contentId: contentId, donationCan: can, comment: comment)))
     }
+    
+    func modifyComment(request: ModifyCommentRequest) -> AnyPublisher<Response, MoyaError> {
+        return api.requestPublisher(.modifyComment(request: request))
+    }
+    
+    func getNewContentThemeList() -> AnyPublisher<Response, MoyaError> {
+        return api.requestPublisher(.getNewContentThemeList)
+    }
+    
+    func getNewContentAllOfTheme(theme: String, page: Int, size: Int) -> AnyPublisher<Response, MoyaError> {
+        return api.requestPublisher(.getNewContentAllOfTheme(theme: theme, page: page, size: size))
+    }
+    
+    func getAudioContentListByCurationId(curationId: Int, page: Int, size: Int, sort: ContentCurationViewModel.Sort) -> AnyPublisher<Response, MoyaError> {
+        return api.requestPublisher(.getAudioContentListByCurationId(curationId: curationId, page: page, size: size, sort: sort))
+    }
+    
+    func getContentRankingSortType() -> AnyPublisher<Response, MoyaError> {
+        return api.requestPublisher(.getContentRankingSortType)
+    }
+    
+    func getContentRanking(page: Int, size: Int, sortType: String = "매출") -> AnyPublisher<Response, MoyaError> {
+        return api.requestPublisher(.getContentRanking(page: page, size: size, sortType: sortType))
+    }
+    
+    func pinContent(contentId: Int) -> AnyPublisher<Response, MoyaError> {
+        return api.requestPublisher(.pinContent(contentId: contentId))
+    }
+    
+    func unpinContent(contentId: Int) -> AnyPublisher<Response, MoyaError> {
+        return api.requestPublisher(.unpinContent(contentId: contentId))
+    }
 }

SodaLive/Sources/Content/Create/ContentCreateView.swift

@@ -16,6 +16,8 @@ struct ContentCreateView: View {
     @State private var isShowPhotoPicker = false
     @State private var isShowSelectAudioView = false
     @State private var isShowSelectThemeView = false
+    @State private var isShowSelectDateView = false
+    @State private var isShowSelectTimeView = false
     
     var body: some View {
         BaseView(isLoading: $viewModel.isLoading) {
@@ -37,7 +39,7 @@ struct ContentCreateView: View {
                                             .resizable()
                                             .scaledToFill()
                                             .frame(width: 107, height: 107)
-                                            .background(Color(hex: "3e3358"))
+                                            .background(Color(hex: "13181b"))
                                             .cornerRadius(8)
                                             .clipped()
                                     } else {
@@ -46,13 +48,13 @@ struct ContentCreateView: View {
                                             .scaledToFit()
                                             .padding(13.3)
                                             .frame(width: 107, height: 107)
-                                            .background(Color(hex: "3e3358"))
+                                            .background(Color(hex: "13181b"))
                                             .cornerRadius(8)
                                     }
                                     
                                     Image("ic_camera")
                                         .padding(10)
-                                        .background(Color(hex: "9970ff"))
+                                        .background(Color(hex: "3bb9f1"))
                                         .cornerRadius(30)
                                         .offset(x: 50, y: 36)
                                 }
@@ -67,15 +69,15 @@ struct ContentCreateView: View {
                                 
                                 Text(viewModel.fileName.trimmingCharacters(in: .whitespacesAndNewlines) == "" ? "파일선택" : viewModel.fileName)
                                     .font(.custom(Font.medium.rawValue, size: 16.7))
-                                    .foregroundColor(Color(hex: "9970ff"))
+                                    .foregroundColor(Color(hex: "3bb9f1"))
                                     .padding(.vertical, 10)
                                     .frame(maxWidth: .infinity)
-                                    .background(Color(hex: "9970ff").opacity(0.2))
+                                    .background(Color(hex: "13181b"))
                                     .cornerRadius(5.3)
                                     .overlay(
                                         RoundedCorner(radius: 8)
                                             .stroke(lineWidth: 2)
-                                            .foregroundColor(Color(hex: "9970ff"))
+                                            .foregroundColor(Color(hex: "3bb9f1"))
                                     )
                                     .padding(.top, 13.3)
                                     .onTapGesture { isShowSelectAudioView = true }
@@ -150,16 +152,16 @@ struct ContentCreateView: View {
                                          viewModel.theme!.theme :
                                             "테마 선택")
                                     .font(.custom(Font.bold.rawValue, size: 16.7))
-                                    .foregroundColor(Color(hex: "9970ff"))
+                                    .foregroundColor(Color(hex: "3bb9f1"))
                                 }
                                 .padding(.vertical, viewModel.theme != nil ? 8 : 13.3)
                                 .frame(maxWidth: .infinity)
-                                .background(Color(hex: "9970ff").opacity(0.2))
+                                .background(Color(hex: "13181b"))
                                 .cornerRadius(24)
                                 .overlay(
                                     RoundedRectangle(cornerRadius: 24)
                                         .stroke(lineWidth: 2)
-                                        .foregroundColor(Color(hex: "9970ff"))
+                                        .foregroundColor(Color(hex: "3bb9f1"))
                                 )
                                 .padding(.top, 13.3)
                                 .onTapGesture {
@@ -194,7 +196,7 @@ struct ContentCreateView: View {
                                 .padding(.top, 26.7)
                             
                             VStack(spacing: 13.3) {
-                                Text("가격설정")
+                                Text("가격 설정")
                                     .font(.custom(Font.bold.rawValue, size: 16.7))
                                     .foregroundColor(Color(hex: "eeeeee"))
                                     .frame(maxWidth: .infinity, alignment: .leading)
@@ -214,14 +216,36 @@ struct ContentCreateView: View {
                                 }
                                 
                                 if !viewModel.isFree {
+                                    VStack(spacing: 13.3) {
+                                        Text("소장 설정")
+                                            .font(.custom(Font.bold.rawValue, size: 16.7))
+                                            .foregroundColor(Color(hex: "eeeeee"))
+                                            .frame(maxWidth: .infinity, alignment: .leading)
+                                        
+                                        HStack(spacing: 13.3) {
+                                            SelectButtonView(title: "소장/대여", isChecked: !viewModel.isOnlyRental) {
+                                                if viewModel.isOnlyRental {
+                                                    viewModel.isOnlyRental = false
+                                                }
+                                            }
+                                            
+                                            SelectButtonView(title: "대여만", isChecked: viewModel.isOnlyRental) {
+                                                if !viewModel.isOnlyRental {
+                                                    viewModel.isOnlyRental = true
+                                                }
+                                            }
+                                        }
+                                    }
+                                    .padding(.top, 13.3)
+                                    
                                     VStack(spacing: 0) {
-                                        Text("소장가격")
+                                        Text(viewModel.isOnlyRental ? "대여 가격" : "소장 가격")
                                             .font(.custom(Font.medium.rawValue, size: 13.3))
                                             .foregroundColor(Color(hex: "d2d2d2"))
                                             .frame(maxWidth: .infinity, alignment: .leading)
                                         
                                         HStack(spacing: 0) {
-                                            TextField("가격을 입력하세요(10캔 이상)", text: $viewModel.priceString)
+                                            TextField("가격을 입력하세요(5캔 이상)", text: $viewModel.priceString)
                                                 .autocapitalization(.none)
                                                 .disableAutocorrection(true)
                                                 .font(.custom(Font.bold.rawValue, size: 14.7))
@@ -247,23 +271,101 @@ struct ContentCreateView: View {
                                             .frame(height: 1)
                                             .padding(.top, 11)
                                         
-                                        Text("※ 이용기간 대여 (7일) | 소장 (서비스종료시까지)")
+                                        Text("※ 이용기간 대여 (15일) | 소장 (서비스종료시까지)")
                                             .font(.custom(Font.medium.rawValue, size: 13.3))
                                             .foregroundColor(Color(hex: "777777"))
                                             .frame(maxWidth: .infinity, alignment: .leading)
                                             .padding(.top, 13.3)
                                         
-                                        Text("※ 대여가격은 소장가격의 70%로 자동 반영")
+                                        Text("※ 대여가격은 소장가격의 60%로 자동 반영")
                                             .font(.custom(Font.medium.rawValue, size: 13.3))
                                             .foregroundColor(Color(hex: "777777"))
                                             .frame(maxWidth: .infinity, alignment: .leading)
                                         
-                                        Text("※ 콘텐츠의 최소금액은 10캔 입니다")
+                                        Text("※ 콘텐츠의 최소금액은 5캔 입니다")
                                             .font(.custom(Font.medium.rawValue, size: 13.3))
                                             .foregroundColor(Color(hex: "777777"))
                                             .frame(maxWidth: .infinity, alignment: .leading)
                                     }
                                     .padding(.top, 26.7)
+                                    
+                                    VStack(spacing: 13.3) {
+                                        Text("미리듣기")
+                                            .font(.custom(Font.bold.rawValue, size: 16.7))
+                                            .foregroundColor(Color(hex: "eeeeee"))
+                                            .frame(maxWidth: .infinity, alignment: .leading)
+                                        
+                                        HStack(spacing: 13.3) {
+                                            SelectButtonView(title: "생성", isChecked: viewModel.isGeneratePreview) {
+                                                if !viewModel.isGeneratePreview {
+                                                    viewModel.isGeneratePreview = true
+                                                }
+                                            }
+                                            
+                                            SelectButtonView(title: "생성 안 함", isChecked: !viewModel.isGeneratePreview) {
+                                                if viewModel.isGeneratePreview {
+                                                    viewModel.isGeneratePreview = false
+                                                }
+                                            }
+                                        }
+                                    }
+                                    .padding(.top, 26.7)
+                                    
+                                    if viewModel.isGeneratePreview {
+                                        VStack(spacing: 10) {
+                                            Text("미리듣기 시간 설정")
+                                                .font(.custom(Font.bold.rawValue, size: 16.7))
+                                                .foregroundColor(Color(hex: "eeeeee"))
+                                                .frame(maxWidth: .infinity, alignment: .leading)
+                                            
+                                            Text("미리듣기 시간을 직접 설정하지 않으면 콘텐츠 앞부분 30초가 자동으로 설정됩니다. 미리듣기의 시간제한은 없습니다.")
+                                                .font(.custom(Font.medium.rawValue, size: 13.3))
+                                                .foregroundColor(Color(hex: "777777"))
+                                                .frame(maxWidth: .infinity, alignment: .leading)
+                                            
+                                            HStack(spacing: 13.3) {
+                                                VStack(spacing: 5.3) {
+                                                    Text("시작 시간")
+                                                        .font(.custom(Font.medium.rawValue, size: 13.3))
+                                                        .foregroundColor(Color(hex: "d2d2d2"))
+                                                        .frame(maxWidth: .infinity, alignment: .leading)
+                                                    
+                                                    TextField("00:00:00", text: $viewModel.previewStartTime)
+                                                        .autocapitalization(.none)
+                                                        .disableAutocorrection(true)
+                                                        .font(.custom(Font.bold.rawValue, size: 14.6))
+                                                        .foregroundColor(Color(hex: "777777"))
+                                                        .padding(.vertical, 16.7)
+                                                        .padding(.horizontal, 13.3)
+                                                        .background(Color(hex: "222222"))
+                                                        .cornerRadius(6.7)
+                                                        .keyboardType(.default)
+                                                        .multilineTextAlignment(.center)
+                                                }
+                                                
+                                                VStack(spacing: 5.3) {
+                                                    Text("종료 시간")
+                                                        .font(.custom(Font.medium.rawValue, size: 13.3))
+                                                        .foregroundColor(Color(hex: "d2d2d2"))
+                                                        .frame(maxWidth: .infinity, alignment: .leading)
+                                                    
+                                                    TextField("00:00:30", text: $viewModel.previewEndTime)
+                                                        .autocapitalization(.none)
+                                                        .disableAutocorrection(true)
+                                                        .font(.custom(Font.bold.rawValue, size: 14.6))
+                                                        .foregroundColor(Color(hex: "777777"))
+                                                        .padding(.vertical, 16.7)
+                                                        .padding(.horizontal, 13.3)
+                                                        .background(Color(hex: "222222"))
+                                                        .cornerRadius(6.7)
+                                                        .keyboardType(.default)
+                                                        .multilineTextAlignment(.center)
+                                                }
+                                            }
+                                            .padding(.top, 3.3)
+                                        }
+                                        .padding(.top, 26.7)
+                                    }
                                 }
                             }
                             .padding(.top, 26.7)
@@ -321,6 +423,80 @@ struct ContentCreateView: View {
                             .padding(.top, 26.7)
                             .padding(.horizontal, 13.3)
                             
+                            VStack(spacing: 13.3) {
+                                Text("예약 공개")
+                                    .font(.custom(Font.bold.rawValue, size: 16.7))
+                                    .foregroundColor(Color(hex: "eeeeee"))
+                                    .frame(maxWidth: .infinity, alignment: .leading)
+                                
+                                HStack(spacing: 13.3) {
+                                    SelectButtonView(title: "지금 공개", isChecked: !viewModel.isActiveReservation) {
+                                        if viewModel.isActiveReservation {
+                                            viewModel.isActiveReservation = false
+                                        }
+                                    }
+                                    
+                                    SelectButtonView(title: "예약 공개", isChecked: viewModel.isActiveReservation) {
+                                        if !viewModel.isActiveReservation {
+                                            viewModel.isActiveReservation = true
+                                        }
+                                    }
+                                }
+                                
+                                if viewModel.isActiveReservation {
+                                    HStack(spacing: 13.3) {
+                                        VStack(alignment: .leading, spacing: 6.7) {
+                                            Text("예약 날짜")
+                                                .font(.custom(Font.medium.rawValue, size: 13.3))
+                                                .foregroundColor(Color(hex: "eeeeee"))
+                                            
+                                            Button(action: {
+                                                hideKeyboard()
+                                                self.isShowSelectDateView = true
+                                            }) {
+                                                Text(viewModel.releaseDateString)
+                                                    .font(.custom(Font.medium.rawValue, size: 14.7))
+                                                    .foregroundColor(Color(hex: "eeeeee"))
+                                                    .frame(maxWidth: .infinity)
+                                                    .frame(height: 48.7)
+                                                    .overlay(
+                                                        RoundedRectangle(cornerRadius: 6.7)
+                                                            .stroke(Color(hex: "3bb9f1"), lineWidth: 1.3)
+                                                    )
+                                            }
+                                        }
+                                        
+                                        VStack(alignment: .leading, spacing: 6.7) {
+                                            Text("예약 시간")
+                                                .font(.custom(Font.medium.rawValue, size: 13.3))
+                                                .foregroundColor(Color(hex: "eeeeee"))
+                                            
+                                            Button(action: {
+                                                hideKeyboard()
+                                                self.isShowSelectTimeView = true
+                                            }) {
+                                                Text(viewModel.releaseTimeString)
+                                                    .font(.custom(Font.medium.rawValue, size: 14.7))
+                                                    .foregroundColor(Color(hex: "eeeeee"))
+                                                    .frame(maxWidth: .infinity)
+                                                    .frame(height: 48.7)
+                                                    .overlay(
+                                                        RoundedRectangle(cornerRadius: 6.7)
+                                                            .stroke(Color(hex: "3bb9f1"), lineWidth: 1.3)
+                                                    )
+                                            }
+                                        }
+                                    }
+                                    .padding(.horizontal, 13.3)
+                                    .padding(.vertical, 14.2)
+                                    .frame(maxWidth: .infinity)
+                                    .background(Color(hex: "222222"))
+                                    .padding(.top, 22.7)
+                                }
+                            }
+                            .padding(.top, 26.7)
+                            .padding(.horizontal, 13.3)
+                            
                             VStack(spacing: 0) {
                                 HStack(alignment: .top, spacing: 0) {
                                     Text("등록")
@@ -328,7 +504,7 @@ struct ContentCreateView: View {
                                         .foregroundColor(Color.white)
                                         .frame(height: 50)
                                         .frame(maxWidth: .infinity)
-                                        .background(Color(hex: "9970ff"))
+                                        .background(Color(hex: "3bb9f1"))
                                         .cornerRadius(10)
                                         .padding(13.3)
                                 }
@@ -370,6 +546,14 @@ struct ContentCreateView: View {
                         }
                     }
                     
+                    if isShowSelectDateView {
+                        SelectDatePicker(selectedDate: $viewModel.releaseDate, isShowing: $isShowSelectDateView)
+                    }
+                    
+                    if isShowSelectTimeView {
+                        QuarterTimePickerView(selectedTime: $viewModel.releaseTime, isShowing: $isShowSelectTimeView)
+                    }
+                    
                     if isShowPhotoPicker {
                         ImagePicker(
                             isShowing: $isShowPhotoPicker,
@@ -415,7 +599,7 @@ struct ContentCreateView: View {
                                 .padding(.vertical, 13.3)
                                 .frame(width: screenSize().width - 66.7, alignment: .center)
                                 .font(.custom(Font.medium.rawValue, size: 12))
-                                .background(Color(hex: "9970ff"))
+                                .background(Color(hex: "3bb9f1"))
                                 .foregroundColor(Color.white)
                                 .multilineTextAlignment(.center)
                                 .cornerRadius(20)
@@ -443,11 +627,11 @@ struct SelectButtonView: View {
             
             Text(title)
                 .font(.custom(Font.bold.rawValue, size: 14.7))
-                .foregroundColor(isChecked ? .white : Color(hex: "9970ff"))
+                .foregroundColor(isChecked ? .white : Color(hex: "80D8FF"))
         }
         .frame(height: 48.7)
         .frame(maxWidth: .infinity)
-        .background(isChecked ? Color(hex: "9970ff") : Color(hex: "1f1734"))
+        .background(isChecked ? Color(hex: "3BB9F1") : Color(hex: "13181B"))
         .cornerRadius(6.7)
         .onTapGesture {
             hideKeyboard()

SodaLive/Sources/Content/Create/ContentCreateViewModel.swift

@@ -34,6 +34,7 @@ final class ContentCreateViewModel: ObservableObject {
     }
     
     @Published var isAvailableComment = true
+    @Published var isActiveReservation = false
     @Published var isAdult = false
     @Published var priceString = "0" {
         didSet {
@@ -54,10 +55,32 @@ final class ContentCreateViewModel: ObservableObject {
         didSet {
             if isFree {
                 priceString = "0"
+                isOnlyRental = false
+                isGeneratePreview = true
             }
         }
     }
     
+    @Published var isOnlyRental = false
+    @Published var isGeneratePreview = true
+    
+    @Published var previewStartTime: String = ""
+    @Published var previewEndTime: String = ""
+    @Published var releaseDateString: String = Date().convertDateFormat(dateFormat: "yyyy.MM.dd")
+    @Published var releaseTimeString: String = Date().convertDateFormat(dateFormat: "a hh:mm")
+    
+    var releaseDate = Date() {
+        willSet {
+            releaseDateString = newValue.convertDateFormat(dateFormat: "yyyy.MM.dd")
+        }
+    }
+    
+    var releaseTime = Date() {
+        willSet {
+            releaseTimeString = newValue.convertDateFormat(dateFormat: "a hh:mm")
+        }
+    }
+    
     var placeholder = "내용을 입력하세요"
     
     func uploadAudioContent() {
@@ -69,9 +92,15 @@ final class ContentCreateViewModel: ObservableObject {
                 detail: detail,
                 tags: hashtags,
                 price: price,
+                releaseDate: isActiveReservation ? "\(releaseDate.convertDateFormat(dateFormat: "yyyy-MM-dd")) \(releaseTime.convertDateFormat(dateFormat: "HH:mm"))" : nil,
+                timezone: TimeZone.current.identifier,
                 themeId: theme!.id,
                 isAdult: isAdult,
-                isCommentAvailable: isAvailableComment
+                isOnlyRental: isOnlyRental, 
+                isGeneratePreview: isGeneratePreview,
+                isCommentAvailable: isAvailableComment,
+                previewStartTime: isGeneratePreview && previewStartTime.trimmingCharacters(in: .whitespacesAndNewlines).count > 0 ? previewStartTime : nil,
+                previewEndTime: isGeneratePreview && previewEndTime.trimmingCharacters(in: .whitespacesAndNewlines).count > 0 ? previewEndTime : nil
             )
             
             var multipartData = [MultipartFormData]()
@@ -205,12 +234,68 @@ final class ContentCreateViewModel: ObservableObject {
             return false
         }
         
-        if !isFree && price < 10 {
-            errorMessage = "콘텐츠의 최소금액은 10캔 입니다."
+        if !isFree && price < 5 {
+            errorMessage = "콘텐츠의 최소금액은 5캔 입니다."
             isShowPopup = true
             return false
         }
         
+        if previewStartTime.count > 0 && previewEndTime.count > 0 {
+            let startTimeArray = previewStartTime.split(separator: ":")
+            if startTimeArray.count != 3 {
+                errorMessage = "미리 듣기 시간 형식은 00:30:00 과 같아야 합니다"
+                isShowPopup = true
+                return false
+            }
+            
+            for time in startTimeArray {
+                if time.count != 2 {
+                    errorMessage = "미리 듣기 시간 형식은 00:30:00 과 같아야 합니다"
+                    isShowPopup = true
+                    return false
+                }
+            }
+            
+            let endTimeArray = previewStartTime.split(separator: ":")
+            if endTimeArray.count != 3 {
+                errorMessage = "미리 듣기 시간 형식은 00:30:00 과 같아야 합니다"
+                isShowPopup = true
+                return false
+            }
+            
+            for time in endTimeArray {
+                if time.count != 2 {
+                    errorMessage = "미리 듣기 시간 형식은 00:30:00 과 같아야 합니다"
+                    isShowPopup = true
+                    return false
+                }
+            }
+            
+            let timeDifference = timeDifference(startTime: previewStartTime, endTime: previewEndTime)
+            if timeDifference < 30.0 {
+                errorMessage = "미리 듣기의 최소 시간은 30초 입니다"
+                isShowPopup = true
+                return false
+            }
+        } else {
+            if previewStartTime.count > 0 || previewEndTime.count > 0 {
+                errorMessage = "미리 듣기 시작 시간과 종료 시간 둘 다 입력을 하거나 둘 다 입력 하지 않아야 합니다."
+                isShowPopup = true
+                return false
+            }
+        }
+        
         return true
     }
+    
+    private func timeDifference(startTime: String, endTime: String) -> Double {
+        let dateFormatter = DateFormatter()
+        dateFormatter.dateFormat = "HH:mm:ss"
+        
+        if let date1 = dateFormatter.date(from: startTime), let date2 = dateFormatter.date(from: endTime) {
+            return date2.timeIntervalSince(date1)
+        }
+        
+        return 0
+    }
 }

SodaLive/Sources/Content/Create/CreateAudioContentRequest.swift

@@ -12,7 +12,13 @@ struct CreateAudioContentRequest: Encodable {
     let detail: String
     let tags: String
     let price: Int
+    let releaseDate: String?
+    let timezone: String
     let themeId: Int
     let isAdult: Bool
+    let isOnlyRental: Bool
+    let isGeneratePreview: Bool
     let isCommentAvailable: Bool
+    let previewStartTime: String?
+    let previewEndTime: String?
 }

SodaLive/Sources/Content/Create/QuarterTimePickerView.swift

@@ -0,0 +1,63 @@
+//
+//  QuarterTimePickerView.swift
+//  SodaLive
+//
+//  Created by klaus on 2024/01/10.
+//
+
+import SwiftUI
+
+struct QuarterTimePickerView: View {
+    
+    @Binding var selectedTime: Date
+    @Binding var isShowing: Bool
+    
+    var body: some View {
+        GeometryReader { proxy in
+            ZStack {
+                Color
+                    .black
+                    .opacity(0.5)
+                    .edgesIgnoringSafeArea(.all)
+                
+                VStack(spacing: 0) {
+                    DatePicker(
+                        "",
+                        selection: $selectedTime,
+                        displayedComponents: .hourAndMinute
+                    )
+                    .datePickerStyle(WheelDatePickerStyle())
+                    .labelsHidden()
+                    .environment(\.locale, Locale.init(identifier: "ko"))
+                    .frame(width: proxy.size.width - 53.4)
+                    .onAppear {
+                        UIDatePicker.appearance().minuteInterval = 15
+                    }
+                    .onDisappear {
+                        UIDatePicker.appearance().minuteInterval = 1
+                    }
+                    
+                    Button(action: { self.isShowing = false }) {
+                        Text("확인")
+                            .font(.system(size: 16))
+                            .foregroundColor(Color(hex: "eeeeee"))
+                            .padding(.vertical, 10)
+                            .frame(width: proxy.size.width)
+                    }
+                }
+                .background(Color(hex: "222222"))
+                .cornerRadius(6.7)
+            }
+            .frame(width: proxy.size.width)
+        }
+    }
+}
+
+struct QuarterTimePickerView_Previews: PreviewProvider {
+    static var previews: some View {
+        QuarterTimePickerView(
+            selectedTime: .constant(Date()),
+            isShowing: .constant(true)
+        )
+    }
+}

SodaLive/Sources/Content/Create/SelectDatePicker.swift

@@ -0,0 +1,53 @@
+//
+//  SelectDatePicker.swift
+//  SodaLive
+//
+//  Created by klaus on 2024/01/10.
+//
+
+import SwiftUI
+
+struct SelectDatePicker: View {
+    
+    @Binding var selectedDate: Date
+    @Binding var isShowing: Bool
+    
+    var body: some View {
+        GeometryReader { proxy in
+            ZStack {
+                Color
+                    .black
+                    .opacity(0.5)
+                    .edgesIgnoringSafeArea(.all)
+                
+                VStack(spacing: 0) {
+                    DatePicker("", selection: $selectedDate, in: Date()..., displayedComponents: .date)
+                        .datePickerStyle(WheelDatePickerStyle())
+                        .labelsHidden()
+                        .environment(\.locale, Locale.init(identifier: "ko"))
+                        .frame(width: proxy.size.width)
+                    
+                    Button(action: { self.isShowing = false }) {
+                        Text("확인")
+                            .font(.system(size: 16))
+                            .foregroundColor(Color(hex: "eeeeee"))
+                            .padding(.vertical, 10)
+                            .frame(width: proxy.size.width - 53.4)
+                    }
+                }
+                .background(Color(hex: "222222"))
+                .cornerRadius(6.7)
+            }
+            .frame(width: proxy.size.width)
+        }
+    }
+}
+
+struct SelectDatePicker_Previews: PreviewProvider {
+    static var previews: some View {
+        SelectDatePicker(
+            selectedDate: .constant(Date()),
+            isShowing: .constant(true)
+        )
+    }
+}

SodaLive/Sources/Content/Curation/ContentCurationView.swift

@@ -0,0 +1,112 @@
+//
+//  ContentCurationView.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/09/27.
+//
+
+import SwiftUI
+
+struct ContentCurationView: View {
+    
+    @StateObject var viewModel = ContentCurationViewModel()
+    
+    let title: String
+    let curationId: Int
+    
+    let columns = [
+        GridItem(.flexible(), alignment: .top),
+        GridItem(.flexible(), alignment: .top)
+    ]
+    
+    var body: some View {
+        NavigationView {
+            BaseView(isLoading: $viewModel.isLoading) {
+                VStack(spacing: 0) {
+                    DetailNavigationBar(title: title)
+                    
+                    HStack(spacing: 13.3) {
+                        Spacer()
+                        
+                        Text("최신순")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(
+                                Color(hex: "e2e2e2")
+                                    .opacity(viewModel.sort == .NEWEST ? 1 : 0.5)
+                            )
+                            .onTapGesture {
+                                if viewModel.sort != .NEWEST {
+                                    viewModel.sort = .NEWEST
+                                }
+                            }
+                        
+                        Text("높은 가격순")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(
+                                Color(hex: "e2e2e2")
+                                    .opacity(viewModel.sort == .PRICE_HIGH ? 1 : 0.5)
+                            )
+                            .onTapGesture {
+                                if viewModel.sort != .PRICE_HIGH {
+                                    viewModel.sort = .PRICE_HIGH
+                                }
+                            }
+                        
+                        Text("낮은 가격순")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(
+                                Color(hex: "e2e2e2")
+                                    .opacity(viewModel.sort == .PRICE_LOW ? 1 : 0.5)
+                            )
+                            .onTapGesture {
+                                if viewModel.sort != .PRICE_LOW {
+                                    viewModel.sort = .PRICE_LOW
+                                }
+                            }
+                    }
+                    .padding(.vertical, 13.3)
+                    .padding(.horizontal, 20)
+                    .background(Color(hex: "161616"))
+                    .padding(.top, 13.3)
+                    
+                    HStack(spacing: 0) {
+                        Text("전체")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color(hex: "e2e2e2"))
+                        
+                        Text("\(viewModel.totalCount)")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color(hex: "ff5c49"))
+                            .padding(.leading, 8)
+                        
+                        Text("개")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color(hex: "e2e2e2"))
+                            .padding(.leading, 2)
+                        
+                        Spacer()
+                    }
+                    .padding(.vertical, 13.3)
+                    .padding(.horizontal, 20)
+                    
+                    ScrollView(.vertical, showsIndicators: false) {
+                        LazyVGrid(columns: columns, spacing: 13.3) {
+                            ForEach(0..<viewModel.contentList.count, id: \.self) { index in
+                                ContentNewAllItemView(item: viewModel.contentList[index])
+                                    .onAppear {
+                                        if index == viewModel.contentList.count - 1 {
+                                            viewModel.getContentList()
+                                        }
+                                    }
+                            }
+                        }
+                    }
+                }
+                .onAppear {
+                    viewModel.curationId = curationId
+                    viewModel.getContentList()
+                }
+            }
+        }
+    }
+}

SodaLive/Sources/Content/Curation/ContentCurationViewModel.swift

@@ -0,0 +1,95 @@
+//
+//  ContentCurationViewModel.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/09/27.
+//
+
+import Foundation
+import Combine
+
+final class ContentCurationViewModel: ObservableObject {
+    
+    enum Sort: String {
+        case NEWEST, PRICE_HIGH, PRICE_LOW
+    }
+    
+    private let repository = ContentRepository()
+    private var subscription = Set<AnyCancellable>()
+    
+    @Published var errorMessage = ""
+    @Published var isShowPopup = false
+    @Published var isLoading = false
+    
+    @Published var totalCount = 0
+    @Published var sort = Sort.NEWEST {
+        didSet {
+            page = 1
+            isLast = false
+            getContentList()
+        }
+    }
+    
+    @Published var contentList: [GetAudioContentMainItem] = []
+    
+    var curationId = 0
+    var page = 1
+    var isLast = false
+    private let pageSize = 10
+    
+    func getContentList() {
+        if (!isLast && !isLoading) {
+            isLoading = true
+            
+            repository.getAudioContentListByCurationId(
+                curationId: curationId,
+                page: page,
+                size: pageSize,
+                sort: sort
+            )
+            .sink { result in
+                switch result {
+                case .finished:
+                    DEBUG_LOG("finish")
+                case .failure(let error):
+                    ERROR_LOG(error.localizedDescription)
+                }
+            } receiveValue: { [unowned self] response in
+                let responseData = response.data
+                
+                do {
+                    let jsonDecoder = JSONDecoder()
+                    let decoded = try jsonDecoder.decode(ApiResponse<GetCurationContentResponse>.self, from: responseData)
+                    
+                    if let data = decoded.data, decoded.success {
+                        if page == 1 {
+                            self.contentList.removeAll()
+                        }
+                        
+                        if !data.items.isEmpty {
+                            page += 1
+                            self.totalCount = data.totalCount
+                            self.contentList.append(contentsOf: data.items)
+                        } else {
+                            isLast = true
+                        }
+                    } else {
+                        if let message = decoded.message {
+                            self.errorMessage = message
+                        } else {
+                            self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                        }
+                        
+                        self.isShowPopup = true
+                    }
+                } catch {
+                    self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                    self.isShowPopup = true
+                }
+                
+                self.isLoading = false
+            }
+            .store(in: &subscription)
+        }
+    }
+}

SodaLive/Sources/Content/Curation/GetCurationContentResponse.swift

@@ -0,0 +1,11 @@
+//
+//  GetCurationContentResponse.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/09/27.
+//
+
+struct GetCurationContentResponse: Decodable {
+    let totalCount: Int
+    let items: [GetAudioContentMainItem]
+}

SodaLive/Sources/Content/Detail/Comment/AudioContentCommentItemView.swift

@@ -9,81 +9,168 @@ import SwiftUI
 import Kingfisher
 
 struct AudioContentCommentItemView: View {
-    
-    let comment: GetAudioContentCommentListItem
+    let contentCreatorId: Int
+    let audioContentId: Int
+    let commentItem: GetAudioContentCommentListItem
     let isReplyComment: Bool
+    let isShowPopupMenuButton: Bool
+    
+    let modifyComment: (Int, String) -> Void
+    let onClickDelete: (Int) -> Void
+    
+    @State var isShowPopupMenu: Bool = false
+    @State var isModeModify: Bool = false
+    @State var comment: String = ""
     
     var body: some View {
-        VStack(alignment: .leading, spacing: 0) {
-            HStack(spacing: 6.7) {
-                KFImage(URL(string: comment.profileUrl))
-                    .resizable()
-                    .frame(width: 40, height: 40)
-                    .clipShape(Circle())
-                
-                VStack(alignment: .leading, spacing: 0) {
-                    Text(comment.nickname)
-                        .font(.custom(Font.medium.rawValue, size: 13.3))
-                        .foregroundColor(Color(hex: "eeeeee"))
-                    
-                    Text(comment.date)
-                        .font(.custom(Font.medium.rawValue, size: 10.3))
-                        .foregroundColor(Color(hex: "525252"))
-                        .padding(.top, 4)
-                }
-                
-                Spacer()
-            }
-            
-            if comment.donationCan > 0 {
-                HStack(spacing: 3) {
-                    Image("ic_can")
+        ZStack(alignment: .topTrailing) {
+            VStack(alignment: .leading, spacing: 0) {
+                HStack(spacing: 6.7) {
+                    KFImage(URL(string: commentItem.profileUrl))
                         .resizable()
-                        .frame(width: 13.3, height: 13.3)
+                        .frame(width: 40, height: 40)
+                        .clipShape(Circle())
                     
-                    Text("\(comment.donationCan)")
-                        .font(.custom(Font.bold.rawValue, size: 12))
-                        .foregroundColor(.white)
-                }
-                .padding(.horizontal, 6.7)
-                .padding(.vertical, 2.7)
-                .background(
-                    comment.donationCan >= 100000 ? Color(hex: "973a3a") :
-                        comment.donationCan >= 50000 ? Color(hex: "d85e37") :
-                        comment.donationCan >= 10000 ? Color(hex: "d38c38") :
-                        comment.donationCan >= 5000 ? Color(hex: "59548f") :
-                        comment.donationCan >= 1000 ? Color(hex: "4d6aa4") :
-                        comment.donationCan >= 500 ? Color(hex: "2d7390") :
-                        Color(hex: "548f7d")
-                )
-                .cornerRadius(10.7)
-                .padding(.leading, 46.7)
-                .padding(.bottom, 5)
-            }
-            
-            HStack(spacing: 0) {
-                VStack(alignment: .leading, spacing: 13.3) {
-                    Text(comment.comment)
-                        .font(.custom(Font.medium.rawValue, size: 12))
-                        .foregroundColor(Color(hex: "777777"))
-                        .fixedSize(horizontal: false, vertical: true)
-                        .padding(.top, comment.donationCan > 0 ? 0 : 13.3)
-                    
-                    if !isReplyComment {
-                        Text(comment.replyCount > 0 ? "답글 \(comment.replyCount)개" : "답글 쓰기")
+                    VStack(alignment: .leading, spacing: 0) {
+                        Text(commentItem.nickname)
                             .font(.custom(Font.medium.rawValue, size: 13.3))
-                            .foregroundColor(Color(hex: "9970ff"))
+                            .foregroundColor(Color(hex: "eeeeee"))
+                        
+                        Text(commentItem.date)
+                            .font(.custom(Font.medium.rawValue, size: 10.3))
+                            .foregroundColor(Color(hex: "525252"))
+                            .padding(.top, 4)
+                    }
+                    
+                    Spacer()
+                    
+                    if isShowPopupMenuButton && (contentCreatorId == UserDefaults.int(forKey: .userId) || commentItem.writerId == UserDefaults.int(forKey: .userId)) {
+                        Image("ic_seemore_vertical")
+                            .onTapGesture { isShowPopupMenu.toggle() }
                     }
                 }
                 
-                Spacer()
+                if commentItem.donationCan > 0 {
+                    HStack(spacing: 3) {
+                        Image("ic_can")
+                            .resizable()
+                            .frame(width: 13.3, height: 13.3)
+                        
+                        Text("\(commentItem.donationCan)")
+                            .font(.custom(Font.bold.rawValue, size: 12))
+                            .foregroundColor(.white)
+                    }
+                    .padding(.horizontal, 6.7)
+                    .padding(.vertical, 2.7)
+                    .background(
+                        commentItem.donationCan >= 10000 ? Color(hex: "973a3a") :
+                            commentItem.donationCan >= 5000 ? Color(hex: "d85e37") :
+                            commentItem.donationCan >= 1000 ? Color(hex: "d38c38") :
+                            commentItem.donationCan >= 500 ? Color(hex: "59548f") :
+                            commentItem.donationCan >= 100 ? Color(hex: "4d6aa4") :
+                            commentItem.donationCan >= 50 ? Color(hex: "2d7390") :
+                            Color(hex: "548f7d")
+                    )
+                    .cornerRadius(10.7)
+                    .padding(.leading, 46.7)
+                    .padding(.bottom, 5)
+                }
+                
+                HStack(spacing: 0) {
+                    if isModeModify {
+                        HStack(spacing: 0) {
+                            TextField("댓글을 입력해 보세요.", text: $comment)
+                                .autocapitalization(.none)
+                                .disableAutocorrection(true)
+                                .font(.custom(Font.medium.rawValue, size: 13.3))
+                                .foregroundColor(Color(hex: "eeeeee"))
+                                .accentColor(Color(hex: "3bb9f1"))
+                                .keyboardType(.default)
+                                .padding(.horizontal, 13.3)
+                            
+                            Spacer()
+                            
+                            Image("btn_message_send")
+                                .resizable()
+                                .frame(width: 35, height: 35)
+                                .padding(6.7)
+                                .onTapGesture {
+                                    hideKeyboard()
+                                    if commentItem.comment != comment {
+                                        modifyComment(commentItem.id, comment)
+                                    }
+                                    isModeModify = false
+                                }
+                        }
+                        .background(Color(hex: "232323"))
+                        .cornerRadius(10)
+                        .overlay(
+                            RoundedRectangle(cornerRadius: 10)
+                                .strokeBorder(lineWidth: 1)
+                                .foregroundColor(Color(hex: "3bb9f1"))
+                        )
+                    } else {
+                        VStack(alignment: .leading, spacing: 13.3) {
+                            Text(commentItem.comment)
+                                .font(.custom(Font.medium.rawValue, size: 12))
+                                .foregroundColor(Color(hex: "777777"))
+                                .fixedSize(horizontal: false, vertical: true)
+                                .padding(.top, commentItem.donationCan > 0 ? 0 : 13.3)
+                            
+                            if !isReplyComment {
+                                NavigationLink(
+                                    destination: AudioContentListReplyView(
+                                        creatorId: contentCreatorId,
+                                        audioContentId: audioContentId,
+                                        parentComment: commentItem
+                                    )
+                                ) {
+                                    Text(commentItem.replyCount > 0 ? "답글 \(commentItem.replyCount)개" : "답글 쓰기")
+                                        .font(.custom(Font.medium.rawValue, size: 13.3))
+                                        .foregroundColor(Color(hex: "9970ff"))
+                                }
+                            }
+                        }
+                    }
+                    
+                    Spacer()
+                }
+                .padding(.leading, 46.7)
+                
+                Rectangle()
+                    .foregroundColor(Color(hex: "595959"))
+                    .frame(height: 0.5)
+                    .padding(.top, 16.7)
             }
-            .padding(.leading, 46.7)
             
-            Rectangle()
-                .foregroundColor(Color(hex: "595959"))
-                .frame(height: 0.5)
-                .padding(.top, 16.7)
+            if isShowPopupMenu {
+                VStack(spacing: 10) {                    
+                    if commentItem.writerId == UserDefaults.int(forKey: .userId) {
+                        Text("수정")
+                            .font(.custom(Font.medium.rawValue, size: 14))
+                            .foregroundColor(Color(hex: "777777"))
+                            .onTapGesture {
+                                isModeModify = true
+                                isShowPopupMenu = false
+                            }
+                    }
+                    
+                    if contentCreatorId == UserDefaults.int(forKey: .userId) ||
+                        commentItem.writerId == UserDefaults.int(forKey: .userId)
+                    {
+                        Text("삭제")
+                            .font(.custom(Font.medium.rawValue, size: 14))
+                            .foregroundColor(Color(hex: "777777"))
+                            .onTapGesture {
+                                onClickDelete(commentItem.id)
+                                isShowPopupMenu = false
+                            }
+                    }
+                }
+                .padding(10)
+                .background(Color(hex: "222222"))
+            }
         }
+        .onAppear { comment = commentItem.comment }
     }
 }

SodaLive/Sources/Content/Detail/Comment/AudioContentCommentListView.swift

@@ -11,10 +11,15 @@ import Kingfisher
 struct AudioContentCommentListView: View {
     
     @Binding var isPresented: Bool
+    
+    let creatorId: Int
     let audioContentId: Int
     
     @StateObject var viewModel = AudioContentCommentListViewModel()
     
+    @State private var commentId: Int = 0
+    @State private var isShowDeletePopup: Bool = false
+    
     var body: some View {
         NavigationView {
             ZStack {
@@ -59,7 +64,7 @@ struct AudioContentCommentListView: View {
                                 .disableAutocorrection(true)
                                 .font(.custom(Font.medium.rawValue, size: 13.3))
                                 .foregroundColor(Color(hex: "eeeeee"))
-                                .accentColor(Color(hex: "9970ff"))
+                                .accentColor(Color(hex: "3bb9f1"))
                                 .keyboardType(.default)
                                 .padding(.horizontal, 13.3)
                             
@@ -79,7 +84,7 @@ struct AudioContentCommentListView: View {
                         .overlay(
                             RoundedRectangle(cornerRadius: 10)
                                 .strokeBorder(lineWidth: 1)
-                                .foregroundColor(Color(hex: "9970ff"))
+                                .foregroundColor(Color(hex: "3bb9f1"))
                         )
                         
                         Spacer()
@@ -97,13 +102,22 @@ struct AudioContentCommentListView: View {
                         LazyVStack(spacing: 13.3) {
                             ForEach(0..<viewModel.commentList.count, id: \.self) { index in
                                 let comment = viewModel.commentList[index]
-                                NavigationLink {
-                                    AudioContentListReplyView(
+                                VStack {
+                                    AudioContentCommentItemView(
+                                        contentCreatorId: creatorId,
                                         audioContentId: audioContentId,
-                                        parentComment: comment
+                                        commentItem: comment,
+                                        isReplyComment: false,
+                                        isShowPopupMenuButton: true,
+                                        modifyComment: { commentId, comment in
+                                            hideKeyboard()
+                                            viewModel.modifyComment(commentId: commentId, audioContentId: audioContentId, comment: comment)
+                                        },
+                                        onClickDelete: {
+                                            commentId = $0
+                                            isShowDeletePopup = true
+                                        }
                                     )
-                                } label: {
-                                    AudioContentCommentItemView(comment: comment, isReplyComment: false)
                                     .padding(.horizontal, 26.7)
                                     .onAppear {
                                         if index == viewModel.commentList.count - 1 {
@@ -116,6 +130,24 @@ struct AudioContentCommentListView: View {
                     }
                 }
                 
+                if isShowDeletePopup && commentId > 0 {
+                    SodaDialog(
+                        title: "댓글 삭제",
+                        desc: "삭제하시겠습니까?",
+                        confirmButtonTitle: "삭제",
+                        confirmButtonAction: {
+                            viewModel.modifyComment(commentId: commentId, audioContentId: audioContentId, isActive: false)
+                            commentId = 0
+                            isShowDeletePopup = false
+                        },
+                        cancelButtonTitle: "취소",
+                        cancelButtonAction: {
+                            commentId = 0
+                            isShowDeletePopup = false
+                        }
+                    )
+                }
+                
                 if viewModel.isLoading {
                     LoadingView()
                 }

SodaLive/Sources/Content/Detail/Comment/AudioContentCommentListViewModel.swift

@@ -121,4 +121,77 @@ class AudioContentCommentListViewModel: ObservableObject {
             }
             .store(in: &subscription)
     }
+    
+    func modifyComment(
+        commentId: Int,
+        audioContentId: Int,
+        comment: String? = nil,
+        isActive: Bool? = nil
+    ) {
+        if comment == nil && isActive == nil {
+            errorMessage = "변경사항이 없습니다."
+            isShowPopup = true
+            return
+        }
+        
+        if let comment = comment, comment.trimmingCharacters(in: .whitespaces).isEmpty {
+            errorMessage = "내용을 입력하세요."
+            isShowPopup = true
+            return
+        }
+        
+        isLoading = true
+        
+        var request = ModifyCommentRequest(commentId: commentId)
+        
+        if let comment = comment {
+            request.comment = comment
+        }
+        
+        if let isActive = isActive {
+            request.isActive = isActive
+        }
+        
+        repository.modifyComment(request: request)
+            .sink { result in
+                switch result {
+                case .finished:
+                    DEBUG_LOG("finish")
+                case .failure(let error):
+                    ERROR_LOG(error.localizedDescription)
+                }
+            } receiveValue: { [unowned self] response in
+                self.isLoading = false
+                let responseData = response.data
+                
+                do {
+                    let jsonDecoder = JSONDecoder()
+                    let decoded = try jsonDecoder.decode(ApiResponseWithoutData.self, from: responseData)
+                    
+                    if decoded.success {
+                        self.comment = ""
+                        self.page = 1
+                        self.isLast = false
+                        
+                        self.commentList.removeAll()
+                        DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
+                            self.getCommentList()
+                        }
+                    } else {
+                        if let message = decoded.message {
+                            self.errorMessage = message
+                        } else {
+                            self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                        }
+                        
+                        self.isShowPopup = true
+                    }
+                } catch {
+                    self.isLoading = false
+                    self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                    self.isShowPopup = true
+                }
+            }
+            .store(in: &subscription)
+    }
 }

SodaLive/Sources/Content/Detail/Comment/AudioContentListReplyView.swift

@@ -10,12 +10,16 @@ import Kingfisher
 
 struct AudioContentListReplyView: View {
     
+    let creatorId: Int
     let audioContentId: Int
     let parentComment: GetAudioContentCommentListItem
     
     @Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
     @StateObject var viewModel = AudioContentListReplyViewModel()
     
+    @State private var commentId: Int = 0
+    @State private var isShowDeletePopup: Bool = false
+    
     var body: some View {
         ZStack {
             VStack(spacing: 0) {
@@ -53,7 +57,7 @@ struct AudioContentListReplyView: View {
                             .disableAutocorrection(true)
                             .font(.custom(Font.medium.rawValue, size: 13.3))
                             .foregroundColor(Color(hex: "eeeeee"))
-                            .accentColor(Color(hex: "9970ff"))
+                            .accentColor(Color(hex: "3bb9f1"))
                             .keyboardType(.default)
                             .padding(.horizontal, 13.3)
                         
@@ -73,7 +77,7 @@ struct AudioContentListReplyView: View {
                     .overlay(
                         RoundedRectangle(cornerRadius: 10)
                             .strokeBorder(lineWidth: 1)
-                            .foregroundColor(Color(hex: "9970ff"))
+                            .foregroundColor(Color(hex: "3bb9f1"))
                     )
                     
                     Spacer()
@@ -87,7 +91,15 @@ struct AudioContentListReplyView: View {
                     .padding(.bottom, 13.3)
                     .padding(.horizontal, 13.3)
                 
-                AudioContentCommentItemView(comment: parentComment, isReplyComment: true)
+                AudioContentCommentItemView(
+                    contentCreatorId: creatorId,
+                    audioContentId: audioContentId,
+                    commentItem: parentComment,
+                    isReplyComment: true,
+                    isShowPopupMenuButton: false,
+                    modifyComment: { _, _ in },
+                    onClickDelete: { _ in }
+                )
                     .padding(.horizontal, 26.7)
                     .padding(.bottom, 13.3)
                 
@@ -95,7 +107,21 @@ struct AudioContentListReplyView: View {
                     LazyVStack(spacing: 13.3) {
                         ForEach(0..<viewModel.commentList.count, id: \.self) { index in
                             let comment = viewModel.commentList[index]
-                            AudioContentCommentItemView(comment: comment, isReplyComment: true)
+                            AudioContentCommentItemView(
+                                contentCreatorId: creatorId,
+                                audioContentId: audioContentId,
+                                commentItem: comment,
+                                isReplyComment: true,
+                                isShowPopupMenuButton: true,
+                                modifyComment: { commentId, comment in
+                                    hideKeyboard()
+                                    viewModel.modifyComment(commentId: commentId, audioContentId: audioContentId, comment: comment)
+                                },
+                                onClickDelete: {
+                                    commentId = $0
+                                    isShowDeletePopup = true
+                                }
+                            )
                                 .padding(.horizontal, 40)
                                 .onAppear {
                                     if index == viewModel.commentList.count - 1 {
@@ -108,6 +134,28 @@ struct AudioContentListReplyView: View {
             }
             .navigationTitle("")
             .navigationBarBackButtonHidden()
+            
+            if isShowDeletePopup && commentId > 0 {
+                SodaDialog(
+                    title: "댓글 삭제",
+                    desc: "삭제하시겠습니까?",
+                    confirmButtonTitle: "삭제",
+                    confirmButtonAction: {
+                        viewModel.modifyComment(commentId: commentId, audioContentId: audioContentId, isActive: false)
+                        commentId = 0
+                        isShowDeletePopup = false
+                    },
+                    cancelButtonTitle: "취소",
+                    cancelButtonAction: {
+                        commentId = 0
+                        isShowDeletePopup = false
+                    }
+                )
+            }
+            
+            if viewModel.isLoading {
+                LoadingView()
+            }
         }
         .onAppear {
             viewModel.audioContentId = audioContentId

SodaLive/Sources/Content/Detail/Comment/AudioContentListReplyViewModel.swift

@@ -121,4 +121,77 @@ final class AudioContentListReplyViewModel: ObservableObject {
             }
             .store(in: &subscription)
     }
+    
+    func modifyComment(
+        commentId: Int,
+        audioContentId: Int,
+        comment: String? = nil,
+        isActive: Bool? = nil
+    ) {
+        if comment == nil && isActive == nil {
+            errorMessage = "변경사항이 없습니다."
+            isShowPopup = true
+            return
+        }
+        
+        if let comment = comment, comment.trimmingCharacters(in: .whitespaces).isEmpty {
+            errorMessage = "내용을 입력하세요."
+            isShowPopup = true
+            return
+        }
+        
+        isLoading = true
+        
+        var request = ModifyCommentRequest(commentId: commentId)
+        
+        if let comment = comment {
+            request.comment = comment
+        }
+        
+        if let isActive = isActive {
+            request.isActive = isActive
+        }
+        
+        repository.modifyComment(request: request)
+            .sink { result in
+                switch result {
+                case .finished:
+                    DEBUG_LOG("finish")
+                case .failure(let error):
+                    ERROR_LOG(error.localizedDescription)
+                }
+            } receiveValue: { [unowned self] response in
+                self.isLoading = false
+                let responseData = response.data
+                
+                do {
+                    let jsonDecoder = JSONDecoder()
+                    let decoded = try jsonDecoder.decode(ApiResponseWithoutData.self, from: responseData)
+                    
+                    if decoded.success {
+                        self.comment = ""
+                        self.page = 1
+                        self.isLast = false
+                        
+                        self.commentList.removeAll()
+                        DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
+                            self.getCommentList()
+                        }
+                    } else {
+                        if let message = decoded.message {
+                            self.errorMessage = message
+                        } else {
+                            self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                        }
+                        
+                        self.isShowPopup = true
+                    }
+                } catch {
+                    self.isLoading = false
+                    self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
+                    self.isShowPopup = true
+                }
+            }
+            .store(in: &subscription)
+    }
 }

SodaLive/Sources/Content/Detail/Comment/ContentDetailCommentView.swift

@@ -58,7 +58,7 @@ struct ContentDetailCommentView: View {
                             .disableAutocorrection(true)
                             .font(.custom(Font.medium.rawValue, size: 13.3))
                             .foregroundColor(Color(hex: "eeeeee"))
-                            .accentColor(Color(hex: "9970ff"))
+                            .accentColor(Color(hex: "3bb9f1"))
                             .keyboardType(.default)
                             .padding(.horizontal, 13.3)
                         
@@ -78,7 +78,7 @@ struct ContentDetailCommentView: View {
                     .overlay(
                         RoundedRectangle(cornerRadius: 10)
                             .strokeBorder(lineWidth: 1)
-                            .foregroundColor(Color(hex: "9970ff"))
+                            .foregroundColor(Color(hex: "3bb9f1"))
                     )
                 }
                 

SodaLive/Sources/Content/Detail/Comment/ModifyCommentRequest.swift

@@ -0,0 +1,12 @@
+//
+//  ModifyCommentRequest.swift
+//  SodaLive
+//
+//  Created by klaus on 2023/09/08.
+//
+
+struct ModifyCommentRequest: Encodable {
+    let commentId: Int
+    var comment: String? = nil
+    var isActive: Bool? = nil
+}

SodaLive/Sources/Content/Detail/ContentDetailInfoView.swift

@@ -21,6 +21,16 @@ struct ContentDetailInfoView: View {
         VStack(alignment: .leading, spacing: 0) {
             VStack(alignment: .leading, spacing: 8) {
                 HStack(spacing: 5.3) {
+                    if let _ = audioContent.releaseDate {
+                        Text("오픈예정")
+                            .font(.custom(Font.medium.rawValue, size: 12))
+                            .foregroundColor(Color(hex: "3bb9f1"))
+                            .padding(.horizontal, 5.3)
+                            .padding(.vertical, 3.3)
+                            .background(Color(hex: "003851"))
+                            .cornerRadius(2.6)
+                    }
+                    
                     Text(audioContent.themeStr)
                         .font(.custom(Font.medium.rawValue, size: 12))
                         .foregroundColor(Color(hex: "3bac6a"))

SodaLive/Sources/Content/Detail/ContentDetailMenuView.swift

@@ -11,7 +11,10 @@ struct ContentDetailMenuView: View {
     
     @Binding var isShowing: Bool
     
+    let isPin: Bool
     let isShowCreatorMenu: Bool
+    
+    let pinAction: () -> Void
     let modifyAction: () -> Void
     let deleteAction: () -> Void
     let reportAction: () -> Void
@@ -28,7 +31,26 @@ struct ContentDetailMenuView: View {
                 
                 VStack(spacing: 13.3) {
                     if isShowCreatorMenu {
-                        HStack(spacing: 0) {
+                        HStack(spacing: 13.3) {
+                            Image(isPin ? "ic_pin_cancel" : "ic_pin")
+                            
+                            Text(isPin ? "내 채널에 고정 취소" : "내 채널에 고정")
+                                .font(.custom(Font.medium.rawValue, size: 16.7))
+                                .foregroundColor(.white)
+                            
+                            Spacer()
+                        }
+                        .padding(.vertical, 8)
+                        .padding(.horizontal, 26.7)
+                        .contentShape(Rectangle())
+                        .onTapGesture {
+                            isShowing = false
+                            pinAction()
+                        }
+                        
+                        HStack(spacing: 13.3) {
+                            Image("ic_make_message")
+                            
                             Text("수정")
                                 .font(.custom(Font.medium.rawValue, size: 16.7))
                                 .foregroundColor(.white)
@@ -43,7 +65,9 @@ struct ContentDetailMenuView: View {
                             modifyAction()
                         }
                         
-                        HStack(spacing: 0) {
+                        HStack(spacing: 13.3) {
+                            Image("ic_trash_can")
+                            
                             Text("삭제")
                                 .font(.custom(Font.medium.rawValue, size: 16.7))
                                 .foregroundColor(.white)

SodaLive/Sources/Content/Detail/ContentDetailOtherContentView.swift

@@ -43,7 +43,7 @@ struct ContentDetailOtherContentView: View {
                 }
                 .padding(13.3)
                 .frame(maxWidth: .infinity)
-                .background(Color(hex: "2b2635"))
+                .background(Color(hex: "13181b"))
                 .cornerRadius(4.7)
             }
         }

SodaLive/Sources/Content/Detail/ContentDetailPlayView.swift

@@ -12,6 +12,7 @@ import Sliders
 struct ContentDetailPlayView: View {
     
     let audioContent: GetAudioContentDetailResponse
+    let isAlertPreview: Bool
     @Binding var isShowPreviewAlert: Bool
     
     @StateObject var contentPlayManager = ContentPlayManager.shared
@@ -34,26 +35,28 @@ struct ContentDetailPlayView: View {
                     )
                     .cornerRadius(10.7, corners: [.topLeft, .topRight])
                 
-                Image(isPlaying() ? "btn_audio_content_pause" : "btn_audio_content_play")
-                    .onTapGesture {
-                        if isPlaying() {
-                            contentPlayManager.pauseAudio()
-                        } else {
-                            contentPlayManager.startTimer = startTimer
-                            contentPlayManager.stopTimer = stopTimer
-                            
-                            contentPlayManager.playAudio(
-                                contentId: audioContent.contentId,
-                                title: audioContent.title,
-                                nickname: audioContent.creator.nickname,
-                                coverImage: audioContent.coverImageUrl,
-                                contentUrl: audioContent.contentUrl,
-                                isFree: audioContent.price <= 0,
-                                isPreview: !audioContent.existOrdered && audioContent.price > 0
-                            )
-                            isShowPreviewAlert = true
+                if audioContent.releaseDate == nil && !isAlertPreview || (isAlertPreview && audioContent.isActivePreview) {
+                    Image(isPlaying() ? "btn_audio_content_pause" : isAlertPreview ? "btn_audio_content_preview_play" : "btn_audio_content_play")
+                        .onTapGesture {
+                            if isPlaying() {
+                                contentPlayManager.pauseAudio()
+                            } else {
+                                contentPlayManager.startTimer = startTimer
+                                contentPlayManager.stopTimer = stopTimer
+                                
+                                contentPlayManager.playAudio(
+                                    contentId: audioContent.contentId,
+                                    title: audioContent.title,
+                                    nickname: audioContent.creator.nickname,
+                                    coverImage: audioContent.coverImageUrl,
+                                    contentUrl: audioContent.contentUrl,
+                                    isFree: audioContent.price <= 0,
+                                    isPreview: !audioContent.existOrdered && audioContent.price > 0
+                                )
+                                isShowPreviewAlert = true
+                            }
                         }
-                    }
+                }
                 
                 VStack(alignment: .leading, spacing: 13.3) {
                     Spacer()