diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 636fba72..58b7f025 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -15,8 +15,15 @@ jobs:
       - uses: actions/checkout@v4
       - uses: subosito/flutter-action@v2
         with:
-          flutter-version: 3.x
-          
+          flutter-version: 3.19.6
+
+      - name: Make dotenv
+        run: |
+          touch .env
+          echo "${{ secrets.ENV }}" > .env
+          ls
+        shell: bash    
+      
       - name: Install packages
         run: flutter pub get
         
@@ -30,7 +37,14 @@ jobs:
       - uses: actions/checkout@v4
       - uses: subosito/flutter-action@v2
         with:
-          flutter-version: 3.x
+          flutter-version: 3.19.6
+
+      - name: Make dotenv
+        run: |
+          touch .env
+          echo "${{ secrets.ENV }}" > .env
+          ls
+        shell: bash    
           
       - name: Install packages
         run: flutter pub get
diff --git a/android/app/build.gradle b/android/app/build.gradle
index 0f18d83d..4cf966d4 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -24,7 +24,7 @@ if (flutterVersionName == null) {
 
 android {
     namespace "team.weather.weaco"
-    compileSdk flutter.compileSdkVersion
+    compileSdkVersion 34
     ndkVersion flutter.ndkVersion
 
     compileOptions {
@@ -45,7 +45,7 @@ android {
         applicationId "team.weather.weaco"
         // You can update the following values to match your application needs.
         // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration.
-        minSdkVersion flutter.minSdkVersion
+        minSdkVersion 24
         targetSdkVersion flutter.targetSdkVersion
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName
diff --git a/android/app/google-services.json b/android/app/google-services.json
new file mode 100644
index 00000000..0c5fa49c
--- /dev/null
+++ b/android/app/google-services.json
@@ -0,0 +1,29 @@
+{
+  "project_info": {
+    "project_number": "126221191414",
+    "project_id": "weaco-f9878",
+    "storage_bucket": "weaco-f9878.appspot.com"
+  },
+  "client": [
+    {
+      "client_info": {
+        "mobilesdk_app_id": "1:126221191414:android:be55a82fd5473a1a5c44d7",
+        "android_client_info": {
+          "package_name": "team.weather.weaco"
+        }
+      },
+      "oauth_client": [],
+      "api_key": [
+        {
+          "current_key": "AIzaSyBm8pwYatNWlESmohWT-YuuwqTgQ9akLHk"
+        }
+      ],
+      "services": {
+        "appinvite_service": {
+          "other_platform_oauth_client": []
+        }
+      }
+    }
+  ],
+  "configuration_version": "1"
+}
\ No newline at end of file
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 342acb3d..48bb543a 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -1,8 +1,22 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <uses-permission
+        android:name="android.permission.ACCESS_FINE_LOCATION"/>
+    <uses-permission
+        android:name="android.permission.ACCESS_COARSE_LOCATION"/>
+    <uses-permission
+        android:name="android.permission.CAMERA"/>
+    <uses-permission
+        android:name="android.permission.READ_EXTERNAL_STORAGE"/>
+    <uses-permission
+        android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
     <application
         android:label="weaco"
         android:name="${applicationName}"
-        android:icon="@mipmap/ic_launcher">
+        android:icon="@mipmap/ic_launcher"
+        android:enableOnBackInvokedCallback="true">
+        <activity
+            android:name="com.yalantis.ucrop.UCropActivity"
+            android:theme="@style/Theme.AppCompat.Light.NoActionBar"/>
         <activity
             android:name=".MainActivity"
             android:exported="true"
@@ -16,9 +30,8 @@
                  while the Flutter UI initializes. After that, this theme continues
                  to determine the Window background behind the Flutter UI. -->
             <meta-data
-              android:name="io.flutter.embedding.android.NormalTheme"
-              android:resource="@style/NormalTheme"
-              />
+                android:name="io.flutter.embedding.android.NormalTheme"
+                android:resource="@style/NormalTheme"/>
             <intent-filter>
                 <action android:name="android.intent.action.MAIN"/>
                 <category android:name="android.intent.category.LAUNCHER"/>
@@ -28,7 +41,7 @@
              This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
         <meta-data
             android:name="flutterEmbedding"
-            android:value="2" />
+            android:value="2"/>
     </application>
     <!-- Required to query activities that can process text, see:
          https://developer.android.com/training/package-visibility?hl=en and
@@ -37,8 +50,10 @@
          In particular, this is used by the Flutter engine in io.flutter.plugin.text.ProcessTextPlugin. -->
     <queries>
         <intent>
-            <action android:name="android.intent.action.PROCESS_TEXT"/>
-            <data android:mimeType="text/plain"/>
+            <action
+                android:name="android.intent.action.PROCESS_TEXT"/>
+            <data
+                android:mimeType="text/plain"/>
         </intent>
     </queries>
-</manifest>
+</manifest>
\ No newline at end of file
diff --git a/android/app/src/main/ic_launcher-playstore.png b/android/app/src/main/ic_launcher-playstore.png
new file mode 100644
index 00000000..f87b9bb0
Binary files /dev/null and b/android/app/src/main/ic_launcher-playstore.png differ
diff --git a/android/app/src/main/res/drawable-hdpi/android12splash.png b/android/app/src/main/res/drawable-hdpi/android12splash.png
new file mode 100644
index 00000000..e64637ce
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-hdpi/splash.png b/android/app/src/main/res/drawable-hdpi/splash.png
new file mode 100644
index 00000000..e64637ce
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/android12splash.png b/android/app/src/main/res/drawable-mdpi/android12splash.png
new file mode 100644
index 00000000..d855ee85
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/splash.png b/android/app/src/main/res/drawable-mdpi/splash.png
new file mode 100644
index 00000000..d855ee85
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-night-hdpi/android12splash.png b/android/app/src/main/res/drawable-night-hdpi/android12splash.png
new file mode 100644
index 00000000..e64637ce
Binary files /dev/null and b/android/app/src/main/res/drawable-night-hdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-night-mdpi/android12splash.png b/android/app/src/main/res/drawable-night-mdpi/android12splash.png
new file mode 100644
index 00000000..d855ee85
Binary files /dev/null and b/android/app/src/main/res/drawable-night-mdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-night-xhdpi/android12splash.png b/android/app/src/main/res/drawable-night-xhdpi/android12splash.png
new file mode 100644
index 00000000..4208e100
Binary files /dev/null and b/android/app/src/main/res/drawable-night-xhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-night-xxhdpi/android12splash.png b/android/app/src/main/res/drawable-night-xxhdpi/android12splash.png
new file mode 100644
index 00000000..4c45f84b
Binary files /dev/null and b/android/app/src/main/res/drawable-night-xxhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-night-xxxhdpi/android12splash.png b/android/app/src/main/res/drawable-night-xxxhdpi/android12splash.png
new file mode 100644
index 00000000..875bd06c
Binary files /dev/null and b/android/app/src/main/res/drawable-night-xxxhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-v21/background.png b/android/app/src/main/res/drawable-v21/background.png
new file mode 100644
index 00000000..3107d37f
Binary files /dev/null and b/android/app/src/main/res/drawable-v21/background.png differ
diff --git a/android/app/src/main/res/drawable-v21/launch_background.xml b/android/app/src/main/res/drawable-v21/launch_background.xml
index f74085f3..3cc4948a 100644
--- a/android/app/src/main/res/drawable-v21/launch_background.xml
+++ b/android/app/src/main/res/drawable-v21/launch_background.xml
@@ -1,12 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Modify this file to customize your launch splash screen -->
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="?android:colorBackground" />
-
-    <!-- You can insert your own image assets here -->
-    <!-- <item>
-        <bitmap
-            android:gravity="center"
-            android:src="@mipmap/launch_image" />
-    </item> -->
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
+    </item>
+    <item>
+        <bitmap android:gravity="center" android:src="@drawable/splash"/>
+    </item>
 </layer-list>
diff --git a/android/app/src/main/res/drawable-xhdpi/android12splash.png b/android/app/src/main/res/drawable-xhdpi/android12splash.png
new file mode 100644
index 00000000..4208e100
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/splash.png b/android/app/src/main/res/drawable-xhdpi/splash.png
new file mode 100644
index 00000000..4208e100
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/android12splash.png b/android/app/src/main/res/drawable-xxhdpi/android12splash.png
new file mode 100644
index 00000000..4c45f84b
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/splash.png b/android/app/src/main/res/drawable-xxhdpi/splash.png
new file mode 100644
index 00000000..4c45f84b
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/android12splash.png b/android/app/src/main/res/drawable-xxxhdpi/android12splash.png
new file mode 100644
index 00000000..875bd06c
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/splash.png b/android/app/src/main/res/drawable-xxxhdpi/splash.png
new file mode 100644
index 00000000..875bd06c
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable/background.png b/android/app/src/main/res/drawable/background.png
new file mode 100644
index 00000000..3107d37f
Binary files /dev/null and b/android/app/src/main/res/drawable/background.png differ
diff --git a/android/app/src/main/res/drawable/launch_background.xml b/android/app/src/main/res/drawable/launch_background.xml
index 304732f8..3cc4948a 100644
--- a/android/app/src/main/res/drawable/launch_background.xml
+++ b/android/app/src/main/res/drawable/launch_background.xml
@@ -1,12 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Modify this file to customize your launch splash screen -->
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="@android:color/white" />
-
-    <!-- You can insert your own image assets here -->
-    <!-- <item>
-        <bitmap
-            android:gravity="center"
-            android:src="@mipmap/launch_image" />
-    </item> -->
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
+    </item>
+    <item>
+        <bitmap android:gravity="center" android:src="@drawable/splash"/>
+    </item>
 </layer-list>
diff --git a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
new file mode 100644
index 00000000..036d09bc
--- /dev/null
+++ b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+</adaptive-icon>
\ No newline at end of file
diff --git a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
new file mode 100644
index 00000000..036d09bc
--- /dev/null
+++ b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+</adaptive-icon>
\ No newline at end of file
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
deleted file mode 100644
index db77bb4b..00000000
Binary files a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png and /dev/null differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher.webp b/android/app/src/main/res/mipmap-hdpi/ic_launcher.webp
new file mode 100644
index 00000000..d9fa8e07
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher.webp differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.webp b/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.webp
new file mode 100644
index 00000000..40f04710
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.webp differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp
new file mode 100644
index 00000000..eb3520d6
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
deleted file mode 100644
index 17987b79..00000000
Binary files a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png and /dev/null differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher.webp b/android/app/src/main/res/mipmap-mdpi/ic_launcher.webp
new file mode 100644
index 00000000..093a03fd
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher.webp differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.webp b/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.webp
new file mode 100644
index 00000000..2b01b2b0
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.webp differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp
new file mode 100644
index 00000000..73f275d3
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
deleted file mode 100644
index 09d43914..00000000
Binary files a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png and /dev/null differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.webp b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.webp
new file mode 100644
index 00000000..8de89600
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.webp differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.webp b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.webp
new file mode 100644
index 00000000..57cb75b8
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.webp differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
new file mode 100644
index 00000000..0ad7e2fb
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
deleted file mode 100644
index d5f1c8d3..00000000
Binary files a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png and /dev/null differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp
new file mode 100644
index 00000000..77d4fe0f
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.webp b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.webp
new file mode 100644
index 00000000..e45a5903
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.webp differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
new file mode 100644
index 00000000..0d8b852a
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
deleted file mode 100644
index 4d6372ee..00000000
Binary files a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png and /dev/null differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
new file mode 100644
index 00000000..73831747
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.webp b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.webp
new file mode 100644
index 00000000..cb640741
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.webp differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
new file mode 100644
index 00000000..4c510c41
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp differ
diff --git a/android/app/src/main/res/values-night-v31/styles.xml b/android/app/src/main/res/values-night-v31/styles.xml
new file mode 100644
index 00000000..aa00c815
--- /dev/null
+++ b/android/app/src/main/res/values-night-v31/styles.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
+        <item name="android:windowSplashScreenBackground">#FFFFFF</item>
+        <item name="android:windowSplashScreenAnimatedIcon">@drawable/android12splash</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+         
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>
diff --git a/android/app/src/main/res/values-night/styles.xml b/android/app/src/main/res/values-night/styles.xml
index 06952be7..dbc9ea9f 100644
--- a/android/app/src/main/res/values-night/styles.xml
+++ b/android/app/src/main/res/values-night/styles.xml
@@ -5,6 +5,10 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              the Flutter engine draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
diff --git a/android/app/src/main/res/values-v31/styles.xml b/android/app/src/main/res/values-v31/styles.xml
new file mode 100644
index 00000000..dbdf6f90
--- /dev/null
+++ b/android/app/src/main/res/values-v31/styles.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
+        <item name="android:windowSplashScreenBackground">#FFFFFF</item>
+        <item name="android:windowSplashScreenAnimatedIcon">@drawable/android12splash</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+         
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>
diff --git a/android/app/src/main/res/values/ic_launcher_background.xml b/android/app/src/main/res/values/ic_launcher_background.xml
new file mode 100644
index 00000000..c5d5899f
--- /dev/null
+++ b/android/app/src/main/res/values/ic_launcher_background.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="ic_launcher_background">#FFFFFF</color>
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index cb1ef880..0d1fa8fc 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -5,6 +5,10 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              the Flutter engine draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
diff --git a/android/settings.gradle b/android/settings.gradle
index 1d6d19b7..3434cf57 100644
--- a/android/settings.gradle
+++ b/android/settings.gradle
@@ -20,7 +20,7 @@ pluginManagement {
 plugins {
     id "dev.flutter.flutter-plugin-loader" version "1.0.0"
     id "com.android.application" version "7.3.0" apply false
-    id "org.jetbrains.kotlin.android" version "1.7.10" apply false
+    id "org.jetbrains.kotlin.android" version "1.9.0" apply false
 }
 
 include ":app"
diff --git a/asset/icon/temperature_down_arrow_icon.png b/asset/icon/temperature_down_arrow_icon.png
new file mode 100644
index 00000000..e42d09e1
Binary files /dev/null and b/asset/icon/temperature_down_arrow_icon.png differ
diff --git a/asset/icon/temperature_up_arrow_icon.png b/asset/icon/temperature_up_arrow_icon.png
new file mode 100644
index 00000000..6094b97c
Binary files /dev/null and b/asset/icon/temperature_up_arrow_icon.png differ
diff --git a/asset/icon/weaco_cam_icon.png b/asset/icon/weaco_cam_icon.png
new file mode 100644
index 00000000..b05b2366
Binary files /dev/null and b/asset/icon/weaco_cam_icon.png differ
diff --git a/asset/icon/weaco_feed_add_icon.png b/asset/icon/weaco_feed_add_icon.png
new file mode 100644
index 00000000..e690c258
Binary files /dev/null and b/asset/icon/weaco_feed_add_icon.png differ
diff --git a/asset/icon/weaco_feed_icon.png b/asset/icon/weaco_feed_icon.png
new file mode 100644
index 00000000..65691019
Binary files /dev/null and b/asset/icon/weaco_feed_icon.png differ
diff --git a/asset/icon/weaco_home_weather_icon.png b/asset/icon/weaco_home_weather_icon.png
new file mode 100644
index 00000000..8053fa16
Binary files /dev/null and b/asset/icon/weaco_home_weather_icon.png differ
diff --git a/asset/icon/weaco_mypage_icon.png b/asset/icon/weaco_mypage_icon.png
new file mode 100644
index 00000000..82bc5d7a
Binary files /dev/null and b/asset/icon/weaco_mypage_icon.png differ
diff --git a/asset/icon/weaco_photo_icon.png b/asset/icon/weaco_photo_icon.png
new file mode 100644
index 00000000..7c3b2016
Binary files /dev/null and b/asset/icon/weaco_photo_icon.png differ
diff --git a/asset/icon/weaco_post_add_icon.png b/asset/icon/weaco_post_add_icon.png
new file mode 100644
index 00000000..631f41a5
Binary files /dev/null and b/asset/icon/weaco_post_add_icon.png differ
diff --git a/asset/icon/weaco_search_icon.png b/asset/icon/weaco_search_icon.png
new file mode 100644
index 00000000..b48ea8a5
Binary files /dev/null and b/asset/icon/weaco_search_icon.png differ
diff --git a/asset/icon/weather_clear_sky_icon.png b/asset/icon/weather_clear_sky_icon.png
new file mode 100644
index 00000000..b0fb6e2d
Binary files /dev/null and b/asset/icon/weather_clear_sky_icon.png differ
diff --git a/asset/icon/weather_cloud_icon.png b/asset/icon/weather_cloud_icon.png
new file mode 100644
index 00000000..ae1ccac6
Binary files /dev/null and b/asset/icon/weather_cloud_icon.png differ
diff --git a/asset/icon/weather_drizzle_icon.png b/asset/icon/weather_drizzle_icon.png
new file mode 100644
index 00000000..70bb0227
Binary files /dev/null and b/asset/icon/weather_drizzle_icon.png differ
diff --git a/asset/icon/weather_fog_icon.png b/asset/icon/weather_fog_icon.png
new file mode 100644
index 00000000..15aa9aa4
Binary files /dev/null and b/asset/icon/weather_fog_icon.png differ
diff --git a/asset/icon/weather_freezing_rain_icon.png b/asset/icon/weather_freezing_rain_icon.png
new file mode 100644
index 00000000..566f385c
Binary files /dev/null and b/asset/icon/weather_freezing_rain_icon.png differ
diff --git a/asset/icon/weather_partly_cloudy_icon.png b/asset/icon/weather_partly_cloudy_icon.png
new file mode 100644
index 00000000..6ed54f2d
Binary files /dev/null and b/asset/icon/weather_partly_cloudy_icon.png differ
diff --git a/asset/icon/weather_rain_icon.png b/asset/icon/weather_rain_icon.png
new file mode 100644
index 00000000..d063e8e0
Binary files /dev/null and b/asset/icon/weather_rain_icon.png differ
diff --git a/asset/icon/weather_rain_shower_icon.png b/asset/icon/weather_rain_shower_icon.png
new file mode 100644
index 00000000..27a6843d
Binary files /dev/null and b/asset/icon/weather_rain_shower_icon.png differ
diff --git a/asset/icon/weather_snow_icon.png b/asset/icon/weather_snow_icon.png
new file mode 100644
index 00000000..dfa06140
Binary files /dev/null and b/asset/icon/weather_snow_icon.png differ
diff --git a/asset/icon/weather_thunder_storm_hail_icon.png b/asset/icon/weather_thunder_storm_hail_icon.png
new file mode 100644
index 00000000..2362c6a0
Binary files /dev/null and b/asset/icon/weather_thunder_storm_hail_icon.png differ
diff --git a/asset/icon/weather_thunder_storm_icon.png b/asset/icon/weather_thunder_storm_icon.png
new file mode 100644
index 00000000..118b5123
Binary files /dev/null and b/asset/icon/weather_thunder_storm_icon.png differ
diff --git a/asset/image/home_bg_sunny.jpg b/asset/image/home_bg_sunny.jpg
new file mode 100644
index 00000000..66a7436b
Binary files /dev/null and b/asset/image/home_bg_sunny.jpg differ
diff --git a/asset/image/logo_app_bar.png b/asset/image/logo_app_bar.png
new file mode 100644
index 00000000..3558ea02
Binary files /dev/null and b/asset/image/logo_app_bar.png differ
diff --git a/asset/image/logo_app_icon.png b/asset/image/logo_app_icon.png
new file mode 100644
index 00000000..bcf52959
Binary files /dev/null and b/asset/image/logo_app_icon.png differ
diff --git a/asset/image/logo_branding.png b/asset/image/logo_branding.png
new file mode 100644
index 00000000..c4f9445b
Binary files /dev/null and b/asset/image/logo_branding.png differ
diff --git a/asset/image/logo_simbol.png b/asset/image/logo_simbol.png
new file mode 100644
index 00000000..729972f8
Binary files /dev/null and b/asset/image/logo_simbol.png differ
diff --git a/asset/image/logo_with_typo.png b/asset/image/logo_with_typo.png
new file mode 100644
index 00000000..cbc50d85
Binary files /dev/null and b/asset/image/logo_with_typo.png differ
diff --git a/asset/image/ootd_post_image.png b/asset/image/ootd_post_image.png
new file mode 100644
index 00000000..f4d187de
Binary files /dev/null and b/asset/image/ootd_post_image.png differ
diff --git a/flutter_native_splash.yaml b/flutter_native_splash.yaml
new file mode 100644
index 00000000..fa491108
--- /dev/null
+++ b/flutter_native_splash.yaml
@@ -0,0 +1,139 @@
+flutter_native_splash:
+  # This package generates native code to customize Flutter's default white native splash screen
+  # with background color and splash image.
+  # Customize the parameters below, and run the following command in the terminal:
+  # dart run flutter_native_splash:create
+  # To restore Flutter's default white splash screen, run the following command in the terminal:
+  # dart run flutter_native_splash:remove
+
+  # color or background_image is the only required parameter.  Use color to set the background
+  # of your splash screen to a solid color.  Use background_image to set the background of your
+  # splash screen to a png image.  This is useful for gradients. The image will be stretch to the
+  # size of the app. Only one parameter can be used, color and background_image cannot both be set.
+  color: "#FFFFFF"
+  # background_image: "asset/image/splash_image.png"
+
+  # Optional parameters are listed below.  To enable a parameter, uncomment the line by removing
+  # the leading # character.
+
+  # The image parameter allows you to specify an image used in the splash screen.  It must be a
+  # png file and should be sized for 4x pixel density.
+  image: "asset/image/logo_simbol.png"
+
+  # The branding property allows you to specify an image used as branding in the splash screen.
+  # It must be a png file. It is supported for Android, iOS and the Web.  For Android 12,
+  # see the Android 12 section below.
+  # branding: asset/image/logo_branding.png
+
+  # To position the branding image at the bottom of the screen you can use bottom, bottomRight,
+  # and bottomLeft. The default values is bottom if not specified or specified something else.
+  # branding_mode: bottom
+
+  # The color_dark, background_image_dark, image_dark, branding_dark are parameters that set the background
+  # and image when the device is in dark mode. If they are not specified, the app will use the
+  # parameters from above. If the image_dark parameter is specified, color_dark or
+  # background_image_dark must be specified.  color_dark and background_image_dark cannot both be
+  # set.
+  #color_dark: "#042a49"
+  #background_image_dark: "assets/dark-background.png"
+  #image_dark: assets/splash-invert.png
+  #branding_dark: assets/dart_dark.png
+
+  # Android 12 handles the splash screen differently than previous versions.  Please visit
+  # https://developer.android.com/guide/topics/ui/splash-screen
+  # Following are Android 12 specific parameter.
+  android_12:
+    # The image parameter sets the splash screen icon image.  If this parameter is not specified,
+    # the app's launcher icon will be used instead.
+    # Please note that the splash screen will be clipped to a circle on the center of the screen.
+    # App icon with an icon background: This should be 960×960 pixels, and fit within a circle
+    # 640 pixels in diameter.
+    # App icon without an icon background: This should be 1152×1152 pixels, and fit within a circle
+    # 768 pixels in diameter.
+    image: "asset/image/logo_simbol.png"
+    # image: "asset/image/splash_image.png"
+
+    # Splash screen background color.
+    color: "#FFFFFF"
+
+    # App icon background color.
+    #icon_background_color: "#111111"
+
+    # The branding property allows you to specify an image used as branding in the splash screen.
+    # branding: asset/image/logo_branding.png
+
+    # The image_dark, color_dark, icon_background_color_dark, and branding_dark set values that
+    # apply when the device is in dark mode. If they are not specified, the app will use the
+    # parameters from above.
+    #image_dark: assets/android12splash-invert.png
+    #color_dark: "#042a49"
+    #icon_background_color_dark: "#eeeeee"
+
+  # The android, ios and web parameters can be used to disable generating a splash screen on a given
+  # platform.
+  #android: false
+  #ios: false
+  #web: false
+
+  # Platform specific images can be specified with the following parameters, which will override
+  # the respective parameter.  You may specify all, selected, or none of these parameters:
+  #color_android: "#42a5f5"
+  #color_dark_android: "#042a49"
+  #color_ios: "#42a5f5"
+  #color_dark_ios: "#042a49"
+  #color_web: "#42a5f5"
+  #color_dark_web: "#042a49"
+  #image_android: assets/splash-android.png
+  #image_dark_android: assets/splash-invert-android.png
+  #image_ios: assets/splash-ios.png
+  #image_dark_ios: assets/splash-invert-ios.png
+  #image_web: assets/splash-web.gif
+  #image_dark_web: assets/splash-invert-web.gif
+  #background_image_android: "assets/background-android.png"
+  #background_image_dark_android: "assets/dark-background-android.png"
+  #background_image_ios: "assets/background-ios.png"
+  #background_image_dark_ios: "assets/dark-background-ios.png"
+  #background_image_web: "assets/background-web.png"
+  #background_image_dark_web: "assets/dark-background-web.png"
+  #branding_android: assets/brand-android.png
+  #branding_dark_android: assets/dart_dark-android.png
+  #branding_ios: assets/brand-ios.gif
+  #branding_dark_ios: assets/dart_dark-ios.gif
+
+  # The position of the splash image can be set with android_gravity, ios_content_mode, and
+  # web_image_mode parameters.  All default to center.
+  #
+  # android_gravity can be one of the following Android Gravity (see
+  # https://developer.android.com/reference/android/view/Gravity): bottom, center,
+  # center_horizontal, center_vertical, clip_horizontal, clip_vertical, end, fill, fill_horizontal,
+  # fill_vertical, left, right, start, or top.
+  #android_gravity: center
+  #
+  # ios_content_mode can be one of the following iOS UIView.ContentMode (see
+  # https://developer.apple.com/documentation/uikit/uiview/contentmode): scaleToFill,
+  # scaleAspectFit, scaleAspectFill, center, top, bottom, left, right, topLeft, topRight,
+  # bottomLeft, or bottomRight.
+  #ios_content_mode: center
+  #
+  # web_image_mode can be one of the following modes: center, contain, stretch, and cover.
+  #web_image_mode: center
+
+  # The screen orientation can be set in Android with the android_screen_orientation parameter.
+  # Valid parameters can be found here:
+  # https://developer.android.com/guide/topics/manifest/activity-element#screen
+  #android_screen_orientation: sensorLandscape
+
+  # To hide the notification bar, use the fullscreen parameter.  Has no effect in web since web
+  # has no notification bar.  Defaults to false.
+  # NOTE: Unlike Android, iOS will not automatically show the notification bar when the app loads.
+  #       To show the notification bar, add the following code to your Flutter app:
+  #       WidgetsFlutterBinding.ensureInitialized();
+  #       SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: [SystemUiOverlay.bottom, SystemUiOverlay.top], );
+  #fullscreen: true
+
+  # If you have changed the name(s) of your info.plist file(s), you can specify the filename(s)
+  # with the info_plist_files parameter.  Remove only the # characters in the three lines below,
+  # do not remove any spaces:
+  #info_plist_files:
+  #  - 'ios/Runner/Info-Debug.plist'
+  #  - 'ios/Runner/Info-Release.plist'
\ No newline at end of file
diff --git a/ios/Flutter/Debug.xcconfig b/ios/Flutter/Debug.xcconfig
index 592ceee8..ec97fc6f 100644
--- a/ios/Flutter/Debug.xcconfig
+++ b/ios/Flutter/Debug.xcconfig
@@ -1 +1,2 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
 #include "Generated.xcconfig"
diff --git a/ios/Flutter/Release.xcconfig b/ios/Flutter/Release.xcconfig
index 592ceee8..c4855bfe 100644
--- a/ios/Flutter/Release.xcconfig
+++ b/ios/Flutter/Release.xcconfig
@@ -1 +1,2 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
 #include "Generated.xcconfig"
diff --git a/ios/Podfile b/ios/Podfile
new file mode 100644
index 00000000..990717c7
--- /dev/null
+++ b/ios/Podfile
@@ -0,0 +1,61 @@
+# Uncomment this line to define a global platform for your project
+# platform :ios, '12.0'
+
+# CocoaPods analytics sends network stats synchronously affecting flutter build latency.
+ENV['COCOAPODS_DISABLE_STATS'] = 'true'
+
+project 'Runner', {
+  'Debug' => :debug,
+  'Profile' => :release,
+  'Release' => :release,
+}
+
+def flutter_root
+  generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'Generated.xcconfig'), __FILE__)
+  unless File.exist?(generated_xcode_build_settings_path)
+    raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure flutter pub get is executed first"
+  end
+
+  File.foreach(generated_xcode_build_settings_path) do |line|
+    matches = line.match(/FLUTTER_ROOT\=(.*)/)
+    return matches[1].strip if matches
+  end
+  raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Generated.xcconfig, then run flutter pub get"
+end
+
+require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root)
+
+flutter_ios_podfile_setup
+
+target 'Runner' do
+  use_frameworks!
+  use_modular_headers!
+
+  flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__))
+  target 'RunnerTests' do
+    inherit! :search_paths
+  end
+end
+
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    flutter_additional_ios_build_settings(target)
+        if target.name == "geolocator_apple"
+        target.build_configurations.each do |config|
+          config.build_settings['GCC_PREPROCESSOR_DEFINITIONS'] ||= [
+            '$(inherited)',
+            'BYPASS_PERMISSION_LOCATION_ALWAYS=1',
+
+             ## dart: PermissionGroup.camera
+             'PERMISSION_CAMERA=1',
+
+             ## dart: PermissionGroup.microphone
+             'PERMISSION_MICROPHONE=1',
+
+             ## dart: PermissionGroup.photos
+             'PERMISSION_PHOTOS=1',
+          ]
+      end
+    end
+  end
+end
diff --git a/ios/Runner.xcodeproj/project.pbxproj b/ios/Runner.xcodeproj/project.pbxproj
index 9e998ccf..007d2e91 100644
--- a/ios/Runner.xcodeproj/project.pbxproj
+++ b/ios/Runner.xcodeproj/project.pbxproj
@@ -7,13 +7,16 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
+		024E0BA1F28892A96499BA9A /* Pods_Runner.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = E4E5F94B12EA71E04B9EF5DF /* Pods_Runner.framework */; };
 		1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; };
 		331C808B294A63AB00263BE5 /* RunnerTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 331C807B294A618700263BE5 /* RunnerTests.swift */; };
 		3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; };
 		74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; };
+		75F95909D3ACCEE9F5841B4B /* Pods_RunnerTests.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 2934C2A8A6713E47B487AD2C /* Pods_RunnerTests.framework */; };
 		97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; };
 		97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; };
 		97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; };
+		A08C7C7687205F9291932B35 /* GoogleService-Info.plist in Resources */ = {isa = PBXBuildFile; fileRef = 31B50E8A17E4420DE5FE385D /* GoogleService-Info.plist */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -42,9 +45,14 @@
 /* Begin PBXFileReference section */
 		1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = "<group>"; };
 		1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = "<group>"; };
+		2589FAF0BE768F523B9C6C68 /* Pods-RunnerTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.debug.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.debug.xcconfig"; sourceTree = "<group>"; };
+		2934C2A8A6713E47B487AD2C /* Pods_RunnerTests.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_RunnerTests.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		31B50E8A17E4420DE5FE385D /* GoogleService-Info.plist */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.plist.xml; name = "GoogleService-Info.plist"; path = "Runner/GoogleService-Info.plist"; sourceTree = "<group>"; };
 		331C807B294A618700263BE5 /* RunnerTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RunnerTests.swift; sourceTree = "<group>"; };
 		331C8081294A63A400263BE5 /* RunnerTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RunnerTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
+		3B280B1A0AC42763B393F4A4 /* Pods-Runner.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.profile.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.profile.xcconfig"; sourceTree = "<group>"; };
 		3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = "<group>"; };
+		4A71F22172028F9BF05DF1C5 /* Pods-RunnerTests.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.profile.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.profile.xcconfig"; sourceTree = "<group>"; };
 		74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = "<group>"; };
 		74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = "<group>"; };
@@ -55,13 +63,26 @@
 		97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
 		97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		A13782C7C323A85B1C7B09BB /* Pods-RunnerTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.release.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.release.xcconfig"; sourceTree = "<group>"; };
+		B5BB7F5F3FB7C9F76AAC34D5 /* Pods-Runner.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.debug.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"; sourceTree = "<group>"; };
+		BBBAD696F1328C1763807539 /* Pods-Runner.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.release.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"; sourceTree = "<group>"; };
+		E4E5F94B12EA71E04B9EF5DF /* Pods_Runner.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_Runner.framework; sourceTree = BUILT_PRODUCTS_DIR; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
+		70FA9E07BFDC76942BC24058 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				75F95909D3ACCEE9F5841B4B /* Pods_RunnerTests.framework in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 		97C146EB1CF9000F007C117D /* Frameworks */ = {
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				024E0BA1F28892A96499BA9A /* Pods_Runner.framework in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -76,6 +97,15 @@
 			path = RunnerTests;
 			sourceTree = "<group>";
 		};
+		64FFC9D73CF9EC281E0C1B1D /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				E4E5F94B12EA71E04B9EF5DF /* Pods_Runner.framework */,
+				2934C2A8A6713E47B487AD2C /* Pods_RunnerTests.framework */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
 		9740EEB11CF90186004384FC /* Flutter */ = {
 			isa = PBXGroup;
 			children = (
@@ -94,6 +124,9 @@
 				97C146F01CF9000F007C117D /* Runner */,
 				97C146EF1CF9000F007C117D /* Products */,
 				331C8082294A63A400263BE5 /* RunnerTests */,
+				31B50E8A17E4420DE5FE385D /* GoogleService-Info.plist */,
+				9FB032F48996B6A7E14833FA /* Pods */,
+				64FFC9D73CF9EC281E0C1B1D /* Frameworks */,
 			);
 			sourceTree = "<group>";
 		};
@@ -121,6 +154,20 @@
 			path = Runner;
 			sourceTree = "<group>";
 		};
+		9FB032F48996B6A7E14833FA /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				B5BB7F5F3FB7C9F76AAC34D5 /* Pods-Runner.debug.xcconfig */,
+				BBBAD696F1328C1763807539 /* Pods-Runner.release.xcconfig */,
+				3B280B1A0AC42763B393F4A4 /* Pods-Runner.profile.xcconfig */,
+				2589FAF0BE768F523B9C6C68 /* Pods-RunnerTests.debug.xcconfig */,
+				A13782C7C323A85B1C7B09BB /* Pods-RunnerTests.release.xcconfig */,
+				4A71F22172028F9BF05DF1C5 /* Pods-RunnerTests.profile.xcconfig */,
+			);
+			name = Pods;
+			path = Pods;
+			sourceTree = "<group>";
+		};
 /* End PBXGroup section */
 
 /* Begin PBXNativeTarget section */
@@ -128,8 +175,10 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 331C8087294A63A400263BE5 /* Build configuration list for PBXNativeTarget "RunnerTests" */;
 			buildPhases = (
+				A226FC3B69212E6DFD584194 /* [CP] Check Pods Manifest.lock */,
 				331C807D294A63A400263BE5 /* Sources */,
 				331C807F294A63A400263BE5 /* Resources */,
+				70FA9E07BFDC76942BC24058 /* Frameworks */,
 			);
 			buildRules = (
 			);
@@ -145,12 +194,16 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */;
 			buildPhases = (
+				E1B92DA23F42B3E81FB2291C /* [CP] Check Pods Manifest.lock */,
 				9740EEB61CF901F6004384FC /* Run Script */,
 				97C146EA1CF9000F007C117D /* Sources */,
 				97C146EB1CF9000F007C117D /* Frameworks */,
 				97C146EC1CF9000F007C117D /* Resources */,
 				9705A1C41CF9048500538489 /* Embed Frameworks */,
 				3B06AD1E1E4923F5004D2608 /* Thin Binary */,
+				DEFBAB6015346598099DC6D6 /* [firebase_crashlytics] Crashlytics Upload Symbols */,
+				E8CCE06D6BE6114A37C38692 /* [CP] Embed Pods Frameworks */,
+				CFCFD287D61EA57E2021E98A /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -216,6 +269,7 @@
 				3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */,
 				97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */,
 				97C146FC1CF9000F007C117D /* Main.storyboard in Resources */,
+				A08C7C7687205F9291932B35 /* GoogleService-Info.plist in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -253,6 +307,107 @@
 			shellPath = /bin/sh;
 			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build";
 		};
+		A226FC3B69212E6DFD584194 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-RunnerTests-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		CFCFD287D61EA57E2021E98A /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		DEFBAB6015346598099DC6D6 /* [firebase_crashlytics] Crashlytics Upload Symbols */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"\"${DWARF_DSYM_FOLDER_PATH}/${DWARF_DSYM_FILE_NAME}\"",
+				"\"${DWARF_DSYM_FOLDER_PATH}/${DWARF_DSYM_FILE_NAME}/Contents/\"",
+				"\"${DWARF_DSYM_FOLDER_PATH}/${DWARF_DSYM_FILE_NAME}/Contents/Info.plist\"",
+				"\"$(TARGET_BUILD_DIR)/$(EXECUTABLE_PATH)\"",
+				"\"$(PROJECT_DIR)/firebase_app_id_file.json\"",
+			);
+			name = "[firebase_crashlytics] Crashlytics Upload Symbols";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"$PODS_ROOT/FirebaseCrashlytics/upload-symbols\" --flutter-project \"$PROJECT_DIR/firebase_app_id_file.json\" ";
+		};
+		E1B92DA23F42B3E81FB2291C /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-Runner-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		E8CCE06D6BE6114A37C38692 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 /* End PBXShellScriptBuildPhase section */
 
 /* Begin PBXSourcesBuildPhase section */
@@ -378,6 +533,7 @@
 		};
 		331C8088294A63A400263BE5 /* Debug */ = {
 			isa = XCBuildConfiguration;
+			baseConfigurationReference = 2589FAF0BE768F523B9C6C68 /* Pods-RunnerTests.debug.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
@@ -395,6 +551,7 @@
 		};
 		331C8089294A63A400263BE5 /* Release */ = {
 			isa = XCBuildConfiguration;
+			baseConfigurationReference = A13782C7C323A85B1C7B09BB /* Pods-RunnerTests.release.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
@@ -410,6 +567,7 @@
 		};
 		331C808A294A63A400263BE5 /* Profile */ = {
 			isa = XCBuildConfiguration;
+			baseConfigurationReference = 4A71F22172028F9BF05DF1C5 /* Pods-RunnerTests.profile.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
diff --git a/ios/Runner.xcworkspace/contents.xcworkspacedata b/ios/Runner.xcworkspace/contents.xcworkspacedata
index 1d526a16..21a3cc14 100644
--- a/ios/Runner.xcworkspace/contents.xcworkspacedata
+++ b/ios/Runner.xcworkspace/contents.xcworkspacedata
@@ -4,4 +4,7 @@
    <FileRef
       location = "group:Runner.xcodeproj">
    </FileRef>
+   <FileRef
+      location = "group:Pods/Pods.xcodeproj">
+   </FileRef>
 </Workspace>
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/100.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/100.png
new file mode 100644
index 00000000..c2ae0a9d
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/100.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/1024.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/1024.png
new file mode 100644
index 00000000..9082e1d2
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/1024.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/114.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/114.png
new file mode 100644
index 00000000..83e09d1c
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/114.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/120.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/120.png
new file mode 100644
index 00000000..5e76e54f
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/120.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/144.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/144.png
new file mode 100644
index 00000000..7e732f9f
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/144.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/152.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/152.png
new file mode 100644
index 00000000..d5dad506
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/152.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/167.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/167.png
new file mode 100644
index 00000000..ea5ede31
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/167.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/180.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/180.png
new file mode 100644
index 00000000..72117faf
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/180.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/20.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/20.png
new file mode 100644
index 00000000..1698a186
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/20.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/29.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/29.png
new file mode 100644
index 00000000..a8dcbdf5
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/29.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/40.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/40.png
new file mode 100644
index 00000000..c0b03f14
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/40.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/50.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/50.png
new file mode 100644
index 00000000..c04351c0
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/50.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/57.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/57.png
new file mode 100644
index 00000000..34cce43d
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/57.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/58.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/58.png
new file mode 100644
index 00000000..11479384
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/58.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/60.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/60.png
new file mode 100644
index 00000000..9f29a8aa
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/60.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/72.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/72.png
new file mode 100644
index 00000000..d51e5cd6
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/72.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/76.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/76.png
new file mode 100644
index 00000000..d2ed1724
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/76.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/80.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/80.png
new file mode 100644
index 00000000..2389485e
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/80.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/87.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/87.png
new file mode 100644
index 00000000..e1aebf60
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/87.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
index d36b1fab..4fdf8826 100644
--- a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
+++ b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -1,122 +1,158 @@
 {
   "images" : [
     {
-      "size" : "20x20",
+      "filename" : "40.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-20x20@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "20x20"
     },
     {
-      "size" : "20x20",
+      "filename" : "60.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-20x20@3x.png",
-      "scale" : "3x"
+      "scale" : "3x",
+      "size" : "20x20"
     },
     {
-      "size" : "29x29",
+      "filename" : "29.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-29x29@1x.png",
-      "scale" : "1x"
+      "scale" : "1x",
+      "size" : "29x29"
     },
     {
-      "size" : "29x29",
+      "filename" : "58.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-29x29@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "29x29"
     },
     {
-      "size" : "29x29",
+      "filename" : "87.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-29x29@3x.png",
-      "scale" : "3x"
+      "scale" : "3x",
+      "size" : "29x29"
     },
     {
-      "size" : "40x40",
+      "filename" : "80.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-40x40@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "40x40"
     },
     {
-      "size" : "40x40",
+      "filename" : "120.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-40x40@3x.png",
-      "scale" : "3x"
+      "scale" : "3x",
+      "size" : "40x40"
     },
     {
-      "size" : "60x60",
+      "filename" : "57.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-60x60@2x.png",
-      "scale" : "2x"
+      "scale" : "1x",
+      "size" : "57x57"
     },
     {
-      "size" : "60x60",
+      "filename" : "114.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-60x60@3x.png",
-      "scale" : "3x"
+      "scale" : "2x",
+      "size" : "57x57"
     },
     {
-      "size" : "20x20",
+      "filename" : "120.png",
+      "idiom" : "iphone",
+      "scale" : "2x",
+      "size" : "60x60"
+    },
+    {
+      "filename" : "180.png",
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "60x60"
+    },
+    {
+      "filename" : "20.png",
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "20x20"
+    },
+    {
+      "filename" : "40.png",
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "20x20"
+    },
+    {
+      "filename" : "29.png",
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "29x29"
+    },
+    {
+      "filename" : "58.png",
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "29x29"
+    },
+    {
+      "filename" : "40.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-20x20@1x.png",
-      "scale" : "1x"
+      "scale" : "1x",
+      "size" : "40x40"
     },
     {
-      "size" : "20x20",
+      "filename" : "80.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-20x20@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "40x40"
     },
     {
-      "size" : "29x29",
+      "filename" : "50.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-29x29@1x.png",
-      "scale" : "1x"
+      "scale" : "1x",
+      "size" : "50x50"
     },
     {
-      "size" : "29x29",
+      "filename" : "100.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-29x29@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "50x50"
     },
     {
-      "size" : "40x40",
+      "filename" : "72.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-40x40@1x.png",
-      "scale" : "1x"
+      "scale" : "1x",
+      "size" : "72x72"
     },
     {
-      "size" : "40x40",
+      "filename" : "144.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-40x40@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "72x72"
     },
     {
-      "size" : "76x76",
+      "filename" : "76.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-76x76@1x.png",
-      "scale" : "1x"
+      "scale" : "1x",
+      "size" : "76x76"
     },
     {
-      "size" : "76x76",
+      "filename" : "152.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-76x76@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "76x76"
     },
     {
-      "size" : "83.5x83.5",
+      "filename" : "167.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-83.5x83.5@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "83.5x83.5"
     },
     {
-      "size" : "1024x1024",
+      "filename" : "1024.png",
       "idiom" : "ios-marketing",
-      "filename" : "Icon-App-1024x1024@1x.png",
-      "scale" : "1x"
+      "scale" : "1x",
+      "size" : "1024x1024"
     }
   ],
   "info" : {
-    "version" : 1,
-    "author" : "xcode"
+    "author" : "xcode",
+    "version" : 1
   }
 }
diff --git a/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Contents.json b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Contents.json
new file mode 100644
index 00000000..d36b1fab
--- /dev/null
+++ b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Contents.json
@@ -0,0 +1,122 @@
+{
+  "images" : [
+    {
+      "size" : "20x20",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-20x20@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "20x20",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-20x20@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-29x29@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-29x29@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-29x29@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-40x40@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-40x40@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "60x60",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-60x60@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "60x60",
+      "idiom" : "iphone",
+      "filename" : "Icon-App-60x60@3x.png",
+      "scale" : "3x"
+    },
+    {
+      "size" : "20x20",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-20x20@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "20x20",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-20x20@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-29x29@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "29x29",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-29x29@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-40x40@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "40x40",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-40x40@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "76x76",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-76x76@1x.png",
+      "scale" : "1x"
+    },
+    {
+      "size" : "76x76",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-76x76@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "83.5x83.5",
+      "idiom" : "ipad",
+      "filename" : "Icon-App-83.5x83.5@2x.png",
+      "scale" : "2x"
+    },
+    {
+      "size" : "1024x1024",
+      "idiom" : "ios-marketing",
+      "filename" : "Icon-App-1024x1024@1x.png",
+      "scale" : "1x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-1024x1024@1x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-1024x1024@1x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-20x20@1x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-20x20@1x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-20x20@2x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-20x20@2x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-20x20@3x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-20x20@3x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-29x29@1x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-29x29@1x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-29x29@2x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-29x29@2x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-29x29@3x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-29x29@3x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-40x40@1x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-40x40@1x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-40x40@2x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-40x40@2x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-40x40@3x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-40x40@3x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-60x60@2x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-60x60@2x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-60x60@3x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-60x60@3x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-76x76@1x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-76x76@1x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-76x76@2x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-76x76@2x.png
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png b/ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-83.5x83.5@2x.png
similarity index 100%
rename from ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png
rename to ios/Runner/Assets.xcassets/AppIconDefault.appiconset/Icon-App-83.5x83.5@2x.png
diff --git a/ios/Runner/Assets.xcassets/Contents.json b/ios/Runner/Assets.xcassets/Contents.json
new file mode 100644
index 00000000..73c00596
--- /dev/null
+++ b/ios/Runner/Assets.xcassets/Contents.json
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json
new file mode 100644
index 00000000..9f447e1b
--- /dev/null
+++ b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "background.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png
new file mode 100644
index 00000000..3107d37f
Binary files /dev/null and b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json b/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
index 0bedcf2f..00cabce8 100644
--- a/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
@@ -1,23 +1,23 @@
 {
   "images" : [
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage.png",
+      "idiom" : "universal",
       "scale" : "1x"
     },
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage@2x.png",
+      "idiom" : "universal",
       "scale" : "2x"
     },
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage@3x.png",
+      "idiom" : "universal",
       "scale" : "3x"
     }
   ],
   "info" : {
-    "version" : 1,
-    "author" : "xcode"
+    "author" : "xcode",
+    "version" : 1
   }
 }
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png
index 9da19eac..d855ee85 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png
index 9da19eac..4208e100 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png
index 9da19eac..4c45f84b 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png differ
diff --git a/ios/Runner/Base.lproj/LaunchScreen.storyboard b/ios/Runner/Base.lproj/LaunchScreen.storyboard
index f2e259c7..05049113 100644
--- a/ios/Runner/Base.lproj/LaunchScreen.storyboard
+++ b/ios/Runner/Base.lproj/LaunchScreen.storyboard
@@ -16,13 +16,19 @@
                     <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4">
-                            </imageView>
+                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleToFill" image="LaunchBackground" translatesAutoresizingMaskIntoConstraints="NO" id="tWc-Dq-wcI"/>
+                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4"></imageView>
                         </subviews>
                         <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
-                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="1a2-6s-vTC"/>
-                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="4X2-HB-R7a"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="3T2-ad-Qdv"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="bottom" secondItem="Ze5-6b-2t3" secondAttribute="bottom" id="RPx-PI-7Xg"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="SdS-ul-q2q"/>
+                            <constraint firstAttribute="trailing" secondItem="tWc-Dq-wcI" secondAttribute="trailing" id="Swv-Gf-Rwn"/>
+                            <constraint firstAttribute="trailing" secondItem="YRO-k0-Ey4" secondAttribute="trailing" id="TQA-XW-tRk"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="bottom" secondItem="Ze5-6b-2t3" secondAttribute="bottom" id="duK-uY-Gun"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="kV7-tw-vXt"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="xPn-NY-SIU"/>
                         </constraints>
                     </view>
                 </viewController>
@@ -32,6 +38,7 @@
         </scene>
     </scenes>
     <resources>
-        <image name="LaunchImage" width="168" height="185"/>
+        <image name="LaunchImage" width="2048" height="2048"/>
+        <image name="LaunchBackground" width="1" height="1"/>
     </resources>
 </document>
diff --git a/ios/Runner/GoogleService-Info.plist b/ios/Runner/GoogleService-Info.plist
new file mode 100644
index 00000000..393bc948
--- /dev/null
+++ b/ios/Runner/GoogleService-Info.plist
@@ -0,0 +1,30 @@
+<?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>API_KEY</key>
+	<string>AIzaSyAFEfUJAYH-JBFyO75oM_TCswujWh5fZ6c</string>
+	<key>GCM_SENDER_ID</key>
+	<string>126221191414</string>
+	<key>PLIST_VERSION</key>
+	<string>1</string>
+	<key>BUNDLE_ID</key>
+	<string>team.weather.weaco</string>
+	<key>PROJECT_ID</key>
+	<string>weaco-f9878</string>
+	<key>STORAGE_BUCKET</key>
+	<string>weaco-f9878.appspot.com</string>
+	<key>IS_ADS_ENABLED</key>
+	<false></false>
+	<key>IS_ANALYTICS_ENABLED</key>
+	<false></false>
+	<key>IS_APPINVITE_ENABLED</key>
+	<true></true>
+	<key>IS_GCM_ENABLED</key>
+	<true></true>
+	<key>IS_SIGNIN_ENABLED</key>
+	<true></true>
+	<key>GOOGLE_APP_ID</key>
+	<string>1:126221191414:ios:348aa080ea6e2b1b5c44d7</string>
+</dict>
+</plist>
\ No newline at end of file
diff --git a/ios/Runner/Info.plist b/ios/Runner/Info.plist
index 8a45582c..38403867 100644
--- a/ios/Runner/Info.plist
+++ b/ios/Runner/Info.plist
@@ -1,49 +1,59 @@
 <?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>CFBundleDevelopmentRegion</key>
-	<string>$(DEVELOPMENT_LANGUAGE)</string>
-	<key>CFBundleDisplayName</key>
-	<string>Weaco</string>
-	<key>CFBundleExecutable</key>
-	<string>$(EXECUTABLE_NAME)</string>
-	<key>CFBundleIdentifier</key>
-	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
-	<key>CFBundleInfoDictionaryVersion</key>
-	<string>6.0</string>
-	<key>CFBundleName</key>
-	<string>weaco</string>
-	<key>CFBundlePackageType</key>
-	<string>APPL</string>
-	<key>CFBundleShortVersionString</key>
-	<string>$(FLUTTER_BUILD_NAME)</string>
-	<key>CFBundleSignature</key>
-	<string>????</string>
-	<key>CFBundleVersion</key>
-	<string>$(FLUTTER_BUILD_NUMBER)</string>
-	<key>LSRequiresIPhoneOS</key>
-	<true/>
-	<key>UILaunchStoryboardName</key>
-	<string>LaunchScreen</string>
-	<key>UIMainStoryboardFile</key>
-	<string>Main</string>
-	<key>UISupportedInterfaceOrientations</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-	<key>UISupportedInterfaceOrientations~ipad</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationPortraitUpsideDown</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-	<key>CADisableMinimumFrameDurationOnPhone</key>
-	<true/>
-	<key>UIApplicationSupportsIndirectInputEvents</key>
-	<true/>
-</dict>
+	<dict>
+		<key>NSLocationWhenInUseUsageDescription</key>
+		<string>This app needs access to location when open.</string>
+		<key>CFBundleDevelopmentRegion</key>
+		<string>$(DEVELOPMENT_LANGUAGE)</string>
+		<key>CFBundleDisplayName</key>
+		<string>Weaco</string>
+		<key>CFBundleExecutable</key>
+		<string>$(EXECUTABLE_NAME)</string>
+		<key>CFBundleIdentifier</key>
+		<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+		<key>CFBundleInfoDictionaryVersion</key>
+		<string>6.0</string>
+		<key>CFBundleName</key>
+		<string>weaco</string>
+		<key>CFBundlePackageType</key>
+		<string>APPL</string>
+		<key>CFBundleShortVersionString</key>
+		<string>$(FLUTTER_BUILD_NAME)</string>
+		<key>CFBundleSignature</key>
+		<string>????</string>
+		<key>CFBundleVersion</key>
+		<string>$(FLUTTER_BUILD_NUMBER)</string>
+		<key>LSRequiresIPhoneOS</key>
+		<true/>
+		<key>NSCameraUsageDescription</key>
+		<string>This application uses the camera</string>
+		<key>NSMicrophoneUsageDescription</key>
+		<string>This application uses the microphone</string>
+		<key>NSPhotoLibraryUsageDescription</key>
+		<string>This application uses the photo library</string>
+		<key>UILaunchStoryboardName</key>
+		<string>LaunchScreen</string>
+		<key>UIMainStoryboardFile</key>
+		<string>Main</string>
+		<key>UISupportedInterfaceOrientations</key>
+		<array>
+			<string>UIInterfaceOrientationPortrait</string>
+			<string>UIInterfaceOrientationLandscapeLeft</string>
+			<string>UIInterfaceOrientationLandscapeRight</string>
+		</array>
+		<key>UISupportedInterfaceOrientations~ipad</key>
+		<array>
+			<string>UIInterfaceOrientationPortrait</string>
+			<string>UIInterfaceOrientationPortraitUpsideDown</string>
+			<string>UIInterfaceOrientationLandscapeLeft</string>
+			<string>UIInterfaceOrientationLandscapeRight</string>
+		</array>
+		<key>CADisableMinimumFrameDurationOnPhone</key>
+		<true/>
+		<key>UIApplicationSupportsIndirectInputEvents</key>
+		<true/>
+		<key>UIStatusBarHidden</key>
+		<false/>
+	</dict>
 </plist>
diff --git a/ios/firebase_app_id_file.json b/ios/firebase_app_id_file.json
new file mode 100644
index 00000000..14e00581
--- /dev/null
+++ b/ios/firebase_app_id_file.json
@@ -0,0 +1,7 @@
+{
+  "file_generated_by": "FlutterFire CLI",
+  "purpose": "FirebaseAppID & ProjectID for this Firebase app in this directory",
+  "GOOGLE_APP_ID": "1:126221191414:ios:348aa080ea6e2b1b5c44d7",
+  "FIREBASE_PROJECT_ID": "weaco-f9878",
+  "GCM_SENDER_ID": "126221191414"
+}
\ No newline at end of file
diff --git a/lib/core/config/kakao_config.dart b/lib/core/config/kakao_config.dart
new file mode 100644
index 00000000..76eec90a
--- /dev/null
+++ b/lib/core/config/kakao_config.dart
@@ -0,0 +1,5 @@
+import 'package:flutter_dotenv/flutter_dotenv.dart';
+
+class KakaoConfig {
+  static final String apiKey = dotenv.env['KAKAO_API_KEY'] ?? 'undefined';
+}
diff --git a/lib/core/config/meteo_config.dart b/lib/core/config/meteo_config.dart
new file mode 100644
index 00000000..fa147b84
--- /dev/null
+++ b/lib/core/config/meteo_config.dart
@@ -0,0 +1,5 @@
+import 'package:flutter_dotenv/flutter_dotenv.dart';
+
+class MeteoConfig {
+  static final String baseUrl = dotenv.env['METEO_BASE_URL'] ?? 'undefined';
+}
diff --git a/lib/core/di/common/common_di_setup.dart b/lib/core/di/common/common_di_setup.dart
new file mode 100644
index 00000000..95105f1e
--- /dev/null
+++ b/lib/core/di/common/common_di_setup.dart
@@ -0,0 +1,35 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:dio/dio.dart';
+import 'package:firebase_storage/firebase_storage.dart';
+import 'package:weaco/core/di/di_setup.dart';
+import 'package:weaco/core/dio/base_dio.dart';
+import 'package:weaco/core/exception/handler/exception_message_handler.dart';
+import 'package:weaco/core/firebase/firebase_auth_service.dart';
+import 'package:weaco/core/gps/gps_helper.dart';
+import 'package:weaco/core/hive/hive_wrapper.dart';
+import 'package:weaco/core/path_provider/path_provider_service.dart';
+
+void commonDiSetup() {
+  // Firebase
+  getIt.registerLazySingleton<FirebaseFirestore>(
+      () => FirebaseFirestore.instance);
+  getIt.registerLazySingleton<FirebaseStorage>(() => FirebaseStorage.instance);
+  getIt.registerLazySingleton<FirebaseAuthService>(() => FirebaseAuthService());
+
+  // PathProvider
+  getIt.registerLazySingleton<PathProviderService>(() => PathProviderService());
+
+  // Dio
+  getIt.registerLazySingleton<BaseDio>(
+      () => BaseDio(httpClientAdapter: HttpClientAdapter()));
+
+  // Gps
+  getIt.registerLazySingleton<GpsHelper>(() => GpsHelper());
+
+  // Hive
+  getIt.registerLazySingleton<HiveWrapper>(() => HiveWrapper());
+
+  // Exception
+  getIt.registerLazySingleton<ExceptionMessageHandler>(
+      () => ExceptionMessageHandler());
+}
diff --git a/lib/core/di/di_setup.dart b/lib/core/di/di_setup.dart
new file mode 100644
index 00000000..3a778569
--- /dev/null
+++ b/lib/core/di/di_setup.dart
@@ -0,0 +1,105 @@
+import 'package:get_it/get_it.dart';
+import 'package:weaco/core/di/common/common_di_setup.dart';
+import 'package:weaco/core/di/feed/feed_di_setup.dart';
+import 'package:weaco/core/di/file/file_di_setup.dart';
+import 'package:weaco/core/di/location/location_di_setup.dart';
+import 'package:weaco/core/di/user/user_di_setup.dart';
+import 'package:weaco/core/di/weather/weather_di_setup.dart';
+import 'package:weaco/domain/feed/use_case/get_my_page_feeds_use_case.dart';
+import 'package:weaco/domain/feed/use_case/get_recommended_feeds_use_case.dart';
+import 'package:weaco/domain/feed/use_case/remove_my_page_feed_use_case.dart';
+import 'package:weaco/domain/user/repository/user_auth_repository.dart';
+import 'package:weaco/domain/user/use_case/get_my_profile_use_case.dart';
+import 'package:weaco/domain/user/use_case/get_profile_image_list_use_case.dart';
+import 'package:weaco/domain/user/use_case/sign_up_use_case.dart';
+import 'package:weaco/domain/weather/use_case/get_background_image_list_use_case.dart';
+import 'package:weaco/presentation/common/user_provider.dart';
+import 'package:weaco/presentation/home/view_model/home_screen_view_model.dart';
+import 'package:weaco/presentation/my_page/view_model/my_page_view_model.dart';
+import 'package:weaco/presentation/ootd_post/view_model/camera_view_model.dart';
+import 'package:weaco/presentation/sign_up/view_model/sign_up_view_model.dart';
+import 'package:weaco/domain/feed/use_case/save_edit_feed_use_case.dart';
+import 'package:weaco/domain/file/use_case/get_image_use_case.dart';
+import 'package:weaco/domain/file/use_case/save_image_use_case.dart';
+import 'package:weaco/domain/user/use_case/sign_in_use_case.dart';
+import 'package:weaco/domain/weather/use_case/get_daily_location_weather_use_case.dart';
+import 'package:weaco/presentation/ootd_post/view_model/ootd_post_view_model.dart';
+import 'package:weaco/presentation/ootd_post/view_model/picutre_crop_view_model.dart';
+import 'package:weaco/domain/feed/use_case/get_user_page_feeds_use_case.dart';
+import 'package:weaco/domain/user/use_case/get_user_profile_use_case.dart';
+import 'package:weaco/presentation/user_page/view_model/user_page_view_model.dart';
+import 'package:weaco/presentation/sign_in/view_model/sign_in_view_model.dart';
+
+final getIt = GetIt.instance;
+
+/// DI 설정
+/// - [commonDiSetup]: 공통 DI 설정
+/// - [fileDiSetup]: 파일 DI 설정
+/// - [userDiSetup]: 사용자 DI 설정
+/// - [locationDiSetup]: 위치 DI 설정
+/// - [feedDiSetup]: 피드 DI 설정
+/// - [weatherDiSetup]: 날씨 DI 설정
+///  common -> user -> location -> feed -> weather 순으로 DI 설정 중요
+///  각각 먼저 설정된 DI가 다음 DI에 영향을 줄 수 있기 때문
+/// - [setup]: 모든 DI 설정
+void diSetup() {
+  commonDiSetup();
+  fileDiSetup();
+  userDiSetup();
+  locationDiSetup();
+  feedDiSetup();
+  weatherDiSetup();
+
+  // Provider
+  getIt.registerSingleton<UserProvider>(UserProvider(
+    userAuthRepository: getIt<UserAuthRepository>(),
+  ));
+
+  // ViewModel
+  getIt.registerFactory<HomeScreenViewModel>(
+    () => HomeScreenViewModel(
+      getDailyLocationWeatherUseCase: getIt<GetDailyLocationWeatherUseCase>(),
+      getBackgroundImageListUseCase: getIt<GetBackgroundImageListUseCase>(),
+      getRecommendedFeedsUseCase: getIt<GetRecommendedFeedsUseCase>(),
+    ),
+  );
+
+  getIt.registerFactory<SignUpViewModel>(() => SignUpViewModel(
+      signUpUseCase: getIt<SignUpUseCase>(),
+      getProfileImagePathUseCase: getIt<GetProfileImageListUseCase>()));
+
+  // ViewModel
+  getIt.registerFactory<SignInViewModel>(
+      () => SignInViewModel(signInUseCase: getIt<SignInUseCase>()));
+
+  getIt.registerFactory<PictureCropViewModel>(
+    () => PictureCropViewModel(saveImageUseCase: getIt<SaveImageUseCase>()),
+  );
+
+  getIt.registerFactory<OotdPostViewModel>(
+    () => OotdPostViewModel(
+      getImageUseCase: getIt<GetImageUseCase>(),
+      getDailyLocationWeatherUseCase: getIt<GetDailyLocationWeatherUseCase>(),
+      saveEditFeedUseCase: getIt<SaveEditFeedUseCase>(),
+      saveImageUseCase: getIt<SaveImageUseCase>(),
+    ),
+  );
+
+  getIt.registerFactory<CameraViewModel>(() => CameraViewModel());
+
+  // View
+  getIt.registerFactoryParam<UserPageViewModel, String, void>(
+    (param1, _) => UserPageViewModel(
+      email: param1,
+      getUserProfileUseCase: getIt<GetUserProfileUseCase>(),
+      getUserPageFeedsUseCase: getIt<GetUserPageFeedsUseCase>(),
+    ),
+  );
+  getIt.registerFactory<MyPageViewModel>(
+    () => MyPageViewModel(
+      getMyPageUserProfileUseCase: getIt<GetMyPageUserProfileUseCase>(),
+      getMyPageFeedsUseCase: getIt<GetMyPageFeedsUseCase>(),
+      removeMyPageFeedUseCase: getIt<RemoveMyPageFeedUseCase>(),
+    ),
+  );
+}
diff --git a/lib/core/di/feed/feed_di_setup.dart b/lib/core/di/feed/feed_di_setup.dart
new file mode 100644
index 00000000..c1f51616
--- /dev/null
+++ b/lib/core/di/feed/feed_di_setup.dart
@@ -0,0 +1,69 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:weaco/core/di/di_setup.dart';
+import 'package:weaco/data/feed/data_source/remote_feed_data_source.dart';
+import 'package:weaco/data/feed/data_source/remote_feed_data_source_impl.dart';
+import 'package:weaco/data/feed/repository/feed_repository_impl.dart';
+import 'package:weaco/data/feed/repository/ootd_feed_repository_impl.dart';
+import 'package:weaco/domain/feed/repository/feed_repository.dart';
+import 'package:weaco/domain/feed/repository/ootd_feed_repository.dart';
+import 'package:weaco/domain/feed/use_case/get_detail_feed_detail_use_case.dart';
+import 'package:weaco/domain/feed/use_case/get_my_page_feeds_use_case.dart';
+import 'package:weaco/domain/feed/use_case/get_ootd_feeds_use_case.dart';
+import 'package:weaco/domain/feed/use_case/get_recommended_feeds_use_case.dart';
+import 'package:weaco/domain/feed/use_case/get_search_feeds_use_case.dart';
+import 'package:weaco/domain/feed/use_case/get_user_page_feeds_use_case.dart';
+import 'package:weaco/domain/feed/use_case/remove_my_page_feed_use_case.dart';
+import 'package:weaco/domain/feed/use_case/save_edit_feed_use_case.dart';
+import 'package:weaco/domain/file/repository/file_repository.dart';
+import 'package:weaco/domain/user/repository/user_profile_repository.dart';
+import 'package:weaco/domain/user/use_case/get_user_profile_use_case.dart';
+import 'package:weaco/domain/weather/use_case/get_daily_location_weather_use_case.dart';
+import 'package:weaco/presentation/ootd_feed/view_model/ootd_feed_view_model.dart';
+import 'package:weaco/presentation/ootd_feed_detail/view_model/ootd_detail_view_model.dart';
+import 'package:weaco/presentation/ootd_search/view_model/ootd_search_view_model.dart';
+
+void feedDiSetup() {
+  // DataSource
+  getIt.registerLazySingleton<RemoteFeedDataSource>(
+      () => RemoteFeedDataSourceImpl(fireStore: getIt<FirebaseFirestore>()));
+
+  // Repository
+  getIt.registerLazySingleton<FeedRepository>(() =>
+      FeedRepositoryImpl(remoteFeedDataSource: getIt<RemoteFeedDataSource>()));
+  getIt.registerLazySingleton<OotdFeedRepository>(() => OotdFeedRepositoryImpl(
+      fileRepository: getIt<FileRepository>(),
+      feedRepository: getIt<FeedRepository>(),
+      userProfileRepository: getIt<UserProfileRepository>()));
+
+  // UseCase
+  getIt.registerLazySingleton<GetDetailFeedDetailUseCase>(() =>
+      GetDetailFeedDetailUseCase(feedRepository: getIt<FeedRepository>()));
+  getIt.registerLazySingleton<GetMyPageFeedsUseCase>(
+      () => GetMyPageFeedsUseCase(feedRepository: getIt<FeedRepository>()));
+  getIt.registerLazySingleton<GetOotdFeedsUseCase>(
+      () => GetOotdFeedsUseCase(feedRepository: getIt<FeedRepository>()));
+  getIt.registerLazySingleton<GetRecommendedFeedsUseCase>(() =>
+      GetRecommendedFeedsUseCase(feedRepository: getIt<FeedRepository>()));
+  getIt.registerLazySingleton<GetSearchFeedsUseCase>(
+      () => GetSearchFeedsUseCase(feedRepository: getIt<FeedRepository>()));
+  getIt.registerLazySingleton<GetUserPageFeedsUseCase>(
+      () => GetUserPageFeedsUseCase(feedRepository: getIt<FeedRepository>()));
+  getIt.registerLazySingleton<RemoveMyPageFeedUseCase>(() =>
+      RemoveMyPageFeedUseCase(ootdFeedRepository: getIt<OotdFeedRepository>()));
+  getIt.registerLazySingleton<SaveEditFeedUseCase>(() =>
+      SaveEditFeedUseCase(ootdFeedRepository: getIt<OotdFeedRepository>()));
+
+  // ViewModel
+  getIt.registerFactory(() => OotdFeedViewModel(
+      getDailyLocationWeatherUseCase: getIt<GetDailyLocationWeatherUseCase>(),
+      getOotdFeedsUseCase: getIt<GetOotdFeedsUseCase>()));
+  getIt.registerFactory(
+    () => OotdSearchViewModel(
+      getSearchFeedsUseCase: getIt<GetSearchFeedsUseCase>(),
+    ),
+  );
+  getIt.registerFactoryParam((id, _) => OotdDetailViewModel(
+      getDetailFeedDetailUseCase: getIt<GetDetailFeedDetailUseCase>(),
+      getUserProfileUseCase: getIt<GetUserProfileUseCase>(),
+      id: id as String));
+}
diff --git a/lib/core/di/file/file_di_setup.dart b/lib/core/di/file/file_di_setup.dart
new file mode 100644
index 00000000..088d7e26
--- /dev/null
+++ b/lib/core/di/file/file_di_setup.dart
@@ -0,0 +1,33 @@
+import 'package:firebase_storage/firebase_storage.dart';
+import 'package:weaco/core/di/di_setup.dart';
+import 'package:weaco/core/firebase/firebase_auth_service.dart';
+import 'package:weaco/core/path_provider/path_provider_service.dart';
+import 'package:weaco/data/file/data_source/local/local_file_data_source.dart';
+import 'package:weaco/data/file/data_source/local/local_file_data_source_impl.dart';
+import 'package:weaco/data/file/data_source/remote/remote_file_data_source.dart';
+import 'package:weaco/data/file/data_source/remote/remote_file_data_source_impl.dart';
+import 'package:weaco/data/file/repository/file_repository_impl.dart';
+import 'package:weaco/domain/file/repository/file_repository.dart';
+import 'package:weaco/domain/file/use_case/get_image_use_case.dart';
+import 'package:weaco/domain/file/use_case/save_image_use_case.dart';
+
+void fileDiSetup() {
+  // DataSource
+  getIt.registerLazySingleton<RemoteFileDataSource>(() =>
+      RemoteFileDataSourceImpl(
+          firebaseStorage: getIt<FirebaseStorage>(),
+          firebaseAuthService: getIt<FirebaseAuthService>()));
+  getIt.registerLazySingleton<LocalFileDataSource>(() =>
+      LocalFileDataSourceImpl(pathProvider: getIt<PathProviderService>()));
+
+  // Repository
+  getIt.registerLazySingleton<FileRepository>(() => FileRepositoryImpl(
+      remoteFileDataSource: getIt<RemoteFileDataSource>(),
+      localFileDataSource: getIt<LocalFileDataSource>()));
+
+  // UseCase
+  getIt.registerLazySingleton<SaveImageUseCase>(
+      () => SaveImageUseCase(fileRepository: getIt<FileRepository>()));
+  getIt.registerLazySingleton<GetImageUseCase>(
+      () => GetImageUseCase(fileRepository: getIt<FileRepository>()));
+}
diff --git a/lib/core/di/location/location_di_setup.dart b/lib/core/di/location/location_di_setup.dart
new file mode 100644
index 00000000..1ec0b341
--- /dev/null
+++ b/lib/core/di/location/location_di_setup.dart
@@ -0,0 +1,23 @@
+import 'package:weaco/core/di/di_setup.dart';
+import 'package:weaco/core/dio/base_dio.dart';
+import 'package:weaco/core/gps/gps_helper.dart';
+import 'package:weaco/data/location/data_source/remote_data_source/kakao_reverse_geo_coder_api.dart';
+import 'package:weaco/data/location/data_source/remote_data_source/remote_location_data_source.dart';
+import 'package:weaco/data/location/repository/location_repository_impl.dart';
+import 'package:weaco/domain/location/repository/location_repository.dart';
+import 'package:weaco/domain/location/use_case/get_location_use_case.dart';
+
+void locationDiSetup() {
+  // DataSource
+  getIt.registerLazySingleton<RemoteLocationDataSource>(
+      () => KakaoReverseGeoCoderApi(dio: getIt<BaseDio>()));
+
+  // Repository
+  getIt.registerLazySingleton<LocationRepository>(() => LocationRepositoryImpl(
+      gpsHelper: getIt<GpsHelper>(),
+      remoteDataSource: getIt<RemoteLocationDataSource>()));
+
+  // // UseCase
+  getIt.registerLazySingleton<GetLocationUseCase>(() =>
+      GetLocationUseCase(locationRepository: getIt<LocationRepository>()));
+}
diff --git a/lib/core/di/user/user_di_setup.dart b/lib/core/di/user/user_di_setup.dart
new file mode 100644
index 00000000..5467355f
--- /dev/null
+++ b/lib/core/di/user/user_di_setup.dart
@@ -0,0 +1,65 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:weaco/core/di/di_setup.dart';
+import 'package:weaco/core/firebase/firebase_auth_service.dart';
+import 'package:weaco/data/user/data_source/firebase_user_auth_data_source.dart';
+import 'package:weaco/data/user/data_source/remote_profile_image_data_source.dart';
+import 'package:weaco/data/user/data_source/remote_profile_image_data_source_impl.dart';
+import 'package:weaco/data/user/data_source/remote_user_profile_data_source.dart';
+import 'package:weaco/data/user/data_source/remote_user_profile_date_source_impl.dart';
+import 'package:weaco/data/user/data_source/user_auth_data_source.dart';
+import 'package:weaco/data/user/repository/profile_image_repository_impl.dart';
+import 'package:weaco/data/user/repository/user_auth_repository_impl.dart';
+import 'package:weaco/data/user/repository/user_profile_repository_impl.dart';
+import 'package:weaco/domain/user/repository/profile_image_repository.dart';
+import 'package:weaco/domain/user/repository/user_auth_repository.dart';
+import 'package:weaco/domain/user/repository/user_profile_repository.dart';
+import 'package:weaco/domain/user/use_case/get_my_profile_use_case.dart';
+import 'package:weaco/domain/user/use_case/get_profile_image_list_use_case.dart';
+import 'package:weaco/domain/user/use_case/get_user_profile_use_case.dart';
+import 'package:weaco/domain/user/use_case/log_out_use_case.dart';
+import 'package:weaco/domain/user/use_case/sign_in_use_case.dart';
+import 'package:weaco/domain/user/use_case/sign_out_use_case.dart';
+import 'package:weaco/domain/user/use_case/sign_up_use_case.dart';
+
+void userDiSetup() {
+  // DataSource
+  getIt.registerLazySingleton<RemoteUserProfileDataSource>(() =>
+      RemoteUserProfileDataSourceImpl(
+          firestore: getIt<FirebaseFirestore>(),
+          firebaseService: getIt<FirebaseAuthService>()));
+  getIt.registerLazySingleton<RemoteProfileImageDataSource>(() =>
+      RemoteProfileImageDataSourceImpl(firestore: getIt<FirebaseFirestore>()));
+  getIt.registerLazySingleton<UserAuthDataSource>(() =>
+      FirebaseUserAuthDataSourceImpl(
+          firebaseService: getIt<FirebaseAuthService>()));
+
+  // Repository
+  getIt.registerLazySingleton<UserAuthRepository>(() => UserAuthRepositoryImpl(
+      userAuthDataSource: getIt<UserAuthDataSource>(),
+      remoteUserProfileDataSource: getIt<RemoteUserProfileDataSource>()));
+  getIt.registerLazySingleton<ProfileImageRepository>(() =>
+      ProfileImageRepositoryImpl(
+          remoteDataSource: getIt<RemoteProfileImageDataSource>()));
+  getIt.registerLazySingleton<UserProfileRepository>(() =>
+      UserProfileRepositoryImpl(
+          remoteUserProfileDataSource: getIt<RemoteUserProfileDataSource>()));
+
+  // // UseCase
+  getIt.registerLazySingleton<GetMyPageUserProfileUseCase>(() =>
+      GetMyPageUserProfileUseCase(
+          userProfileRepository: getIt<UserProfileRepository>()));
+  getIt.registerLazySingleton<GetProfileImageListUseCase>(() =>
+      GetProfileImageListUseCase(
+          profileImageRepository: getIt<ProfileImageRepository>()));
+  getIt.registerLazySingleton<GetUserProfileUseCase>(() =>
+      GetUserProfileUseCase(
+          userProfileRepository: getIt<UserProfileRepository>()));
+  getIt.registerLazySingleton<LogOutUseCase>(
+      () => LogOutUseCase(userAuthRepository: getIt<UserAuthRepository>()));
+  getIt.registerLazySingleton<SignInUseCase>(
+      () => SignInUseCase(userAuthRepository: getIt<UserAuthRepository>()));
+  getIt.registerLazySingleton<SignOutUseCase>(
+      () => SignOutUseCase(userAuthRepository: getIt<UserAuthRepository>()));
+  getIt.registerLazySingleton<SignUpUseCase>(
+      () => SignUpUseCase(userAuthRepository: getIt<UserAuthRepository>()));
+}
diff --git a/lib/core/di/weather/weather_di_setup.dart b/lib/core/di/weather/weather_di_setup.dart
new file mode 100644
index 00000000..08e6f759
--- /dev/null
+++ b/lib/core/di/weather/weather_di_setup.dart
@@ -0,0 +1,52 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:weaco/core/di/di_setup.dart';
+import 'package:weaco/core/dio/base_dio.dart';
+import 'package:weaco/core/hive/hive_wrapper.dart';
+import 'package:weaco/data/weather/data_source/local_data_source/local_daily_location_weather_data_source.dart';
+import 'package:weaco/data/weather/data_source/local_data_source/local_daily_location_weather_data_source_impl.dart';
+import 'package:weaco/data/weather/data_source/remote_data_source/meteo_weather_api.dart';
+import 'package:weaco/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source.dart';
+import 'package:weaco/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source_impl.dart';
+import 'package:weaco/data/weather/data_source/remote_data_source/remote_weather_data_source.dart';
+import 'package:weaco/data/weather/repository/daily_location_weather_repository_impl.dart';
+import 'package:weaco/data/weather/repository/weather_background_image_repository_impl.dart';
+import 'package:weaco/domain/location/repository/location_repository.dart';
+import 'package:weaco/domain/weather/repository/daily_location_weather_repository.dart';
+import 'package:weaco/domain/weather/repository/weather_background_image_repository.dart';
+import 'package:weaco/domain/weather/use_case/get_background_image_list_use_case.dart';
+import 'package:weaco/domain/weather/use_case/get_daily_location_weather_use_case.dart';
+
+void weatherDiSetup() {
+  // DataSource
+  getIt.registerLazySingleton<RemoteWeatherDataSource>(
+      () => MeteoWeatherApi(dio: getIt<BaseDio>()));
+  getIt.registerLazySingleton<RemoteWeatherBackgroundImageDataSource>(() =>
+      RemoteWeatherBackgroundImageDataSourceImpl(
+          firestore: getIt<FirebaseFirestore>()));
+  getIt.registerLazySingleton<LocalDailyLocationWeatherDataSource>(() =>
+      LocalDailyLocationWeatherDataSourceImpl(
+          hiveWrapper: getIt<HiveWrapper>()));
+
+  // Repository
+  getIt.registerLazySingleton<DailyLocationWeatherRepository>(
+      () => DailyLocationWeatherRepositoryImpl(
+            localDailyLocationWeatherDataSource:
+                getIt<LocalDailyLocationWeatherDataSource>(),
+            remoteWeatherDataSource: getIt<RemoteWeatherDataSource>(),
+            locationRepository: getIt<LocationRepository>(),
+          ));
+  getIt.registerLazySingleton<WeatherBackgroundImageRepository>(
+      () => WeatherBackgroundImageRepositoryImpl(
+            remoteDataSource: getIt<RemoteWeatherBackgroundImageDataSource>(),
+          ));
+
+  // UseCase
+  getIt.registerLazySingleton<GetDailyLocationWeatherUseCase>(() =>
+      GetDailyLocationWeatherUseCase(
+          dailyLocationWeatherRepository:
+              getIt<DailyLocationWeatherRepository>()));
+  getIt.registerLazySingleton<GetBackgroundImageListUseCase>(() =>
+      GetBackgroundImageListUseCase(
+          weatherBackgroundImageRepository:
+              getIt<WeatherBackgroundImageRepository>()));
+}
diff --git a/lib/core/dio/base_dio.dart b/lib/core/dio/base_dio.dart
new file mode 100644
index 00000000..8026bf44
--- /dev/null
+++ b/lib/core/dio/base_dio.dart
@@ -0,0 +1,34 @@
+import 'package:dio/dio.dart';
+import 'base_response.dart';
+
+class BaseDio {
+  final _dio = Dio();
+
+  BaseDio({
+    required HttpClientAdapter httpClientAdapter,
+  }) {
+    _dio.httpClientAdapter = httpClientAdapter;
+  }
+
+  /// GET 요청 메서드
+  /// @param path: 요청 주소
+  /// @param queryParameters: 요청 쿼리
+  /// @param headers: 요청 헤더
+  /// @param connectTimeout: 유효 연결 시간
+  /// @param receiveTimeout: 유효 응답 시간
+  /// @return Response: Get 요청에 대한 응답
+  Future<BaseResponse> get(
+      {required String path,
+      Map<String, dynamic>? queryParameters,
+      Map<String, dynamic>? headers,
+      Duration? connectTimeout,
+      Duration? receiveTimeout}) async {
+    Response result = await _dio.get(path,
+        queryParameters: queryParameters,
+        options: Options(
+            headers: headers,
+            receiveTimeout: receiveTimeout,
+            sendTimeout: connectTimeout));
+    return BaseResponse(statusCode: result.statusCode, body: result.data);
+  }
+}
diff --git a/lib/core/dio/base_response.dart b/lib/core/dio/base_response.dart
new file mode 100644
index 00000000..a7fae888
--- /dev/null
+++ b/lib/core/dio/base_response.dart
@@ -0,0 +1,6 @@
+class BaseResponse {
+  final int? statusCode;
+  final Map<String, dynamic> body;
+
+  BaseResponse({required this.statusCode, required this.body});
+}
diff --git a/lib/core/enum/gender_code.dart b/lib/core/enum/gender_code.dart
new file mode 100644
index 00000000..96c41af4
--- /dev/null
+++ b/lib/core/enum/gender_code.dart
@@ -0,0 +1,26 @@
+enum GenderCode {
+  man(value: 1, name: '남자'),
+  women(value: 2, name: '여자'),
+  unknown(value: -1, name: 'unknown');
+
+  final int value;
+  final String name;
+
+  const GenderCode({required this.value, required this.name});
+
+  GenderCode fromValue(int value) {
+    return switch (value) {
+      1 => GenderCode.man,
+      2 => GenderCode.women,
+      _ => GenderCode.unknown,
+    };
+  }
+
+  GenderCode fromName(String name) {
+    return switch (name) {
+      '남자' => GenderCode.man,
+      '여자' => GenderCode.women,
+      _ => GenderCode.unknown,
+    };
+  }
+}
diff --git a/lib/core/enum/router_path.dart b/lib/core/enum/router_path.dart
new file mode 100644
index 00000000..848f9e2f
--- /dev/null
+++ b/lib/core/enum/router_path.dart
@@ -0,0 +1,22 @@
+enum RouterPath {
+  defaultPage(path: '/'),
+  home(path: '/homeScreen'),
+  signUp(path: '/signUp'),
+  signIn(path: '/signIn'),
+  dialog(path: '/dialog'),
+  appSetting(path: '/appSetting'),
+  appSettingLicense(path: '/appSettingLicenseScreen'),
+  appSettingPolicy(path: '/appSettingPolicyScreen'),
+  myPage(path: '/myPage'),
+  userPage(path: '/userPage'),
+  ootdSearch(path: '/ootdSearchScreen'),
+  ootdFeed(path: '/ootdFeedScreen'),
+  ootdDetail(path: '/ootdDetailScreen'),
+  camera(path: '/cameraScreen'),
+  pictureCrop(path: '/pictureCropScreen'),
+  ootdPost(path: '/ootdPostScreen');
+
+  final String path;
+
+  const RouterPath({required this.path});
+}
diff --git a/lib/core/enum/season_code.dart b/lib/core/enum/season_code.dart
new file mode 100644
index 00000000..04ea0d22
--- /dev/null
+++ b/lib/core/enum/season_code.dart
@@ -0,0 +1,33 @@
+enum SeasonCode {
+  noData(value: 0, description: '전체'),
+  spring(value: 1, description: '봄'),
+  summer(value: 2, description: '여름'),
+  autumn(value: 3, description: '가을'),
+  winter(value: 4, description: '겨울');
+
+  final int value;
+  final String description;
+
+  const SeasonCode({required this.value, required this.description});
+
+  static SeasonCode fromValue(int value) {
+    return switch (value) {
+      0 || -1 => SeasonCode.noData,
+      1 => SeasonCode.spring,
+      2 => SeasonCode.summer,
+      3 => SeasonCode.autumn,
+      4 => SeasonCode.winter,
+      _ => throw ArgumentError('Invalid value')
+    };
+  }
+
+  static SeasonCode fromMonth(int month) {
+    return switch (month) {
+      3 || 4 || 5 => SeasonCode.spring,
+      6 || 7 || 8 => SeasonCode.summer,
+      9 || 10 || 11 => SeasonCode.autumn,
+      12 || 1 || 2 => SeasonCode.winter,
+      _ => throw ArgumentError('Invalid month'),
+    };
+  }
+}
diff --git a/lib/core/enum/temperature_code.dart b/lib/core/enum/temperature_code.dart
new file mode 100644
index 00000000..55e398a5
--- /dev/null
+++ b/lib/core/enum/temperature_code.dart
@@ -0,0 +1,51 @@
+enum TemperatureCode {
+  noData(value: 0, description: '전체', minTemperature: 0, maxTemperature: 0),
+  underMinusTen(
+      value: 1,
+      description: '-10°C 이하',
+      minTemperature: -30,
+      maxTemperature: -10),
+  overMinusTenToZero(
+      value: 2,
+      description: '-10 ~ 0°C',
+      minTemperature: -10,
+      maxTemperature: 0),
+  overZeroToTen(
+      value: 3, description: '0 ~ 10°C', minTemperature: 0, maxTemperature: 10),
+  overTenToTwenty(
+      value: 4,
+      description: '10 ~ 20°C',
+      minTemperature: 10,
+      maxTemperature: 20),
+  overTwentyToThirty(
+      value: 5,
+      description: '20 ~ 30°C',
+      minTemperature: 20,
+      maxTemperature: 30),
+  overThirty(
+      value: 6, description: '30°C 이상', minTemperature: 30, maxTemperature: 50);
+
+  final int value;
+  final String description;
+  final int minTemperature;
+  final int maxTemperature;
+
+  const TemperatureCode(
+      {required this.value,
+      required this.description,
+      required this.minTemperature,
+      required this.maxTemperature});
+
+  static TemperatureCode fromValue(int value) {
+    return switch (value) {
+      0 || -1 => TemperatureCode.noData,
+      1 => TemperatureCode.underMinusTen,
+      2 => TemperatureCode.overMinusTenToZero,
+      3 => TemperatureCode.overZeroToTen,
+      4 => TemperatureCode.overTenToTwenty,
+      5 => TemperatureCode.overTwentyToThirty,
+      6 => TemperatureCode.overThirty,
+      _ => throw ArgumentError('Invalid value')
+    };
+  }
+}
diff --git a/lib/core/enum/weather_code.dart b/lib/core/enum/weather_code.dart
new file mode 100644
index 00000000..cecde809
--- /dev/null
+++ b/lib/core/enum/weather_code.dart
@@ -0,0 +1,110 @@
+import 'package:weaco/presentation/common/style/image_path.dart';
+
+enum WeatherCode {
+  noData(
+    value: 0,
+    iconPath: '',
+    description: '전체',
+  ), // no data
+  clearSky(
+      value: 1,
+      iconPath: ImagePath.weatherClearSkyIcon,
+      description: '맑음'), // 맑음
+  partlyCloudy(
+    value: 2,
+    iconPath: ImagePath.weatherPartlyCloudy,
+    description: '흐림',
+  ), // 조금 흐림
+  fog(
+    value: 3,
+    iconPath: ImagePath.weatherFog,
+    description: '안개',
+  ), // 안개
+  drizzle(
+    value: 4,
+    iconPath: ImagePath.weatherDrizzle,
+    description: '이슬비',
+  ), // 이슬비
+  freezingDrizzle(
+      value: 5, iconPath: ImagePath.weatherDrizzle, description: '진눈깨비'),
+  rain(
+    value: 6,
+    iconPath: ImagePath.weatherRain,
+    description: '비',
+  ), // 비
+  rainShower(
+      value: 7,
+      iconPath: ImagePath.weatherRainShower,
+      description: '소나기'), // 소나기
+  snow(
+    value: 8,
+    iconPath: ImagePath.weatherSnow,
+    description: '눈',
+  ), // 눈
+  snowGrain(
+    value: 9,
+    iconPath: ImagePath.weatherSnow,
+    description: '싸락눈',
+  ), // 싸락눈
+  snowShower(
+    value: 10,
+    iconPath: ImagePath.weatherSnow,
+    description: '소낙눈',
+  ), // 소낙눈
+  thunderStorm(
+    value: 11,
+    iconPath: ImagePath.weatherThunderStorm,
+    description: '뇌우',
+  ), // 뇌우
+  thunderStormHail(
+    value: 12,
+    iconPath: ImagePath.weatherThunderStormHail,
+    description: '눈보라',
+  ); // 우박을 동반한 뇌우
+
+  final int value;
+  final String iconPath;
+  final String description;
+
+  const WeatherCode(
+      {required this.value, required this.iconPath, required this.description});
+
+  // WeatherCode의 value 값으로 WeatherCode 매핑
+  static WeatherCode fromValue(int value) {
+    return switch (value) {
+      0 || -1 => WeatherCode.noData,
+      1 => WeatherCode.clearSky,
+      2 => WeatherCode.partlyCloudy,
+      3 => WeatherCode.fog,
+      4 => WeatherCode.drizzle,
+      5 => WeatherCode.freezingDrizzle,
+      6 => WeatherCode.rain,
+      7 => WeatherCode.rainShower,
+      8 => WeatherCode.snow,
+      9 => WeatherCode.snowGrain,
+      10 => WeatherCode.snowShower,
+      11 => WeatherCode.thunderStorm,
+      12 => WeatherCode.thunderStormHail,
+      _ => throw ArgumentError('Invalid value')
+    };
+  }
+
+  // Api에서 받아온 데이터를 WeatherCode로 변경
+  static WeatherCode fromDtoCode(int code) {
+    return switch (code) {
+      0 => WeatherCode.clearSky,
+      1 || 2 || 3 => WeatherCode.partlyCloudy,
+      45 || 48 => WeatherCode.fog,
+      51 || 53 || 55 => WeatherCode.drizzle,
+      56 || 57 || 66 || 67 => WeatherCode.freezingDrizzle,
+      61 || 63 || 65 => WeatherCode.rain,
+      80 || 81 || 82 => WeatherCode.rainShower,
+      71 || 73 || 75 => WeatherCode.snow,
+      77 => WeatherCode.snowGrain,
+      85 || 86 => WeatherCode.snowShower,
+      95 => WeatherCode.thunderStorm,
+      96 || 99 => WeatherCode.thunderStormHail,
+      _ => throw ArgumentError('Invalid value')
+    };
+  }
+}
diff --git a/lib/core/exception/custom_business_exception.dart b/lib/core/exception/custom_business_exception.dart
new file mode 100644
index 00000000..6a233266
--- /dev/null
+++ b/lib/core/exception/custom_business_exception.dart
@@ -0,0 +1,7 @@
+/// 어플리케이션 비지니스상 의도한 예외를 정의한 클래스
+class CustomBusinessException implements Exception {
+  final int code;
+  final String message;
+
+  CustomBusinessException({required this.code, required this.message});
+}
diff --git a/lib/core/exception/handler/exception_message_handler.dart b/lib/core/exception/handler/exception_message_handler.dart
new file mode 100644
index 00000000..75c58f4e
--- /dev/null
+++ b/lib/core/exception/handler/exception_message_handler.dart
@@ -0,0 +1,119 @@
+import 'dart:developer';
+
+import 'package:dio/dio.dart';
+import 'package:firebase_core/firebase_core.dart';
+import 'package:weaco/core/exception/custom_business_exception.dart';
+import 'package:weaco/core/exception/internal_server_exception.dart';
+import 'package:weaco/core/exception/not_found_exception.dart';
+
+class ExceptionMessageHandler {
+  String getMessage(Exception e) {
+    return switch (e) {
+      DioException _ => _dioExceptionHandle(e),
+      FirebaseException _ => _firebaseExceptionHandle(e),
+      CustomBusinessException _ => _businessExceptionHandle(e),
+      _ => '알 수 없는 오류',
+    };
+  }
+
+  /// Dio Exception 분기 및 다이얼로그 컨텐츠에 들어갈 메세지 반환
+  String _dioExceptionHandle(DioException e) {
+    log(e.message ?? 'Dio Error');
+
+    return switch (e.type) {
+      DioExceptionType.connectionTimeout ||
+      DioExceptionType.connectionError ||
+      DioExceptionType.sendTimeout ||
+      DioExceptionType.receiveTimeout =>
+        '네트워크가 불안정 합니다.',
+      DioExceptionType.badCertificate => '인증되지 않는 유저입니다.',
+      DioExceptionType.badResponse => '잘못된 요청입니다.',
+      DioExceptionType.cancel => '요청이 취소되었습니다',
+      DioExceptionType.unknown => '알 수 없는 오류',
+    };
+  }
+
+  /// Firebase Auth, Firestore, Storage 분기
+  String _firebaseExceptionHandle(FirebaseException e) {
+    return switch (e.plugin) {
+      'firebase_auth' => _handleAuthException(e),
+      'firebase_firestore' => _handleFirestoreException(e),
+      'firebase_storage' => _handleStorageException(e),
+      _ => '알수없는 에러가 발생하였습니다.(파이어베이스)',
+    };
+  }
+
+  /// Firebase Auth Exception 분기 및 다이얼로그 컨텐츠에 들어갈 메세지 반환
+  String _handleAuthException(FirebaseException e) {
+    log(e.message ?? 'Auth Error');
+
+    return switch (e.code) {
+      'user-not-found' => '존재하지 않는 유저입니다.',
+      'wrong-password' => '비밀번호가 맞지 않습니다.',
+      'email-already-in-use' => '이미 가입된 이메일입니다.',
+      'invalid-email' => '이메일 형식이 올바르지 못합니다.',
+      'operation-not-allowed' => '허용되지 않는 요청입니다.',
+      'weak-password' => '비밀번호 형식이 안전하지 않습니다.',
+      'network-request-failed' => '네트워크가 불안정 합니다.',
+      'too-many-requests' => '요청이 너무 많습니다.',
+      'user-disabled' => '이미 탈퇴한 회원입니다.',
+      _ => 'Auth Error: ${e.message}',
+    };
+  }
+
+  /// Firebase Firestore Exception 분기 및 다이얼로그 컨텐츠에 들어갈 메세지 반환
+  String _handleFirestoreException(FirebaseException e) {
+    return switch (e.code) {
+      'aborted' => '요청이 중단되었습니다.',
+      'already-exists' => '이미 존재하는 데이터입니다.',
+      'cancelled' => '요청이 취소되었습니다.',
+      'data-loss' => '데이터가 손실되었습니다.',
+      'deadline-exceeded' => '기한이 초과된 요청입니다.',
+      'failed-precondition' => 'Firestore 오류: 사전 조건 실패',
+      'internal' => '서버가 불안정합니다.',
+      'invalid-argument' => '잘못된 데이터 인자 입니다.',
+      'not-found' => '데이터를 찾을수 없습니다.',
+      'out-of-range' => '범위 크기를 초과하였습니다.',
+      'permission-denied' => '요청할수 있는 권한이 없습니다.',
+      'resource-exhausted' => '더이상 데이터가 없습니다.',
+      'unauthenticated' => '인증되지 않는 요청입니다.',
+      'unavailable' => '이용이 불가능한 요청입니다.',
+      'unimplemented' => '구현되지 않는 요청입니다.',
+      'unknown' => '알 수 없는 에러입니다.',
+      _ => 'Firestore Error: ${e.message}',
+    };
+  }
+
+  /// Firebase Storage Exception 분기 및 다이얼로그 컨텐츠에 들어갈 메세지 반환
+  String _handleStorageException(FirebaseException e) {
+    return switch (e.code) {
+      'object-not-found' => '파일 객체를 찾을 수 없습니다.',
+      'bucket-not-found' => '버킷을 찾을 수 없습니다.',
+      'project-not-found' => '프로젝트를 찾을 수 없습니다.',
+      'quota-exceeded' => '할당량이 초과 되었습니다.',
+      'unauthenticated' => '인증되지 않은 요청입니다.',
+      'unauthorized' => '권한이 없는 요청입니다.',
+      'retry-limit-exceeded' => '재시도 한도 초과 되었습니다.',
+      'invalid-checksum' => '잘못된 체크섬',
+      'canceled' => '요청이 취소 되었습니다.',
+      'invalid-event-name' => '이벤트 이름이 잘못 되었습니다.',
+      'invalid-url' => '잘못된 URL 입니다.',
+      'invalid-argument' => '잘못된 인수 입니다.',
+      'no-default-bucket' => '기본 버킷이 없습니다.',
+      'cannot-slice-blob' => 'Blob을 자를 수 없습니다.',
+      'server-file-wrong-size' => '서버 파일 크기 오류 입니다.',
+      _ => 'Storage Error: ${e.message}',
+    };
+  }
+
+  /// 비즈니스 로직에서 발생하는 예외 분기 및 다이얼로그 컨텐츠에 들어갈 메세지 반환
+  String _businessExceptionHandle(CustomBusinessException e) {
+    log(e.message);
+
+    return switch (e) {
+      InternalServerException _ => e.message,
+      NotFoundException _ => e.message,
+      _ => '알수없는 에러가 발생하였습니다.${e.message}',
+    };
+  }
+}
diff --git a/lib/core/exception/internal_server_exception.dart b/lib/core/exception/internal_server_exception.dart
new file mode 100644
index 00000000..566d9bf6
--- /dev/null
+++ b/lib/core/exception/internal_server_exception.dart
@@ -0,0 +1,6 @@
+import 'package:weaco/core/exception/custom_business_exception.dart';
+
+/// 서버 내부 오류 예외
+class InternalServerException extends CustomBusinessException {
+  InternalServerException({required super.code, required super.message});
+}
diff --git a/lib/core/exception/network_exception.dart b/lib/core/exception/network_exception.dart
new file mode 100644
index 00000000..ec30daff
--- /dev/null
+++ b/lib/core/exception/network_exception.dart
@@ -0,0 +1,28 @@
+sealed class NetworkException implements Exception {
+  final String code;
+  final String message;
+
+  NetworkException({required this.code, required this.message});
+
+  factory NetworkException.noData(
+      {required String code, required String message}) = NoDataException;
+
+  factory NetworkException.errorCode(
+      {required String code,
+      required String message}) = ErrorResponseCodeException;
+
+  factory NetworkException.unknown(
+      {required String code, required String message}) = UnknownException;
+}
+
+class NoDataException extends NetworkException {
+  NoDataException({required super.code, required super.message});
+}
+
+class ErrorResponseCodeException extends NetworkException {
+  ErrorResponseCodeException({required super.code, required super.message});
+}
+
+class UnknownException extends NetworkException {
+  UnknownException({required super.code, required super.message});
+}
diff --git a/lib/core/exception/not_found_exception.dart b/lib/core/exception/not_found_exception.dart
new file mode 100644
index 00000000..c0e29f02
--- /dev/null
+++ b/lib/core/exception/not_found_exception.dart
@@ -0,0 +1,6 @@
+import 'package:weaco/core/exception/custom_business_exception.dart';
+
+/// 리소스(ex) EndPoint, data)를 찾을 수 없는 예외
+class NotFoundException extends CustomBusinessException {
+  NotFoundException({required super.code, required super.message});
+}
diff --git a/lib/core/extension/date_time.dart b/lib/core/extension/date_time.dart
new file mode 100644
index 00000000..03fd5e35
--- /dev/null
+++ b/lib/core/extension/date_time.dart
@@ -0,0 +1,6 @@
+extension DateTimeFormat on DateTime {
+  String toFormat() {
+    final midday = hour > 12 ? '오후' : '오전';
+    return '$month월 $day일    $midday ${hour > 12 ? hour - 12 : hour}시 $minute분';
+  }
+}
\ No newline at end of file
diff --git a/lib/core/firebase/firebase_auth_service.dart b/lib/core/firebase/firebase_auth_service.dart
new file mode 100644
index 00000000..c2429d1a
--- /dev/null
+++ b/lib/core/firebase/firebase_auth_service.dart
@@ -0,0 +1,83 @@
+import 'dart:developer';
+
+import 'package:firebase_auth/firebase_auth.dart';
+
+class FirebaseAuthService {
+  final FirebaseAuth _firebaseAuth = FirebaseAuth.instance;
+  UserCredential? _userCredential;
+  User? _user;
+
+  User? get user => _user;
+
+  FirebaseAuth get firebaseAuth => _firebaseAuth;
+
+  UserCredential? get userCredential => _userCredential;
+
+  FirebaseAuthService() {
+    _addAuthStateChangesListener();
+    _user = _firebaseAuth.currentUser;
+  }
+
+  // 회원가입
+  Future<UserCredential?> signUp({
+    required String email,
+    required String password,
+  }) async {
+    try {
+      _userCredential = await _firebaseAuth.createUserWithEmailAndPassword(
+          email: email, password: password);
+
+      return _userCredential;
+    } on Exception catch (e) {
+      log(e.toString(), name: 'FirebaseService.signUp()');
+      rethrow;
+    }
+  }
+
+  // 로그인
+  Future<UserCredential?> signIn({
+    required String email,
+    required String password,
+  }) async {
+    try {
+      _userCredential = await FirebaseAuth.instance
+          .signInWithEmailAndPassword(email: email, password: password);
+
+      return _userCredential;
+    } on Exception catch (e) {
+      log(e.toString(), name: 'FirebaseService.signIn()');
+      rethrow;
+    }
+  }
+
+  // 로그아웃
+  Future<void> logOut() async {
+    try {
+      await _firebaseAuth.signOut();
+    } on Exception catch (e) {
+      log(e.toString(), name: 'FirebaseService.logOut()');
+      rethrow;
+    }
+  }
+
+  // 회원탈퇴
+  Future<void> signOut() async {
+    try {
+      await _userCredential?.user?.delete();
+    } on Exception catch (e) {
+      log(e.toString(), name: 'FirebaseService.signOut()');
+      rethrow;
+    }
+  }
+
+  void _addAuthStateChangesListener() {
+    _firebaseAuth.authStateChanges().listen((user) {
+      if (user == null) {
+        _user = null;
+        _userCredential = null;
+      } else {
+        _user = user;
+      }
+    });
+  }
+}
diff --git a/lib/core/firebase/firestore_dto_mapper.dart b/lib/core/firebase/firestore_dto_mapper.dart
new file mode 100644
index 00000000..ccf65f00
--- /dev/null
+++ b/lib/core/firebase/firestore_dto_mapper.dart
@@ -0,0 +1,66 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+Feed toFeed({required Map<String, dynamic> json, required String id}) {
+  return Feed(
+    id: id,
+    imagePath: json['image_path'],
+    userEmail: json['user_email'],
+    description: json['description'],
+    weather: Weather.fromJson(json['weather']),
+    seasonCode: json['season_code'],
+    location: Location.fromJson(json['location']),
+    createdAt: (json['created_at'] as Timestamp).toDate(),
+    deletedAt: json['deleted_at'] != null
+        ? (json['deleted_at'] as Timestamp).toDate()
+        : null,
+  );
+}
+
+Map<String, dynamic> toFeedDto({required Feed feed}) {
+  return {
+    'image_path': feed.imagePath,
+    'user_email': feed.userEmail,
+    'description': feed.description,
+    'weather': feed.weather.toJson(),
+    'season_code': feed.seasonCode,
+    'location': feed.location.toJson(),
+    'created_at': Timestamp.fromDate(feed.createdAt),
+    'deleted_at':
+        feed.deletedAt != null ? Timestamp.fromDate(feed.deletedAt!) : null,
+  };
+}
+
+Map<String, dynamic> toUserProfileDto({required UserProfile userProfile}) {
+  return {
+    'email': userProfile.email,
+    'nickname': userProfile.nickname,
+    'gender': userProfile.gender,
+    'profile_image_path': userProfile.profileImagePath,
+    'feed_count': userProfile.feedCount,
+    'created_at': Timestamp.fromDate(userProfile.createdAt),
+    'deleted_at': userProfile.deletedAt != null
+        ? Timestamp.fromDate(userProfile.deletedAt!)
+        : null,
+  };
+}
+
+UserProfile toUserProfile({required Map<String, dynamic> json}) {
+  return UserProfile(
+    email: json['email'],
+    nickname: json['nickname'],
+    gender: json['gender'],
+    profileImagePath: json['profile_image_path'],
+    feedCount: json['feed_count'],
+    createdAt: (json['created_at'] as Timestamp).toDate(),
+    deletedAt: json['deleted_at'] != null
+        ? (json['deleted_at'] as Timestamp).toDate()
+        : null,
+  );
+}
+
+
+
diff --git a/lib/core/go_router/router.dart b/lib/core/go_router/router.dart
new file mode 100644
index 00000000..fb0f41e6
--- /dev/null
+++ b/lib/core/go_router/router.dart
@@ -0,0 +1,165 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/core/di/di_setup.dart';
+import 'package:weaco/core/enum/router_path.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/user/use_case/log_out_use_case.dart';
+import 'package:weaco/domain/user/use_case/sign_out_use_case.dart';
+import 'package:weaco/presentation/my_page/screen/my_page_screen.dart';
+import 'package:weaco/presentation/my_page/view_model/my_page_view_model.dart';
+import 'package:weaco/presentation/ootd_feed/screen/ootd_feed_screen.dart';
+import 'package:weaco/presentation/ootd_feed/view_model/ootd_feed_view_model.dart';
+import 'package:weaco/presentation/ootd_post/view_model/ootd_post_view_model.dart';
+import 'package:weaco/presentation/ootd_post/view_model/picutre_crop_view_model.dart';
+import 'package:weaco/presentation/home/screen/home_screen.dart';
+import 'package:weaco/presentation/home/view_model/home_screen_view_model.dart';
+import 'package:weaco/presentation/ootd_search/screen/ootd_search_screen.dart';
+import 'package:weaco/presentation/ootd_search/view_model/ootd_search_view_model.dart';
+import 'package:weaco/presentation/settings/screen/app_setting_policy_screen.dart';
+import 'package:weaco/presentation/settings/screen/app_setting_screen.dart';
+import 'package:weaco/presentation/settings/view_model/app_setting_view_model.dart';
+import 'package:weaco/presentation/ootd_feed_detail/screen/ootd_detail_screen.dart';
+import 'package:weaco/presentation/ootd_feed_detail/view_model/ootd_detail_view_model.dart';
+import 'package:weaco/presentation/ootd_post/view_model/camera_view_model.dart';
+import 'package:weaco/presentation/ootd_post/screen/ootd_post_screen.dart';
+import 'package:weaco/presentation/ootd_post/screen/picture_crop_screen.dart';
+import 'package:weaco/presentation/main/screen/main_screen.dart';
+import 'package:weaco/presentation/sign_in/screen/sign_in_screen.dart';
+import 'package:weaco/presentation/sign_in/view_model/sign_in_view_model.dart';
+import 'package:weaco/presentation/sign_up/screen/sign_up_screen.dart';
+import 'package:weaco/presentation/user_page/screen/user_page_screen.dart';
+import 'package:weaco/presentation/user_page/view_model/user_page_view_model.dart';
+import 'package:weaco/presentation/sign_up/view_model/sign_up_view_model.dart';
+
+final router = GoRouter(
+  initialLocation: '/',
+  routes: [
+    GoRoute(
+        path: RouterPath.defaultPage.path,
+        builder: (context, state) {
+          return MultiProvider(
+            providers: [
+              ChangeNotifierProvider(
+                  create: (_) => getIt<HomeScreenViewModel>()),
+              ChangeNotifierProvider(create: (_) => getIt<OotdFeedViewModel>()),
+              ChangeNotifierProvider(create: (_) => getIt<CameraViewModel>()),
+              ChangeNotifierProvider(create: (_) => getIt<OotdFeedViewModel>()),
+              ChangeNotifierProvider(
+                  create: (context) => getIt<OotdSearchViewModel>()),
+              ChangeNotifierProvider(
+                  create: (context) => getIt<MyPageViewModel>()),
+            ],
+            child: const MainScreen(),
+          );
+        }),
+    GoRoute(
+      path: RouterPath.home.path,
+      builder: (context, state) {
+        return ChangeNotifierProvider(
+          create: (_) => getIt<HomeScreenViewModel>(),
+          child: const HomeScreen(),
+        );
+      },
+    ),
+    GoRoute(
+      path: RouterPath.signUp.path,
+      builder: (context, state) => ChangeNotifierProvider(
+        create: (_) => getIt<SignUpViewModel>(),
+        child: const SignUpScreen(),
+      ),
+    ),
+    GoRoute(
+      path: RouterPath.signIn.path,
+      builder: (context, state) => ChangeNotifierProvider(
+        create: (_) => getIt<SignInViewModel>(),
+        child: const SignInScreen(),
+      ),
+    ),
+    GoRoute(
+        path: RouterPath.appSetting.path,
+        builder: (context, state) {
+          return ChangeNotifierProvider(
+            create: (_) => AppSettingViewModel(
+              logOutUseCase: getIt<LogOutUseCase>(),
+              signOutUseCase: getIt<SignOutUseCase>(),
+            ),
+            child: const AppSettingScreen(),
+          );
+        }),
+    GoRoute(
+      path: RouterPath.appSettingPolicy.path,
+      builder: (context, state) => const AppSettingPolicyScreen(),
+    ),
+    GoRoute(
+      path: RouterPath.appSettingLicense.path,
+      builder: (context, state) => const LicensePage(),
+    ),
+    GoRoute(
+      path: RouterPath.myPage.path,
+      builder: (context, state) => ChangeNotifierProvider(
+        create: (context) => getIt<MyPageViewModel>(),
+        child: const MyPageScreen(),
+      ),
+    ),
+    GoRoute(
+      path: RouterPath.userPage.path,
+      builder: (context, state) => ChangeNotifierProvider(
+        create: (context) => getIt<UserPageViewModel>(
+          param1: state.uri.queryParameters['email'],
+        ),
+        child: const UserPageScreen(),
+      ),
+    ),
+    GoRoute(
+      path: RouterPath.ootdSearch.path,
+      builder: (context, state) => ChangeNotifierProvider(
+        create: (context) => getIt<OotdSearchViewModel>(),
+        child: const OotdSearchScreen(),
+      ),
+    ),
+    GoRoute(
+      path: RouterPath.ootdFeed.path,
+      builder: (context, state) {
+        return ChangeNotifierProvider(
+          create: (_) => getIt<OotdFeedViewModel>(),
+          child: const OotdFeedScreen<OotdFeedViewModel>(),
+        );
+      },
+    ),
+    GoRoute(
+      path: RouterPath.ootdDetail.path,
+      builder: (context, state) {
+        return ChangeNotifierProvider(
+          create: (_) =>
+              getIt<OotdDetailViewModel>(param1: (state.extra as Feed).id),
+          child: OotdDetailScreen<OotdDetailViewModel>(
+            feed: state.extra as Feed,
+          ),
+        );
+      },
+    ),
+    GoRoute(
+      path: RouterPath.pictureCrop.path,
+      builder: (context, state) {
+        return ChangeNotifierProvider(
+          create: (_) => getIt<PictureCropViewModel>(),
+          child: PictureCropScreen(
+            sourcePath: state.extra as String,
+          ),
+        );
+      },
+    ),
+    GoRoute(
+      path: RouterPath.ootdPost.path,
+      builder: (context, state) {
+        return ChangeNotifierProvider(
+          create: (_) => getIt<OotdPostViewModel>(),
+          child: OotdPostScreen(
+            feed: state.extra as Feed?,
+          ),
+        );
+      },
+    ),
+  ],
+);
diff --git a/lib/core/go_router/router_static.dart b/lib/core/go_router/router_static.dart
new file mode 100644
index 00000000..a2dd6e7b
--- /dev/null
+++ b/lib/core/go_router/router_static.dart
@@ -0,0 +1,105 @@
+import 'package:flutter/material.dart';
+import 'package:weaco/core/enum/router_path.dart';
+import 'package:weaco/core/go_router/router.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+
+class RouterStatic {
+  static void clearAndNavigate(BuildContext context, String path) {
+    while (router.canPop() == true) {
+      router.pop();
+    }
+    router.pushReplacement(path);
+  }
+
+  static void goToDefault(BuildContext context) {
+    router.go(RouterPath.defaultPage.path);
+  }
+
+  static void replaceToDefault(BuildContext context) {
+    router.replace(RouterPath.defaultPage.path);
+  }
+
+  static void goToHome(BuildContext context) {
+    router.go(RouterPath.home.path);
+  }
+
+  static void popToHome(BuildContext context) {
+    router.pop(RouterPath.home.path);
+  }
+
+  static void pushToSignUp(BuildContext context) {
+    router.push(RouterPath.signUp.path);
+  }
+
+  static void goToSignIn(BuildContext context) {
+    router.push(RouterPath.signIn.path);
+  }
+
+  static void goToDialog(BuildContext context) {
+    router.go(RouterPath.dialog.path);
+  }
+
+  static void goToAppSetting(BuildContext context) {
+    router.go(RouterPath.appSetting.path);
+  }
+
+  static void pushToAppSetting(BuildContext context) {
+    router.push(RouterPath.appSetting.path);
+  }
+
+  static void goToAppSettingLicense(BuildContext context) {
+    router.go(RouterPath.appSettingLicense.path);
+  }
+
+  static void pushToAppSettingLicense(BuildContext context) {
+    router.push(RouterPath.appSettingLicense.path);
+  }
+
+  static void goToAppSettingPolicy(BuildContext context) {
+    router.go(RouterPath.appSettingPolicy.path);
+  }
+
+  static void pushToAppSettingPolicy(BuildContext context) {
+    router.push(RouterPath.appSettingPolicy.path);
+  }
+
+  static void goToMyPage(BuildContext context) {
+    router.go(RouterPath.myPage.path);
+  }
+
+  static void pushToUserPage(BuildContext context, {required String email}) {
+    router.push('${RouterPath.userPage.path}?email=$email');
+  }
+
+  static void goToOotdSearch(BuildContext context) {
+    router.push(RouterPath.ootdSearch.path);
+  }
+
+  static void goToOotdFeed(BuildContext context) {
+    router.push(RouterPath.ootdFeed.path);
+  }
+
+  static void pushToOotdDetail(BuildContext context, {required Feed feed}) {
+    router.push(RouterPath.ootdDetail.path, extra: feed);
+  }
+
+  static void goToCamera(BuildContext context) {
+    router.push(RouterPath.camera.path);
+  }
+
+  static void goToPictureCrop(BuildContext context, String path) {
+    router.push(RouterPath.pictureCrop.path, extra: path);
+  }
+
+  static void goToOotdPost(BuildContext context, {Feed? feed}) {
+    router.go(RouterPath.ootdPost.path, extra: feed);
+  }
+
+  static void pushToOotdPost(BuildContext context, {Feed? feed}) {
+    router.push(RouterPath.ootdPost.path, extra: feed);
+  }
+
+  static void popFromOotdPost(BuildContext context) {
+    router.pop(RouterPath.ootdPost.path);
+  }
+}
diff --git a/lib/core/gps/gps_helper.dart b/lib/core/gps/gps_helper.dart
new file mode 100644
index 00000000..badc92b8
--- /dev/null
+++ b/lib/core/gps/gps_helper.dart
@@ -0,0 +1,49 @@
+import 'dart:developer';
+import 'package:geolocator/geolocator.dart';
+import 'package:weaco/core/gps/gps_permission_status.dart';
+import 'package:weaco/core/gps/gps_position.dart';
+
+class GpsHelper {
+  /// 위치 권한 요청
+  /// @return: GpsPermissionStatus enum
+  Future<GpsPermissionStatus> getPermission() async {
+    try {
+      bool serviceEnabled = await Geolocator.isLocationServiceEnabled();
+      if (serviceEnabled == false) {
+        return Future.error('Location services are disabled.');
+      }
+      LocationPermission permission = await Geolocator.checkPermission();
+      if (permission == LocationPermission.denied) {
+        permission = await Geolocator.requestPermission();
+        if (permission == LocationPermission.denied) {
+          return GpsPermissionStatus.denied;
+        }
+      }
+
+      if (permission == LocationPermission.deniedForever) {
+        return GpsPermissionStatus.deniedForever;
+      }
+
+      if (permission == LocationPermission.whileInUse) {
+        return GpsPermissionStatus.whileInUse;
+      }
+      return GpsPermissionStatus.forever;
+    } catch (e) {
+      log(e.toString(), name: 'GpsHelper.getPermission()');
+      return GpsPermissionStatus.disabled;
+    }
+  }
+
+  /// GPS 좌표 요청
+  /// @return: 위치 권한이 있을 경우 = Position, 없으면 = null
+  Future<GpsPosition> getPosition() async {
+    GpsPermissionStatus permission = await getPermission();
+    if (permission == GpsPermissionStatus.forever ||
+        permission == GpsPermissionStatus.whileInUse) {
+      Position position = await Geolocator.getCurrentPosition();
+      return GpsPosition(lat: position.latitude, lng: position.longitude);
+    }
+    // Todo: 커스텀 Exception으로 리팩토링 필요
+    throw Exception('권한 없음');
+  }
+}
diff --git a/lib/core/gps/gps_permission_status.dart b/lib/core/gps/gps_permission_status.dart
new file mode 100644
index 00000000..2b8273ea
--- /dev/null
+++ b/lib/core/gps/gps_permission_status.dart
@@ -0,0 +1,7 @@
+enum GpsPermissionStatus {
+  disabled,
+  denied,
+  deniedForever,
+  forever,
+  whileInUse,
+}
\ No newline at end of file
diff --git a/lib/core/gps/gps_position.dart b/lib/core/gps/gps_position.dart
new file mode 100644
index 00000000..d0ce0012
--- /dev/null
+++ b/lib/core/gps/gps_position.dart
@@ -0,0 +1,22 @@
+class GpsPosition {
+  final double lat;
+  final double lng;
+
+  GpsPosition({required this.lat, required this.lng});
+
+  @override
+  String toString() {
+    return 'GpsPosition{lat: $lat, lng: $lng}';
+  }
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is GpsPosition &&
+          runtimeType == other.runtimeType &&
+          lat == other.lat &&
+          lng == other.lng;
+
+  @override
+  int get hashCode => lat.hashCode ^ lng.hashCode;
+}
diff --git a/lib/core/hive/hive_wrapper.dart b/lib/core/hive/hive_wrapper.dart
new file mode 100644
index 00000000..241574bc
--- /dev/null
+++ b/lib/core/hive/hive_wrapper.dart
@@ -0,0 +1,13 @@
+import 'package:hive/hive.dart';
+
+class HiveWrapper {
+  static late Box<String> dataBox;
+
+  Future<void> writeData(String key, String value) async {
+    await dataBox.put(key, value);
+  }
+
+  Future<String?> readData(String key) async {
+    return dataBox.get(key);
+  }
+}
diff --git a/lib/core/path_provider/path_provider_service.dart b/lib/core/path_provider/path_provider_service.dart
new file mode 100644
index 00000000..9ae85153
--- /dev/null
+++ b/lib/core/path_provider/path_provider_service.dart
@@ -0,0 +1,7 @@
+import 'package:path_provider/path_provider.dart';
+
+class PathProviderService {
+  Future<String> getCacheDirectory() async {
+    return (await getApplicationCacheDirectory()).path;
+  }
+}
diff --git a/lib/core/util/reaction_util.dart b/lib/core/util/reaction_util.dart
new file mode 100644
index 00000000..0d0c7d6b
--- /dev/null
+++ b/lib/core/util/reaction_util.dart
@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+
+/// 반응형으로 크기를 넣고 싶을 때 사용합니다.
+/// @param[marginHeight], @param[marginWidth]에 입력한 수치는 디바이스의 길이 대비 비율로 계산됩니다.
+class ReactionUtil {
+  static double reactHeight(
+      {required BuildContext context, required double marginHeight}) {
+    double screenHeight = MediaQuery.of(context).size.height;
+    double heightPercentage = marginHeight / screenHeight;
+    return screenHeight * heightPercentage;
+  }
+
+  static double reactWidth(
+      {required BuildContext context, required double marginWidth}) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    double widthPercentage = marginWidth / screenWidth;
+    return screenWidth * widthPercentage;
+  }
+}
diff --git a/lib/core/util/validation_util.dart b/lib/core/util/validation_util.dart
new file mode 100644
index 00000000..74df10b9
--- /dev/null
+++ b/lib/core/util/validation_util.dart
@@ -0,0 +1,21 @@
+class RegValidationUtil {
+  static bool isValidPassword(String password) {
+    return RegExp(r'''
+^(?=.*[!@#$%^&*(),.?":{}|<>])(?=.*[a-zA-Z])(?=.*\d).{8,}$''')
+        .hasMatch(password);
+  }
+
+  static bool isValidEmail(String email) {
+    return RegExp(r'''
+^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$''').hasMatch(email);
+  }
+
+  static bool isValidConfirmPassword(String password, String confirmPassword) {
+    return password == confirmPassword && isValidPassword(confirmPassword);
+  }
+
+  static bool isValidNickname(String text) {
+    return RegExp(r'''
+(?:[가-힣]{3,})|(?:[a-zA-Z]{3,})''').hasMatch(text);
+  }
+}
diff --git a/lib/data/common/http/status_code_handler.dart b/lib/data/common/http/status_code_handler.dart
new file mode 100644
index 00000000..4e569403
--- /dev/null
+++ b/lib/data/common/http/status_code_handler.dart
@@ -0,0 +1,14 @@
+import 'package:weaco/core/exception/custom_business_exception.dart';
+import 'package:weaco/core/exception/internal_server_exception.dart';
+
+import '../../../core/exception/not_found_exception.dart';
+
+/// 상태코드 이용하여 특정 Exception 받환하는 핸들러
+CustomBusinessException statusCodeHandler({int? code, String? message}) {
+  return switch (code) {
+    404 => NotFoundException(
+        code: code!, message: message ?? 'Data Not Found Error'),
+    _ => InternalServerException(
+        code: code ?? 500, message: message ?? 'Internal Server Error'),
+  };
+}
diff --git a/lib/data/feed/data_source/remote_feed_data_source.dart b/lib/data/feed/data_source/remote_feed_data_source.dart
new file mode 100644
index 00000000..f6e8bf2b
--- /dev/null
+++ b/lib/data/feed/data_source/remote_feed_data_source.dart
@@ -0,0 +1,50 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+
+abstract interface class RemoteFeedDataSource {
+  /// OOTD 피드 작성 성공 시 : 피드 업로드 요청(Feed) -> / 업로드 완료(bool) ← 파베
+  /// OOTD 편집 완료 후 [상세 페이지]:  위와 동일.
+  /// OOTD 편집 완료 후 [마이 페이지]: 위와 동일.*피드 업데이트
+  Future<bool> saveFeed({required Feed feed});
+
+  /// OOTD 피드 [상세 페이지] : 피드 데이터 요청 (id) -> 파베 / 피드 데이터 반환(json) ← 파베
+  Future<Feed> getFeed({required String id});
+
+  /// [유저 페이지/마이 페이지] :  피드 데이터 요청 (email) -> 파베 / 피드 데이터 반환(List<Feed>)← 파베
+  Future<List<Feed>> getUserFeedList({
+    required String email,
+    DateTime? createdAt,
+    required int limit,
+  });
+
+  /// [마이페이지] 피드 삭제: 피드 삭제 요청(id) -> 파베/ 삭제 완료 (bool) from FB
+  Future<bool> deleteFeed({required String id});
+
+  /// [홈 화면] 하단 OOTD 추천 목록:
+  ///
+  /// 유저의 위치와 기온을 기반으로 피드 목록을 불러옵니다.
+  /// @param city: 유저 위치의 도시명
+  /// @param temperature: 날씨 온도
+  Future<List<Feed>> getRecommendedFeedList({
+    required DailyLocationWeather dailyLocationWeather,
+    DateTime? createdAt
+  });
+
+  /// [검색 페이지] 피드 검색:
+  ///
+  /// 유저가 선택한 검색 조건으로 피드 목록을 불러옵니다.
+  /// @param createAt: 페이징을 위한 피드의 생성날짜. 이 값을 기준으로 다음 목록을 가져온다.
+  /// @param limit: 한 페이지당 불러올 피드 갯수
+  /// @param seasonCode: 계절 코드
+  /// @param weatherCode: 날씨 코드
+  /// @param minTemperature: 검색을 위한 최소 온도
+  /// @param maxTemperature: 검색을 위한 최대 온도
+  Future<List<Feed>> getSearchFeedList({
+    DateTime? createdAt,
+    required int limit,
+    int? seasonCode,
+    int? weatherCode,
+    int? minTemperature,
+    int? maxTemperature,
+  });
+}
diff --git a/lib/data/feed/data_source/remote_feed_data_source_impl.dart b/lib/data/feed/data_source/remote_feed_data_source_impl.dart
new file mode 100644
index 00000000..c2b8d9a9
--- /dev/null
+++ b/lib/data/feed/data_source/remote_feed_data_source_impl.dart
@@ -0,0 +1,163 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:weaco/core/exception/not_found_exception.dart';
+import 'package:weaco/core/firebase/firestore_dto_mapper.dart';
+import 'package:weaco/data/feed/data_source/remote_feed_data_source.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+
+class RemoteFeedDataSourceImpl implements RemoteFeedDataSource {
+  final FirebaseFirestore _fireStore;
+
+  const RemoteFeedDataSourceImpl({
+    required FirebaseFirestore fireStore,
+  }) : _fireStore = fireStore;
+
+  /// OOTD 피드 작성 또는 편집 후 저장
+  @override
+  Future<bool> saveFeed({required Feed feed}) async {
+    final feedDto = toFeedDto(feed: feed);
+
+    // 피드를 수정 할 경우
+    if (feed.id != null) {
+      return await _fireStore
+          .collection('feeds')
+          .doc(feed.id)
+          .set(feedDto)
+          .then((value) => true);
+    }
+
+    // 새 피드를 저장 할 경우
+    return await _fireStore
+        .collection('feeds')
+        .add(feedDto)
+        .then((value) => true);
+  }
+
+  /// [OOTD 피드 상세 페이지]:
+  /// 피드 데이터 요청 (id) -> 파베 / 피드 데이터 반환(json) ← 파베
+  @override
+  Future<Feed> getFeed({required String id}) async {
+    final docSnapshot = await _fireStore.collection('feeds').doc(id).get();
+
+    if (docSnapshot.data() == null) {
+      throw NotFoundException(
+        code: 500,
+        message: '피드가 존재하지 않습니다.',
+      );
+    }
+
+    return toFeed(json: docSnapshot.data()!, id: docSnapshot.id);
+  }
+
+  /// [유저 페이지/마이 페이지]:
+  /// 피드 데이터 요청 (email) -> 파베 / 피드 데이터 반환(List<Feed>)← 파베
+  @override
+  Future<List<Feed>> getUserFeedList({
+    required String email,
+    DateTime? createdAt,
+    required int limit,
+  }) async {
+    final querySnapshot = await _fireStore
+        .collection('feeds')
+        .where('user_email', isEqualTo: email)
+        .where('deleted_at', isNull: true)
+        .where('created_at',
+            isLessThan: createdAt ?? Timestamp.fromDate(DateTime.now()))
+        .orderBy('created_at', descending: true)
+        .limit(limit)
+        .get();
+
+    return querySnapshot.docs
+        .map((doc) => toFeed(json: doc.data(), id: doc.id))
+        .toList();
+  }
+
+  /// [마이페이지] 피드 삭제
+  /// soft delete 처리
+  @override
+  Future<bool> deleteFeed({required String id}) async {
+    await _fireStore
+        .collection('feeds')
+        .doc(id)
+        .update({'deleted_at': Timestamp.fromDate(DateTime.now())});
+    return true;
+  }
+
+  /// [홈 페이지] 하단 OOTD 추천:
+  /// 피드 데이터 요청 (날씨) -> 파베
+  /// 피드 데이터 반환(List<Feed>) <- 파베
+  @override
+  Future<List<Feed>> getRecommendedFeedList(
+      {required DailyLocationWeather dailyLocationWeather,
+      DateTime? createdAt}) async {
+    final index = DateTime.now().hour;
+    final weather = dailyLocationWeather.weatherList[index];
+    final querySnapshot = await _fireStore
+        .collection('feeds')
+        .where('weather.code', isEqualTo: weather.code)
+        // .where('season_code', isEqualTo: dailyLocationWeather.seasonCode)
+        .where(
+          'weather.temperature',
+          isLessThanOrEqualTo: dailyLocationWeather.highTemperature,
+          isGreaterThanOrEqualTo: dailyLocationWeather.lowTemperature,
+        )
+        .where('created_at',
+            isLessThan: createdAt ?? Timestamp.fromDate(DateTime.now()))
+        .where('deleted_at', isNull: true)
+        .orderBy('created_at', descending: true)
+        .limit(10)
+        .get();
+
+    return querySnapshot.docs
+        .map((doc) => toFeed(json: doc.data(), id: doc.id))
+        .toList();
+  }
+
+  /// [검색 페이지] 피드 검색:
+  /// 피드 데이터 요청(계절,날씨,온도) -> FB
+  /// 피드 데이터 반환(List<Feed>) <- FB
+
+  @override
+  Future<List<Feed>> getSearchFeedList({
+    DateTime? createdAt,
+    required int limit,
+    int? seasonCode,
+    int? weatherCode,
+    int? minTemperature,
+    int? maxTemperature,
+  }) async {
+    Query<Map<String, dynamic>> query = _fireStore.collection('feeds');
+    // 날씨 코드 필터링
+    if (weatherCode != null) {
+      query = query.where('weather.code', isEqualTo: weatherCode);
+    }
+
+    // 온도 범위 필터링
+    if (minTemperature != null && maxTemperature != null) {
+      query = query
+          .where('weather.temperature', isLessThanOrEqualTo: maxTemperature)
+          .where('weather.temperature', isGreaterThanOrEqualTo: minTemperature);
+    }
+
+    // 계절 코드 필터링
+    if (seasonCode != null) {
+      query = query.where('season_code', isEqualTo: seasonCode);
+    }
+
+    // 생성일 기준으로 정렬하여 제한된 수의 문서 가져오기
+    final QuerySnapshot<Map<String, dynamic>> querySnapshot = await query
+        .where('created_at',
+            isLessThan: createdAt ?? Timestamp.fromDate(DateTime.now()))
+        .where('deleted_at', isNull: true)
+        .orderBy(
+          'created_at',
+          descending: true,
+        )
+        .limit(limit)
+        .get();
+
+    return querySnapshot.docs
+        .map((doc) => toFeed(json: doc.data(), id: doc.id))
+        .toList();
+  }
+}
diff --git a/lib/data/feed/repository/feed_repository_impl.dart b/lib/data/feed/repository/feed_repository_impl.dart
new file mode 100644
index 00000000..0c7b0f9a
--- /dev/null
+++ b/lib/data/feed/repository/feed_repository_impl.dart
@@ -0,0 +1,97 @@
+import 'package:weaco/data/feed/data_source/remote_feed_data_source.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/repository/feed_repository.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+
+class FeedRepositoryImpl implements FeedRepository {
+  final RemoteFeedDataSource remoteFeedDataSource;
+
+  FeedRepositoryImpl({
+    required this.remoteFeedDataSource,
+  });
+
+  @override
+  Future<bool> saveFeed({required Feed editedFeed}) {
+    return remoteFeedDataSource.saveFeed(feed: editedFeed);
+  }
+
+  @override
+  Future<bool> deleteFeed({required String id}) async {
+    return await remoteFeedDataSource.deleteFeed(id: id);
+  }
+
+  /// 피드의 id 값을 전달 하여 Firebase 내의 해당 피드를 가져 와야 한다.
+  /// GetDetailFeedDetailUseCase에서 사용
+  /// @param id: 피드 id
+  /// @return Feed: 피드
+  @override
+  Future<Feed?> getFeed({required String id}) async {
+    return await remoteFeedDataSource.getFeed(id: id);
+  }
+
+  /// GetMyPageFeedsUseCase, GetUserFeedListUseCase에서 사용
+  /// 유저의 이메일을 통해 Firebase 내의 해당 유저의 피드 목록을 가져와야 한다.
+  /// @param email: 유저 이메일
+  /// @param createdAt: 피드 생성 시간
+  /// @param limit: 피드 목록 갯수 제한
+  @override
+  Future<List<Feed>> getUserFeedList({
+    required String email,
+    required DateTime? createdAt,
+    required int? limit,
+  }) async {
+    return remoteFeedDataSource.getUserFeedList(
+      email: email,
+      createdAt: createdAt ?? DateTime.now(),
+      limit: limit ?? 20,
+    );
+  }
+
+  /// [OOTD 피드 화면]
+  /// GetOotdFeedsListUseCase에서 사용
+  /// Firebase에 최신 순(생성일 기준)으로 OOTD 피드 목록을 요청하여 가져와야 한다.
+  /// 페이징 처리를 위해 createdAt을 기준으로 limit된 갯수의 피드 목록을 가져와야 한다.
+  /// *이건 RemoteDataSource의 getRecommendedFeedList에서 미리 처리됨.
+  @override
+  Future<List<Feed>> getOotdFeedList({
+    required DateTime createdAt,
+    required DailyLocationWeather dailyLocationWeather,
+  }) async {
+    return await remoteFeedDataSource.getRecommendedFeedList(
+      dailyLocationWeather: dailyLocationWeather,
+      createdAt: createdAt
+    );
+  }
+
+  /// GetRecommendedFeedListUseCase에서 사용
+  /// [홈 화면] 하단
+  /// 유저의 위치와 날씨를 기반으로 Firebase에 요청하여 OOTD 피드 목록을 가져와야 한다.
+  @override
+  Future<List<Feed>> getRecommendedFeedList({
+    required DailyLocationWeather dailyLocationWeather,
+  }) async {
+    return remoteFeedDataSource.getRecommendedFeedList(
+      dailyLocationWeather: dailyLocationWeather,
+    );
+  }
+
+  /// [피드 검색 화면]
+  @override
+  Future<List<Feed>> getSearchFeedList({
+    DateTime? createdAt,
+    int? limit,
+    int? seasonCode,
+    int? weatherCode,
+    int? minTemperature,
+    int? maxTemperature,
+  }) async {
+    return await remoteFeedDataSource.getSearchFeedList(
+      createdAt: createdAt ?? DateTime.now(),
+      limit: limit ?? 20,
+      seasonCode: seasonCode,
+      weatherCode: weatherCode,
+      minTemperature: minTemperature,
+      maxTemperature: maxTemperature,
+    );
+  }
+}
diff --git a/lib/data/feed/repository/ootd_feed_repository_impl.dart b/lib/data/feed/repository/ootd_feed_repository_impl.dart
new file mode 100644
index 00000000..69b3c4a8
--- /dev/null
+++ b/lib/data/feed/repository/ootd_feed_repository_impl.dart
@@ -0,0 +1,65 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/repository/feed_repository.dart';
+import 'package:weaco/domain/feed/repository/ootd_feed_repository.dart';
+import 'package:weaco/domain/file/repository/file_repository.dart';
+import 'package:weaco/domain/user/repository/user_profile_repository.dart';
+
+class OotdFeedRepositoryImpl implements OotdFeedRepository {
+  final FileRepository _fileRepository;
+  final FeedRepository _feedRepository;
+  final UserProfileRepository _userProfileRepository;
+
+  const OotdFeedRepositoryImpl({
+    required FileRepository fileRepository,
+    required FeedRepository feedRepository,
+    required UserProfileRepository userProfileRepository,
+  })  : _fileRepository = fileRepository,
+        _feedRepository = feedRepository,
+        _userProfileRepository = userProfileRepository;
+
+  /// 피드 저장 및 수정
+  @override
+  Future<bool> saveOotdFeed({required Feed feed}) async {
+    return feed.id == null
+        ? await _save(feed: feed)
+        : await _update(feed: feed);
+  }
+
+  /// 피드 저장
+  Future<bool> _save({required Feed feed}) async {
+    final String path = await _fileRepository.saveOotdImage();
+
+    final saveResult = await _feedRepository.saveFeed(
+        editedFeed: feed.copyWith(imagePath: path));
+
+    await _updateMyFeedCount(1);
+
+    return saveResult;
+  }
+
+  /// 피드 수정
+  Future<bool> _update({required Feed feed}) async {
+    final updateResult = await _feedRepository.saveFeed(editedFeed: feed);
+
+    return updateResult;
+  }
+
+  /// 피드 삭제
+  @override
+  Future<bool> removeOotdFeed({required String id}) async {
+    await _feedRepository.deleteFeed(id: id);
+
+    await _updateMyFeedCount(-1);
+
+    return true;
+  }
+
+  /// 유저 피드 카운트 업데이트
+  Future<void> _updateMyFeedCount(int count) async {
+    final myProfile = await _userProfileRepository.getMyProfile();
+
+    _userProfileRepository.updateUserProfile(
+        userProfile:
+            myProfile!.copyWith(feedCount: myProfile.feedCount + count));
+  }
+}
diff --git a/lib/data/file/data_source/local/local_file_data_source.dart b/lib/data/file/data_source/local/local_file_data_source.dart
new file mode 100644
index 00000000..17aa9e27
--- /dev/null
+++ b/lib/data/file/data_source/local/local_file_data_source.dart
@@ -0,0 +1,7 @@
+import 'dart:io';
+
+abstract interface class LocalFileDataSource {
+  Future<File?> getImage({required bool isOrigin});
+
+  Future<bool> saveImage({required bool isOrigin, required File file});
+}
diff --git a/lib/data/file/data_source/local/local_file_data_source_impl.dart b/lib/data/file/data_source/local/local_file_data_source_impl.dart
new file mode 100644
index 00000000..588e71a4
--- /dev/null
+++ b/lib/data/file/data_source/local/local_file_data_source_impl.dart
@@ -0,0 +1,43 @@
+import 'dart:developer';
+import 'dart:io';
+import 'package:weaco/core/path_provider/path_provider_service.dart';
+import 'local_file_data_source.dart';
+
+class LocalFileDataSourceImpl implements LocalFileDataSource {
+  final _originImageFileName = 'origin.png';
+  final _croppedImageFileName = 'cropped.png';
+  final PathProviderService _pathProvider;
+
+  LocalFileDataSourceImpl({required PathProviderService pathProvider})
+      : _pathProvider = pathProvider;
+
+  @override
+  Future<File?> getImage({required bool isOrigin}) async {
+    try {
+      final directory = await _pathProvider.getCacheDirectory();
+      String fileName = isOrigin ? _originImageFileName : _croppedImageFileName;
+      return (await File('$directory/$fileName').exists())
+          ? File('$directory/$fileName')
+          : null;
+    } catch (e) {
+      log(e.toString(), name: 'LocalFileDataSourceImpl.getImagePath()');
+      return null;
+    }
+  }
+
+  @override
+  Future<bool> saveImage({required bool isOrigin, required File file}) async {
+    try {
+      final directory = await _pathProvider.getCacheDirectory();
+      String fileName = isOrigin ? _originImageFileName : _croppedImageFileName;
+      if (await File('$directory/$fileName').exists()) {
+        await File('$directory/$fileName').delete();
+      }
+      await File('$directory/$fileName').writeAsBytes(await file.readAsBytes());
+      return true;
+    } catch (e) {
+      log(e.toString(), name: 'LocalFileDataSourceImpl.saveImage()');
+      return false;
+    }
+  }
+}
diff --git a/lib/data/file/data_source/remote/remote_file_data_source.dart b/lib/data/file/data_source/remote/remote_file_data_source.dart
new file mode 100644
index 00000000..e9ba0cca
--- /dev/null
+++ b/lib/data/file/data_source/remote/remote_file_data_source.dart
@@ -0,0 +1,5 @@
+import 'dart:io';
+
+abstract interface class RemoteFileDataSource {
+  Future<String> saveImage({required File image});
+}
diff --git a/lib/data/file/data_source/remote/remote_file_data_source_impl.dart b/lib/data/file/data_source/remote/remote_file_data_source_impl.dart
new file mode 100644
index 00000000..d0aa7677
--- /dev/null
+++ b/lib/data/file/data_source/remote/remote_file_data_source_impl.dart
@@ -0,0 +1,28 @@
+import 'dart:io';
+
+import 'package:firebase_storage/firebase_storage.dart';
+import 'package:weaco/core/firebase/firebase_auth_service.dart';
+import 'package:weaco/data/file/data_source/remote/remote_file_data_source.dart';
+
+class RemoteFileDataSourceImpl implements RemoteFileDataSource {
+  final FirebaseStorage _firebaseStorage;
+  final FirebaseAuthService _firebaseAuthService;
+
+  RemoteFileDataSourceImpl(
+      {required FirebaseStorage firebaseStorage, required FirebaseAuthService firebaseAuthService})
+      : _firebaseStorage = firebaseStorage,
+        _firebaseAuthService = firebaseAuthService;
+
+  @override
+  Future<String> saveImage({required File image}) async {
+    final String? email = _firebaseAuthService.firebaseAuth.currentUser?.email;
+    if (email == null) throw Exception();
+    final feedImageRef = _firebaseStorage.ref().child(
+        'feed_images/${email}_${DateTime
+            .now()
+            .microsecondsSinceEpoch}.png');
+    await feedImageRef.putFile(image);
+
+    return await feedImageRef.getDownloadURL();
+  }
+}
diff --git a/lib/data/file/repository/file_repository_impl.dart b/lib/data/file/repository/file_repository_impl.dart
new file mode 100644
index 00000000..2643126d
--- /dev/null
+++ b/lib/data/file/repository/file_repository_impl.dart
@@ -0,0 +1,32 @@
+import 'dart:io';
+import 'package:weaco/data/file/data_source/local/local_file_data_source.dart';
+import 'package:weaco/data/file/data_source/remote/remote_file_data_source.dart';
+import 'package:weaco/domain/file/repository/file_repository.dart';
+
+class FileRepositoryImpl implements FileRepository {
+  final LocalFileDataSource _localFileDataSource;
+  final RemoteFileDataSource _remoteFileDataSource;
+
+  FileRepositoryImpl(
+      {required LocalFileDataSource localFileDataSource,
+      required RemoteFileDataSource remoteFileDataSource})
+      : _localFileDataSource = localFileDataSource,
+        _remoteFileDataSource = remoteFileDataSource;
+
+  @override
+  Future<File?> getImage({required bool isOrigin}) async {
+    return await _localFileDataSource.getImage(isOrigin: isOrigin);
+  }
+
+  @override
+  Future<bool> saveImage({required bool isOrigin, required File file}) async {
+    return await _localFileDataSource.saveImage(isOrigin: isOrigin, file: file);
+  }
+
+  @override
+  Future<String> saveOotdImage() async {
+    final File? image = await _localFileDataSource.getImage(isOrigin: false);
+    if (image == null) throw Exception();
+    return await _remoteFileDataSource.saveImage(image: image);
+  }
+}
diff --git a/lib/data/location/data_source/remote_data_source/kakao_reverse_geo_coder_api.dart b/lib/data/location/data_source/remote_data_source/kakao_reverse_geo_coder_api.dart
new file mode 100644
index 00000000..7756b034
--- /dev/null
+++ b/lib/data/location/data_source/remote_data_source/kakao_reverse_geo_coder_api.dart
@@ -0,0 +1,50 @@
+import 'dart:developer';
+import 'package:weaco/core/config/kakao_config.dart';
+import 'package:weaco/core/dio/base_dio.dart';
+import 'package:weaco/core/dio/base_response.dart';
+import 'package:weaco/core/exception/network_exception.dart';
+import 'package:weaco/data/location/data_source/remote_data_source/remote_location_data_source.dart';
+
+class KakaoReverseGeoCoderApi implements RemoteLocationDataSource {
+  final BaseDio _dio;
+  final String _apiKey = KakaoConfig.apiKey;
+  final String _basePath =
+      'https://dapi.kakao.com/v2/local/geo/coord2regioncode.json';
+
+  KakaoReverseGeoCoderApi({required BaseDio dio}) : _dio = dio;
+
+  /// 위도, 경도를 동주소로 변경 요청
+  /// @param lat: 위도
+  /// @param lng: 경도
+  /// @return String: 변환된 동주소
+  @override
+  Future<String> getDong({required double lat, required double lng}) async {
+    try {
+      BaseResponse result = await _dio.get(
+          path: _basePath,
+          queryParameters: {'x': lng.toString(), 'y': lat.toString()},
+          headers: {'Authorization': 'KakaoAK $_apiKey'},
+          connectTimeout: const Duration(seconds: 3),
+          receiveTimeout: const Duration(seconds: 2));
+      if (result.statusCode == 200) {
+        if (result.body['meta']['total_count'] == 0) {
+          throw NetworkException.noData(
+              code: 'EmptyData', message: '응답 데이터 없음');
+        } else {
+          return '${result.body['documents'][0]['region_1depth_name']} ${result.body['documents'][0]['region_2depth_name']}';
+        }
+      }
+      throw NetworkException.errorCode(
+          code: result.statusCode.toString(), message: '네트워크 응답 에러');
+    } catch (e) {
+      log(e.toString(), name: 'ReverseGeoCoderHelper.getDong()');
+      switch (e) {
+        case NoDataException _ || ErrorResponseCodeException _:
+          rethrow;
+        default:
+          throw NetworkException.unknown(
+              code: 'Unknown', message: e.toString());
+      }
+    }
+  }
+}
diff --git a/lib/data/location/data_source/remote_data_source/remote_location_data_source.dart b/lib/data/location/data_source/remote_data_source/remote_location_data_source.dart
new file mode 100644
index 00000000..b60da206
--- /dev/null
+++ b/lib/data/location/data_source/remote_data_source/remote_location_data_source.dart
@@ -0,0 +1,3 @@
+abstract interface class RemoteLocationDataSource {
+  Future<String> getDong({required double lat, required double lng});
+}
diff --git a/lib/data/location/repository/location_repository_impl.dart b/lib/data/location/repository/location_repository_impl.dart
new file mode 100644
index 00000000..cea560a7
--- /dev/null
+++ b/lib/data/location/repository/location_repository_impl.dart
@@ -0,0 +1,30 @@
+import 'package:weaco/core/gps/gps_helper.dart';
+import 'package:weaco/core/gps/gps_position.dart';
+import 'package:weaco/data/location/data_source/remote_data_source/remote_location_data_source.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/location/repository/location_repository.dart';
+
+class LocationRepositoryImpl implements LocationRepository {
+  final GpsHelper _gpsHelper;
+  final RemoteLocationDataSource _remoteDataSource;
+
+  LocationRepositoryImpl(
+      {required GpsHelper gpsHelper,
+      required RemoteLocationDataSource remoteDataSource})
+      : _gpsHelper = gpsHelper,
+        _remoteDataSource = remoteDataSource;
+
+  // 현재 위치에 대한 Location(위치 좌표, 주소) 요청
+  // @return: 현재 위치에 대한 GPS 좌표와 주소를 포함한 Location
+  @override
+  Future<Location> getLocation() async {
+    final GpsPosition position = await _gpsHelper.getPosition();
+    final result =
+        await _remoteDataSource.getDong(lat: position.lat, lng: position.lng);
+    return Location(
+        lat: position.lat,
+        lng: position.lng,
+        city: result,
+        createdAt: DateTime.now());
+  }
+}
diff --git a/lib/data/user/data_source/firebase_user_auth_data_source.dart b/lib/data/user/data_source/firebase_user_auth_data_source.dart
new file mode 100644
index 00000000..e8609024
--- /dev/null
+++ b/lib/data/user/data_source/firebase_user_auth_data_source.dart
@@ -0,0 +1,81 @@
+import 'dart:developer';
+
+import 'package:weaco/core/firebase/firebase_auth_service.dart';
+import 'package:weaco/data/user/data_source/user_auth_data_source.dart';
+
+class FirebaseUserAuthDataSourceImpl implements UserAuthDataSource {
+  final FirebaseAuthService _firebaseService;
+
+  const FirebaseUserAuthDataSourceImpl({
+    required FirebaseAuthService firebaseService,
+  }) : _firebaseService = firebaseService;
+
+  // 회원가입
+  @override
+  Future<bool> signUp({required String email, required String password}) async {
+    bool isSignUpSuccess = false;
+
+    try {
+      final userCredential =
+          await _firebaseService.signUp(email: email, password: password);
+
+      isSignUpSuccess = userCredential?.user != null;
+    } on Exception catch (e) {
+      isSignUpSuccess = false;
+      log(e.toString(), name: 'FirebaseUserAuthDataSource.signUp()');
+      rethrow;
+    }
+
+    return isSignUpSuccess;
+  }
+
+  // 로그인
+  @override
+  Future<bool> signIn({required String email, required String password}) async {
+    try {
+      await _firebaseService.signIn(email: email, password: password);
+    } on Exception catch (e) {
+      log(e.toString(), name: 'FirebaseUserAuthDataSource.signIn()');
+      rethrow;
+    }
+
+    return true;
+  }
+
+  // 로그아웃
+  @override
+  Future<bool> logOut() async {
+    bool isLogOutSuccess = true;
+
+    try {
+      await _firebaseService.logOut();
+    } on Exception catch (e) {
+      isLogOutSuccess = false;
+      log(e.toString(), name: 'FirebaseUserAuthDataSource.logOut()');
+      rethrow;
+    }
+
+    return isLogOutSuccess;
+  }
+
+  // 회원탈퇴
+  @override
+  Future<bool> signOut() async {
+    bool isSignOutSuccess = true;
+    
+    try {
+      await _firebaseService.signOut();
+    } on Exception catch (e) {
+      isSignOutSuccess = false;
+      log(e.toString(), name: 'FirebaseUserAuthDataSource.signOut()');
+      rethrow;
+    }
+
+    return isSignOutSuccess;
+  }
+
+  @override
+  String? signInCheck() {
+    return _firebaseService.user?.email;
+  }
+}
diff --git a/lib/data/user/data_source/remote_profile_image_data_source.dart b/lib/data/user/data_source/remote_profile_image_data_source.dart
new file mode 100644
index 00000000..cb77b0cc
--- /dev/null
+++ b/lib/data/user/data_source/remote_profile_image_data_source.dart
@@ -0,0 +1,5 @@
+import 'package:weaco/domain/user/model/profile_image.dart';
+
+abstract interface class RemoteProfileImageDataSource {
+  Future<List<ProfileImage>> getProfileImageList();
+}
diff --git a/lib/data/user/data_source/remote_profile_image_data_source_impl.dart b/lib/data/user/data_source/remote_profile_image_data_source_impl.dart
new file mode 100644
index 00000000..5109ea9b
--- /dev/null
+++ b/lib/data/user/data_source/remote_profile_image_data_source_impl.dart
@@ -0,0 +1,19 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:weaco/data/user/data_source/remote_profile_image_data_source.dart';
+import 'package:weaco/domain/user/model/profile_image.dart';
+
+class RemoteProfileImageDataSourceImpl implements RemoteProfileImageDataSource {
+  final FirebaseFirestore _firestore;
+
+  RemoteProfileImageDataSourceImpl({required FirebaseFirestore firestore})
+      : _firestore = firestore;
+
+  @override
+  Future<List<ProfileImage>> getProfileImageList() async {
+    QuerySnapshot<Map<String, dynamic>> result =
+        await _firestore.collection('profile_images').get();
+    return result.docs
+        .map((e) => ProfileImage(id: e.id, imagePath: e.data()['image_path']))
+        .toList();
+  }
+}
diff --git a/lib/data/user/data_source/remote_user_profile_data_source.dart b/lib/data/user/data_source/remote_user_profile_data_source.dart
new file mode 100644
index 00000000..dad87273
--- /dev/null
+++ b/lib/data/user/data_source/remote_user_profile_data_source.dart
@@ -0,0 +1,16 @@
+import 'package:weaco/domain/user/model/user_profile.dart';
+
+/// firebase에서 유저 프로필 정보를 읽고 쓰기 위한 데이터 소스
+abstract interface class RemoteUserProfileDataSource {
+  /// 유저 프로필 요청
+  Future<UserProfile> getUserProfile({String email});
+
+  /// 유저 프로필 업데이트 (피드 갯수 수정 할 때 주로 쓰임)
+  Future<bool> updateUserProfile({required UserProfile userProfile});
+
+  /// 유저 프로필 저장
+  Future<bool> saveUserProfile({required UserProfile userProfile});
+
+  /// 유저 프로필 삭제
+  Future<bool> removeUserProfile();
+}
diff --git a/lib/data/user/data_source/remote_user_profile_date_source_impl.dart b/lib/data/user/data_source/remote_user_profile_date_source_impl.dart
new file mode 100644
index 00000000..7b342f3a
--- /dev/null
+++ b/lib/data/user/data_source/remote_user_profile_date_source_impl.dart
@@ -0,0 +1,91 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:weaco/core/firebase/firebase_auth_service.dart';
+import 'package:weaco/core/firebase/firestore_dto_mapper.dart';
+import 'package:weaco/data/user/data_source/remote_user_profile_data_source.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+
+class RemoteUserProfileDataSourceImpl implements RemoteUserProfileDataSource {
+  final FirebaseFirestore _firestore;
+  final FirebaseAuthService _firebaseService;
+
+  const RemoteUserProfileDataSourceImpl({
+    required FirebaseFirestore firestore,
+    required FirebaseAuthService firebaseService,
+  })  : _firestore = firestore,
+        _firebaseService = firebaseService;
+
+  @override
+  Future<bool> saveUserProfile({required UserProfile userProfile}) async {
+    try {
+      return await _firestore
+          .collection('user_profiles')
+          .add(toUserProfileDto(userProfile: userProfile))
+          .then((value) => true)
+          .catchError(
+            (e) => false,
+          );
+    } catch (e) {
+      throw Exception(e);
+    }
+  }
+
+  @override
+  Future<UserProfile> getUserProfile({String? email}) async {
+    email = email ?? _firebaseService.firebaseAuth.currentUser!.email;
+
+    QuerySnapshot<Map<String, dynamic>> snapshot = await _firestore
+        .collection('user_profiles')
+        .where('email', isEqualTo: email)
+        .get();
+
+    if (snapshot.docs.isEmpty) {
+      throw Exception('유저 프로필이 존재하지 않습니다.');
+    }
+
+    return toUserProfile(json: snapshot.docs[0].data());
+  }
+
+  @override
+  Future<bool> updateUserProfile({required UserProfile userProfile}) async {
+    try {
+      final originProfileDocument = await _firestore
+          .collection('user_profiles')
+          .where('email', isEqualTo: userProfile.email)
+          .get();
+
+      return await _firestore
+          .collection('user_profiles')
+          .doc(originProfileDocument.docs[0].reference.id)
+          .set(toUserProfileDto(userProfile: userProfile))
+          .then((value) => true)
+          .catchError(
+            (e) => false,
+          );
+    } catch (e) {
+      throw Exception(e);
+    }
+  }
+
+  @override
+  Future<bool> removeUserProfile({String? email}) async {
+    try {
+      email = email ?? _firebaseService.firebaseAuth.currentUser!.email;
+
+      final originProfileDocument = await _firestore
+          .collection('user_profiles')
+          .where('email', isEqualTo: email)
+          .get();
+
+      return await _firestore
+          .collection('user_profiles')
+          .doc(originProfileDocument.docs[0].reference.id)
+          .delete()
+          .then((value) => true)
+          .catchError(
+            (e) => false,
+          );
+    } catch (e) {
+      throw Exception(e);
+    }
+  }
+}
diff --git a/lib/data/user/data_source/user_auth_data_source.dart b/lib/data/user/data_source/user_auth_data_source.dart
new file mode 100644
index 00000000..f3a65f59
--- /dev/null
+++ b/lib/data/user/data_source/user_auth_data_source.dart
@@ -0,0 +1,22 @@
+abstract interface class UserAuthDataSource {
+  // 회원가입
+  Future<bool> signUp({
+    required String email,
+    required String password,
+  });
+
+  // 로그인
+  Future<bool> signIn({
+    required String email,
+    required String password,
+  });
+
+  // 로그아웃
+  Future<bool> logOut();
+
+  // 회원탈퇴
+  Future<bool> signOut();
+
+  // 로그인 체크 email 반환
+  String? signInCheck();
+}
diff --git a/lib/data/user/repository/profile_image_repository_impl.dart b/lib/data/user/repository/profile_image_repository_impl.dart
new file mode 100644
index 00000000..bee3777b
--- /dev/null
+++ b/lib/data/user/repository/profile_image_repository_impl.dart
@@ -0,0 +1,16 @@
+import 'package:weaco/data/user/data_source/remote_profile_image_data_source.dart';
+import 'package:weaco/domain/user/model/profile_image.dart';
+import 'package:weaco/domain/user/repository/profile_image_repository.dart';
+
+class ProfileImageRepositoryImpl implements ProfileImageRepository {
+  final RemoteProfileImageDataSource _remoteDataSource;
+
+  ProfileImageRepositoryImpl(
+      {required RemoteProfileImageDataSource remoteDataSource})
+      : _remoteDataSource = remoteDataSource;
+
+  @override
+  Future<List<ProfileImage>> getProfileImageList() async {
+    return await _remoteDataSource.getProfileImageList();
+  }
+}
diff --git a/lib/data/user/repository/user_auth_repository_impl.dart b/lib/data/user/repository/user_auth_repository_impl.dart
new file mode 100644
index 00000000..c7fda9ca
--- /dev/null
+++ b/lib/data/user/repository/user_auth_repository_impl.dart
@@ -0,0 +1,71 @@
+import 'package:weaco/data/user/data_source/remote_user_profile_data_source.dart';
+import 'package:weaco/data/user/data_source/user_auth_data_source.dart';
+import 'package:weaco/domain/user/model/user_auth.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/repository/user_auth_repository.dart';
+
+class UserAuthRepositoryImpl implements UserAuthRepository {
+  final UserAuthDataSource _userAuthDataSource;
+  final RemoteUserProfileDataSource _remoteUserProfileDataSource;
+
+  const UserAuthRepositoryImpl({
+    required UserAuthDataSource userAuthDataSource,
+    required RemoteUserProfileDataSource remoteUserProfileDataSource,
+  })  : _userAuthDataSource = userAuthDataSource,
+        _remoteUserProfileDataSource = remoteUserProfileDataSource;
+
+  /// 사용자 Auth 정보와 Profile 정보로 회원가입 한 후 결과를 반환하는 메소드
+  ///
+  /// UserAuthDataSource.signUp() 메소드를 호출하여 유저 계정을 생성한다.
+  /// 실패 시, return false
+  ///
+  /// 성공했을 경우, RemoteUserProfileDataSource.saveUserProfile()
+  /// 메소드를 호출하여 유저 프로파일 정보를 저장한다.
+  /// 실패 시,  UserAuthDataSource.signUp() 로 등록했던 유저계정을
+  /// UserAuthDataSource.signOut() 를 호출하여 계정을 삭제 한 후 return false.
+  ///
+  /// 두 작업이 완료시 return true
+  @override
+  Future<bool> signUp({
+    required UserAuth userAuth,
+    required UserProfile userProfile,
+  }) async {
+    final signUpResult = await _userAuthDataSource.signUp(
+        email: userAuth.email, password: userAuth.password);
+
+    if (signUpResult == false) {
+      return false;
+    }
+
+    final saveUserProfileResult = await _remoteUserProfileDataSource
+        .saveUserProfile(userProfile: userProfile);
+
+    if (saveUserProfileResult == false) {
+      await _userAuthDataSource.signOut();
+      return false;
+    }
+
+    return true;
+  }
+
+  @override
+  Future<bool> signIn({required UserAuth userAuth}) async {
+    return await _userAuthDataSource.signIn(
+        email: userAuth.email, password: userAuth.password);
+  }
+
+  @override
+  Future<bool> logOut() async {
+    return await _userAuthDataSource.logOut();
+  }
+
+  @override
+  Future<bool> signOut() async {
+    return await _userAuthDataSource.signOut();
+  }
+
+  @override
+  String? signInCheck() {
+    return _userAuthDataSource.signInCheck();
+  }
+}
diff --git a/lib/data/user/repository/user_profile_repository_impl.dart b/lib/data/user/repository/user_profile_repository_impl.dart
new file mode 100644
index 00000000..b3e3d1d6
--- /dev/null
+++ b/lib/data/user/repository/user_profile_repository_impl.dart
@@ -0,0 +1,26 @@
+import 'package:weaco/data/user/data_source/remote_user_profile_data_source.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/repository/user_profile_repository.dart';
+
+class UserProfileRepositoryImpl implements UserProfileRepository {
+  final RemoteUserProfileDataSource _remoteUserProfileDataSource;
+
+  const UserProfileRepositoryImpl({
+    required RemoteUserProfileDataSource remoteUserProfileDataSource,
+  }) : _remoteUserProfileDataSource = remoteUserProfileDataSource;
+
+  @override
+  Future<UserProfile?> getMyProfile() async {
+    return await _remoteUserProfileDataSource.getUserProfile();
+  }
+
+  @override
+  Future<UserProfile?> getUserProfile({required String email}) async {
+    return await _remoteUserProfileDataSource.getUserProfile(email: email);
+  }
+
+  @override
+  Future<bool> updateUserProfile({required UserProfile userProfile}) async {
+    return await _remoteUserProfileDataSource.updateUserProfile(userProfile: userProfile);
+  }
+}
diff --git a/lib/data/weather/data_source/local_data_source/local_daily_location_weather_data_source.dart b/lib/data/weather/data_source/local_data_source/local_daily_location_weather_data_source.dart
new file mode 100644
index 00000000..e8613a0b
--- /dev/null
+++ b/lib/data/weather/data_source/local_data_source/local_daily_location_weather_data_source.dart
@@ -0,0 +1,9 @@
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+
+abstract interface class LocalDailyLocationWeatherDataSource {
+  Future<void> saveLocalDailyLocationWeather({
+    required DailyLocationWeather dailyLocationWeather,
+  });
+
+  Future<DailyLocationWeather?> getLocalDailyLocationWeather();
+}
diff --git a/lib/data/weather/data_source/local_data_source/local_daily_location_weather_data_source_impl.dart b/lib/data/weather/data_source/local_data_source/local_daily_location_weather_data_source_impl.dart
new file mode 100644
index 00000000..32b92204
--- /dev/null
+++ b/lib/data/weather/data_source/local_data_source/local_daily_location_weather_data_source_impl.dart
@@ -0,0 +1,34 @@
+import 'dart:convert';
+
+import 'package:weaco/core/hive/hive_wrapper.dart';
+import 'package:weaco/data/weather/data_source/local_data_source/local_daily_location_weather_data_source.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+
+class LocalDailyLocationWeatherDataSourceImpl
+    implements LocalDailyLocationWeatherDataSource {
+  static const String dailyLocationWeatherKey = 'daily_location_weather_key';
+  final HiveWrapper _hiveWrapper;
+
+  const LocalDailyLocationWeatherDataSourceImpl({
+    required HiveWrapper hiveWrapper,
+  }) : _hiveWrapper = hiveWrapper;
+
+  /// 로컬에 DailyLocationWeather 데이터를 저장한다.
+  @override
+  Future<void> saveLocalDailyLocationWeather({
+    required DailyLocationWeather dailyLocationWeather,
+  }) async {
+    await _hiveWrapper.writeData(
+      dailyLocationWeatherKey,
+      jsonEncode(dailyLocationWeather.toJson()),
+    );
+  }
+
+  /// 로컬의 DailyLocationWeather 데이터를 가져와서 반환한다.
+  @override
+  Future<DailyLocationWeather?> getLocalDailyLocationWeather() async {
+    final data = await _hiveWrapper.readData(dailyLocationWeatherKey);
+    if (data == null) return null;
+    return DailyLocationWeather.fromJson(jsonDecode(data));
+  }
+}
diff --git a/lib/data/weather/data_source/remote_data_source/meteo_weather_api.dart b/lib/data/weather/data_source/remote_data_source/meteo_weather_api.dart
new file mode 100644
index 00000000..d34cb4fc
--- /dev/null
+++ b/lib/data/weather/data_source/remote_data_source/meteo_weather_api.dart
@@ -0,0 +1,34 @@
+import 'dart:developer';
+
+import 'package:weaco/core/config/meteo_config.dart';
+import 'package:weaco/core/dio/base_dio.dart';
+import 'package:weaco/core/dio/base_response.dart';
+import 'package:weaco/data/common/http/status_code_handler.dart';
+import 'package:weaco/data/weather/data_source/remote_data_source/remote_weather_data_source.dart';
+import 'package:weaco/data/weather/dto/weather_dto.dart';
+
+class MeteoWeatherApi implements RemoteWeatherDataSource {
+  final BaseDio _dio;
+
+  MeteoWeatherApi({required BaseDio dio}) : _dio = dio;
+
+  /// meteo open api 이용하여 날씨 받아오는 메서드
+  /// @param lat: 위도
+  /// @param lng: 경도
+  @override
+  Future<WeatherDto> getWeather(
+      {required double lat, required double lng}) async {
+    final BaseResponse response = await _dio.get(
+        path: '${MeteoConfig.baseUrl}/v1/forecast?hourly=temperature_2m,'
+            'weathercode&latitude=$lat&longitude=$lng&lang=ko&past_days=1&'
+            'forecast_days=2&daily=temperature_2m_max,temperature_2m_min&'
+            'timezone=Asia%2FTokyo');
+
+    if (response.statusCode != 200) {
+      log('Code: ${response.statusCode}, Body: ${response.body}');
+
+      throw statusCodeHandler(code: response.statusCode);
+    }
+    return WeatherDto.fromJson(json: response.body);
+  }
+}
diff --git a/lib/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source.dart b/lib/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source.dart
new file mode 100644
index 00000000..b7f50113
--- /dev/null
+++ b/lib/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source.dart
@@ -0,0 +1,5 @@
+import 'package:weaco/domain/weather/model/weather_background_image.dart';
+
+abstract interface class RemoteWeatherBackgroundImageDataSource {
+  Future<List<WeatherBackgroundImage>> getWeatherBackgroundImageList();
+}
diff --git a/lib/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source_impl.dart b/lib/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source_impl.dart
new file mode 100644
index 00000000..f777137d
--- /dev/null
+++ b/lib/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source_impl.dart
@@ -0,0 +1,22 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:weaco/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source.dart';
+import 'package:weaco/domain/weather/model/weather_background_image.dart';
+
+class RemoteWeatherBackgroundImageDataSourceImpl
+    implements RemoteWeatherBackgroundImageDataSource {
+  final FirebaseFirestore _firestore;
+
+  RemoteWeatherBackgroundImageDataSourceImpl(
+      {required FirebaseFirestore firestore})
+      : _firestore = firestore;
+
+  @override
+  Future<List<WeatherBackgroundImage>> getWeatherBackgroundImageList() async {
+    QuerySnapshot<Map<String, dynamic>> result =
+        await _firestore.collection('weather_background_images').get();
+    return result.docs
+        .map((e) => WeatherBackgroundImage(
+            code: e.data()['code'], imagePath: e.data()['image_path']))
+        .toList();
+  }
+}
diff --git a/lib/data/weather/data_source/remote_data_source/remote_weather_data_source.dart b/lib/data/weather/data_source/remote_data_source/remote_weather_data_source.dart
new file mode 100644
index 00000000..8773f8ee
--- /dev/null
+++ b/lib/data/weather/data_source/remote_data_source/remote_weather_data_source.dart
@@ -0,0 +1,5 @@
+import 'package:weaco/data/weather/dto/weather_dto.dart';
+
+abstract interface class RemoteWeatherDataSource {
+  Future<WeatherDto> getWeather({required double lat, required double lng});
+}
diff --git a/lib/data/weather/dto/daily_dto.dart b/lib/data/weather/dto/daily_dto.dart
new file mode 100644
index 00000000..6ba041dc
--- /dev/null
+++ b/lib/data/weather/dto/daily_dto.dart
@@ -0,0 +1,75 @@
+class DailyDto {
+  List<String>? _time;
+  List? _temperature2mMax;
+  List? _temperature2mMin;
+
+  DailyDto({
+    List<String>? time,
+    List? temperature2mMax,
+    List? temperature2mMin,
+  }) {
+    _time = time ?? [];
+    _temperature2mMax = temperature2mMax ?? [];
+    _temperature2mMin = temperature2mMin ?? [];
+  }
+
+  DailyDto.fromJson({required dynamic json}) {
+    _time = json['time'] != null ? json['time'].cast<String>() : [];
+    _temperature2mMax = json['temperature_2m_max'] != null
+        ? json['temperature_2m_max'] as List
+        : [];
+    _temperature2mMin = json['temperature_2m_min'] != null
+        ? json['temperature_2m_min'] as List
+        : [];
+  }
+
+  DailyDto copyWith({
+    List<String>? time,
+    List? temperature2mMax,
+    List? temperature2mMin,
+  }) =>
+      DailyDto(
+        time: time ?? _time,
+        temperature2mMax: temperature2mMax ?? _temperature2mMax,
+        temperature2mMin: temperature2mMin ?? _temperature2mMin,
+      );
+
+  List<String>? get time => _time;
+
+  List? get temperature2mMax => _temperature2mMax;
+
+  List? get temperature2mMin => _temperature2mMin;
+
+  Map<String, dynamic> toJson() {
+    final map = <String, dynamic>{};
+    map['time'] = _time;
+    map['temperature_2m_max'] = _temperature2mMax;
+    map['temperature_2m_min'] = _temperature2mMin;
+    return map;
+  }
+
+  @override
+  String toString() {
+    return 'DailyDto{_time: $_time, _temperature2mMax: $_temperature2mMax, _temperature2mMin: $_temperature2mMin}';
+  }
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is DailyDto &&
+          runtimeType == other.runtimeType &&
+          _time == other._time &&
+          _temperature2mMax == other._temperature2mMax &&
+          _temperature2mMin == other._temperature2mMin;
+
+  @override
+  int get hashCode =>
+      (_time?.fold(1, (prev, next) => prev.hashCode ^ next.hashCode) ??
+          _time.hashCode) ^
+      (_temperature2mMax?.fold(
+              1, (prev, next) => prev.hashCode ^ next.hashCode) ??
+          _temperature2mMax.hashCode) ^
+      (_temperature2mMin?.fold(
+              1, (prev, next) => prev.hashCode ^ next.hashCode) ??
+          _temperature2mMin.hashCode);
+}
diff --git a/lib/data/weather/dto/hourly_dto.dart b/lib/data/weather/dto/hourly_dto.dart
new file mode 100644
index 00000000..864a52a2
--- /dev/null
+++ b/lib/data/weather/dto/hourly_dto.dart
@@ -0,0 +1,72 @@
+class HourlyDto {
+  List<String>? _time;
+  List? _temperature2m;
+  List? _weathercode;
+
+  HourlyDto({
+    List<String>? time,
+    List? temperature2m,
+    List? weathercode,
+  }) {
+    _time = time ?? [];
+    _temperature2m = temperature2m ?? [];
+    _weathercode = weathercode ?? [];
+  }
+
+  HourlyDto.fromJson({required dynamic json}) {
+    _time = json['time'] != null ? json['time'].cast<String>() : [];
+    _temperature2m = json['temperature_2m'] != null
+        ? json['temperature_2m'] as List
+        : [];
+    _weathercode =
+        json['weathercode'] != null ? json['weathercode'] as List : [];
+  }
+
+  HourlyDto copyWith({
+    List<String>? time,
+    List? temperature2m,
+    List? weathercode,
+  }) =>
+      HourlyDto(
+        time: time ?? _time,
+        temperature2m: temperature2m ?? _temperature2m,
+        weathercode: weathercode ?? _weathercode,
+      );
+
+  List<String>? get time => _time;
+
+  List? get temperature2m => _temperature2m;
+
+  List? get weathercode => _weathercode;
+
+  Map<String, dynamic> toJson() {
+    final map = <String, dynamic>{};
+    map['time'] = _time;
+    map['temperature_2m'] = _temperature2m;
+    map['weathercode'] = _weathercode;
+    return map;
+  }
+
+  @override
+  String toString() {
+    return 'HourlyDto{_time: $_time, _temperature2m: $_temperature2m, _weathercode: $_weathercode}';
+  }
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is HourlyDto &&
+          runtimeType == other.runtimeType &&
+          _time == other._time &&
+          _temperature2m == other._temperature2m &&
+          _weathercode == other._weathercode;
+
+  @override
+  int get hashCode =>
+      (_time?.fold(1, (prev, next) => prev.hashCode ^ next.hashCode) ??
+          _time.hashCode) ^
+      (_temperature2m?.fold(1, (prev, next) => prev.hashCode ^ next.hashCode) ??
+          _temperature2m.hashCode) ^
+      (_weathercode?.fold(1, (prev, next) => prev.hashCode ^ next.hashCode) ??
+          _weathercode.hashCode);
+}
diff --git a/lib/data/weather/dto/weather_dto.dart b/lib/data/weather/dto/weather_dto.dart
new file mode 100644
index 00000000..b0c76195
--- /dev/null
+++ b/lib/data/weather/dto/weather_dto.dart
@@ -0,0 +1,87 @@
+import 'package:weaco/data/weather/dto/daily_dto.dart';
+import 'package:weaco/data/weather/dto/hourly_dto.dart';
+
+class WeatherDto {
+  num? _latitude;
+  num? _longitude;
+  HourlyDto? _hourly;
+  DailyDto? _daily;
+
+  WeatherDto({
+    num? latitude,
+    num? longitude,
+    HourlyDto? hourly,
+    DailyDto? daily,
+  }) {
+    _latitude = latitude;
+    _longitude = longitude;
+    _hourly = hourly;
+    _daily = daily;
+  }
+
+  WeatherDto.fromJson({required dynamic json}) {
+    _latitude = json['latitude'];
+    _longitude = json['longitude'];
+    _hourly = json['hourly'] != null
+        ? HourlyDto.fromJson(json: json['hourly'])
+        : null;
+    _daily =
+        json['daily'] != null ? DailyDto.fromJson(json: json['daily']) : null;
+  }
+
+  WeatherDto copyWith({
+    num? latitude,
+    num? longitude,
+    HourlyDto? hourly,
+    DailyDto? daily,
+  }) =>
+      WeatherDto(
+        latitude: latitude ?? _latitude,
+        longitude: longitude ?? _longitude,
+        hourly: hourly ?? _hourly,
+        daily: daily ?? _daily,
+      );
+
+  num? get latitude => _latitude;
+
+  num? get longitude => _longitude;
+
+  HourlyDto? get hourly => _hourly;
+
+  DailyDto? get daily => _daily;
+
+  Map<String, dynamic> toJson() {
+    final map = <String, dynamic>{};
+    map['latitude'] = _latitude;
+    map['longitude'] = _longitude;
+    if (_hourly != null) {
+      map['hourly'] = _hourly?.toJson();
+    }
+    if (_daily != null) {
+      map['daily'] = _daily?.toJson();
+    }
+    return map;
+  }
+
+  @override
+  String toString() {
+    return 'WeatherDto{_latitude: $_latitude, _longitude: $_longitude, _hourly: $_hourly, _daily: $_daily}';
+  }
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is WeatherDto &&
+          runtimeType == other.runtimeType &&
+          _latitude == other._latitude &&
+          _longitude == other._longitude &&
+          _hourly == other._hourly &&
+          _daily == other._daily;
+
+  @override
+  int get hashCode =>
+      _latitude.hashCode ^
+      _longitude.hashCode ^
+      _hourly.hashCode ^
+      _daily.hashCode;
+}
diff --git a/lib/data/weather/mapper/daily_location_weather_mapper.dart b/lib/data/weather/mapper/daily_location_weather_mapper.dart
new file mode 100644
index 00000000..718a1154
--- /dev/null
+++ b/lib/data/weather/mapper/daily_location_weather_mapper.dart
@@ -0,0 +1,55 @@
+import 'package:weaco/core/enum/season_code.dart';
+import 'package:weaco/core/enum/weather_code.dart';
+import 'package:weaco/data/weather/dto/weather_dto.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+extension DailyLocationWeatherMapper on WeatherDto {
+  DailyLocationWeather toDailyLocationWeather({required Location location}) {
+    final DateTime now = DateTime.now();
+    const double unknownTemperature = -99.0;
+    const int todayMaxAndMinIndex = 1;
+    const int todayIndex = 24;
+    const int yesterDayIndex = 0;
+    const int tomorrowIndex = 48;
+
+    return DailyLocationWeather(
+        seasonCode: SeasonCode.fromMonth(now.month).value,
+        highTemperature: daily?.temperature2mMax
+                ?.elementAt(todayMaxAndMinIndex)
+                .toDouble() ??
+            unknownTemperature,
+        lowTemperature: daily?.temperature2mMin
+                ?.elementAt(todayMaxAndMinIndex)
+                .toDouble() ??
+            unknownTemperature,
+        weatherList: _toWhetherList(todayIndex, now),
+        yesterDayWeatherList: _toWhetherList(yesterDayIndex, now),
+        tomorrowWeatherList: _toWhetherList(tomorrowIndex, now),
+        location: location,
+        createdAt: now);
+  }
+
+  List<Weather> _toWhetherList(int plusIndex, DateTime now) {
+    final int length = (hourly?.temperature2m?.length ?? 0) ~/ 3;
+    const double unknownTemperature = -99.0;
+    const int unknownCode = -99;
+
+    return List.generate(
+      length,
+      (index) {
+        final i = index + plusIndex;
+        return Weather(
+          temperature: hourly?.temperature2m?.elementAt(i).toDouble() ??
+              unknownTemperature,
+          timeTemperature:
+              DateTime.tryParse(hourly?.time?.elementAt(i) ?? '') ??
+                  DateTime.now(),
+          code: WeatherCode.fromDtoCode(hourly?.weathercode?.elementAt(i).toInt() ?? unknownCode).value,
+          createdAt: DateTime.now(),
+        );
+      },
+    );
+  }
+}
diff --git a/lib/data/weather/repository/daily_location_weather_repository_impl.dart b/lib/data/weather/repository/daily_location_weather_repository_impl.dart
new file mode 100644
index 00000000..253d35b5
--- /dev/null
+++ b/lib/data/weather/repository/daily_location_weather_repository_impl.dart
@@ -0,0 +1,67 @@
+import 'dart:developer';
+
+import 'package:weaco/data/weather/data_source/remote_data_source/remote_weather_data_source.dart';
+import 'package:weaco/data/weather/dto/weather_dto.dart';
+import 'package:weaco/data/weather/mapper/daily_location_weather_mapper.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/location/repository/location_repository.dart';
+import 'package:weaco/data/weather/data_source/local_data_source/local_daily_location_weather_data_source.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/repository/daily_location_weather_repository.dart';
+
+class DailyLocationWeatherRepositoryImpl
+    implements DailyLocationWeatherRepository {
+  final LocalDailyLocationWeatherDataSource
+      _localDailyLocationWeatherDataSource;
+  final RemoteWeatherDataSource _remoteWeatherDataSource;
+  final LocationRepository _locationRepository;
+
+  DailyLocationWeatherRepositoryImpl({
+    required LocalDailyLocationWeatherDataSource
+        localDailyLocationWeatherDataSource,
+    required RemoteWeatherDataSource remoteWeatherDataSource,
+    required LocationRepository locationRepository,
+  })  : _localDailyLocationWeatherDataSource =
+            localDailyLocationWeatherDataSource,
+        _remoteWeatherDataSource = remoteWeatherDataSource,
+        _locationRepository = locationRepository;
+
+  /// 로컬 DailyLocationWeather가 없거나 만료된 데이터인 경우 새로운 데이터를 가져와서 반환한다.
+  @override
+  Future<DailyLocationWeather> getDailyLocationWeather() async {
+    final DailyLocationWeather? localData =
+        await _localDailyLocationWeatherDataSource
+            .getLocalDailyLocationWeather();
+
+    return _isOldDataOrExpired(localData)
+        ? await _fetchAndCacheDailyLocationWeather()
+        : localData!;
+  }
+
+  /// 로컬 데이터가 없거나 만료된 데이터인지 확인한다.
+  bool _isOldDataOrExpired(DailyLocationWeather? localData) {
+    final now = DateTime.now();
+    return (localData == null ||
+        localData.createdAt.day != now.day ||
+        localData.createdAt.isBefore(now.subtract(const Duration(hours: 3))));
+  }
+
+  /// 날씨와 위치를 가져와서 DailyLocationWeather로 변환한다.
+  /// 변환한 데이터를 로컬에 캐싱하고 반환한다.
+  Future<DailyLocationWeather> _fetchAndCacheDailyLocationWeather() async {
+    Location location = await _locationRepository.getLocation();
+    WeatherDto weatherDto = await _remoteWeatherDataSource.getWeather(
+        lat: location.lat, lng: location.lng);
+
+    DailyLocationWeather dailyLocationWeather =
+        weatherDto.toDailyLocationWeather(location: location);
+
+    _localDailyLocationWeatherDataSource
+        .saveLocalDailyLocationWeather(
+            dailyLocationWeather: dailyLocationWeather)
+        .catchError(
+            (e) => log('name: _fetchAndCacheDailyLocationWeather, e: $e'));
+
+    return dailyLocationWeather;
+  }
+}
diff --git a/lib/data/weather/repository/weather_background_image_repository_impl.dart b/lib/data/weather/repository/weather_background_image_repository_impl.dart
new file mode 100644
index 00000000..982c046a
--- /dev/null
+++ b/lib/data/weather/repository/weather_background_image_repository_impl.dart
@@ -0,0 +1,17 @@
+import 'package:weaco/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source.dart';
+import 'package:weaco/domain/weather/model/weather_background_image.dart';
+import 'package:weaco/domain/weather/repository/weather_background_image_repository.dart';
+
+class WeatherBackgroundImageRepositoryImpl
+    implements WeatherBackgroundImageRepository {
+  final RemoteWeatherBackgroundImageDataSource _remoteDataSource;
+
+  WeatherBackgroundImageRepositoryImpl(
+      {required RemoteWeatherBackgroundImageDataSource remoteDataSource})
+      : _remoteDataSource = remoteDataSource;
+
+  @override
+  Future<List<WeatherBackgroundImage>> getWeatherBackgroundImageList() async {
+    return await _remoteDataSource.getWeatherBackgroundImageList();
+  }
+}
diff --git a/lib/domain/common/extension/list.dart b/lib/domain/common/extension/list.dart
new file mode 100644
index 00000000..7c765f5b
--- /dev/null
+++ b/lib/domain/common/extension/list.dart
@@ -0,0 +1,8 @@
+extension ListUtil<T> on List<T> {
+  bool equals(List<T> other) {
+    for (int i = 0; i < other.length; i++) {
+      if (this[i] != other[i]) return false;
+    }
+    return true;
+  }
+}
diff --git a/lib/domain/common/use_case/refresh_user_page_use_case.dart b/lib/domain/common/use_case/refresh_user_page_use_case.dart
new file mode 100644
index 00000000..29a06094
--- /dev/null
+++ b/lib/domain/common/use_case/refresh_user_page_use_case.dart
@@ -0,0 +1,46 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/get_user_page_feeds_use_case.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/use_case/get_user_profile_use_case.dart';
+
+class RefreshUserPageUseCase {
+  final GetUserProfileUseCase _getUserProfileUseCase;
+  final GetUserPageFeedsUseCase _getUserPageFeedsUseCase;
+
+  RefreshUserPageUseCase({
+    required GetUserProfileUseCase getUserProfileUseCase,
+    required GetUserPageFeedsUseCase getUserPageFeedsUseCase,
+  })  : _getUserProfileUseCase = getUserProfileUseCase,
+        _getUserPageFeedsUseCase = getUserPageFeedsUseCase;
+
+  /// 유저가 특정 UserPage 에서 pull-to-refresh 상호작용을 했을 때,
+  /// UserProfile 과 List<Feed> 를 반환.
+  ///
+  /// RefreshUserPageUseCase 를 Facade 패턴으로
+  /// GetUserProfileUseCase, GetUserPageFeedsUseCase 를 사용
+  ///
+  /// @param [email] 필수 파라미터, 특정 User 의 email 값.
+  /// @param [limit] 선택 파라미터, 받아오고자  하는 feed 의 개수.
+  /// @return Map 으로 감싼 UserProfile, List<Feed>? 데이터.
+  Future<Map<String, dynamic>> execute({
+    required String email,
+    DateTime? createdAt,
+    int? limit = 20,
+  }) async {
+    UserProfile? userProfile;
+    List<Feed>? feedList;
+
+    userProfile = await _getUserProfileUseCase.execute(email: email);
+
+    feedList = await _getUserPageFeedsUseCase.execute(
+      email: email,
+      createdAt: null,
+      limit: limit,
+    );
+
+    return {
+      'userProfile': userProfile,
+      'feedList': feedList,
+    };
+  }
+}
diff --git a/lib/domain/feed/model/feed.dart b/lib/domain/feed/model/feed.dart
new file mode 100644
index 00000000..d3734f25
--- /dev/null
+++ b/lib/domain/feed/model/feed.dart
@@ -0,0 +1,111 @@
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+class Feed {
+  final String? id;
+  final String imagePath;
+  final String userEmail;
+  final String description;
+  final Weather weather;
+  final int seasonCode;
+  final Location location;
+  final DateTime createdAt;
+  final DateTime? deletedAt;
+
+  Feed({
+    required this.id,
+    required this.imagePath,
+    required this.userEmail,
+    required this.description,
+    required this.weather,
+    required this.seasonCode,
+    required this.location,
+    required this.createdAt,
+    this.deletedAt,
+  });
+
+  @override
+  String toString() {
+    return 'Feed(id: $id, imagePath: $imagePath, userEmail: $userEmail, description: $description, weather: $weather, seasonCode: $seasonCode, location: $location, createdAt: $createdAt, deletedAt: $deletedAt)';
+  }
+
+  @override
+  bool operator ==(covariant Feed other) {
+    if (identical(this, other)) return true;
+
+    return other.id == id &&
+        other.imagePath == imagePath &&
+        other.userEmail == userEmail &&
+        other.description == description &&
+        other.weather == weather &&
+        other.seasonCode == seasonCode &&
+        other.location == location &&
+        other.createdAt == createdAt &&
+        other.deletedAt == deletedAt;
+  }
+
+  @override
+  int get hashCode {
+    return id.hashCode ^
+        imagePath.hashCode ^
+        userEmail.hashCode ^
+        description.hashCode ^
+        weather.hashCode ^
+        seasonCode.hashCode ^
+        location.hashCode ^
+        createdAt.hashCode ^
+        deletedAt.hashCode;
+  }
+
+  Feed copyWith({
+    String? id,
+    String? imagePath,
+    String? userEmail,
+    String? description,
+    Weather? weather,
+    int? seasonCode,
+    Location? location,
+    DateTime? createdAt,
+    DateTime? deletedAt,
+  }) {
+    return Feed(
+      id: id ?? this.id,
+      imagePath: imagePath ?? this.imagePath,
+      userEmail: userEmail ?? this.userEmail,
+      description: description ?? this.description,
+      weather: weather ?? this.weather,
+      seasonCode: seasonCode ?? this.seasonCode,
+      location: location ?? this.location,
+      createdAt: createdAt ?? this.createdAt,
+      deletedAt: deletedAt ?? this.deletedAt,
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'id': id,
+      'image_path': imagePath,
+      'user_email': userEmail,
+      'description': description,
+      'weather': weather.toJson(),
+      'season_code': seasonCode,
+      'location': location.toJson(),
+      'created_at': createdAt,
+      'deleted_at': deletedAt,
+    };
+  }
+
+  factory Feed.fromJson(Map<String, dynamic> map) {
+    return Feed(
+      id: map['id'] as String,
+      imagePath: map['image_path'] as String,
+      userEmail: map['user_email'] as String,
+      description: map['description'] as String,
+      weather: Weather.fromJson(map['weather']),
+      seasonCode: map['season_code'] as int,
+      location: Location.fromJson(map['location']),
+      createdAt: map['created_at'] as DateTime,
+      deletedAt: map['deleted_at'] as DateTime,
+    );
+  }
+}
diff --git a/lib/domain/feed/repository/feed_repository.dart b/lib/domain/feed/repository/feed_repository.dart
new file mode 100644
index 00000000..9181701f
--- /dev/null
+++ b/lib/domain/feed/repository/feed_repository.dart
@@ -0,0 +1,43 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+
+abstract interface class FeedRepository {
+  /// [마이페이지/유저페이지 화면]
+  /// 유저의 피드를 가져옵니다.
+  Future<List<Feed>> getUserFeedList({
+    required String email,
+    required DateTime? createdAt,
+    required int? limit,
+  });
+
+  /// 피드의 상세 정보를 가져옵니다.
+  Future<Feed?> getFeed({required String id});
+
+  /// 피드를 삭제합니다.
+  Future<bool> deleteFeed({required String id});
+
+  /// 새 피드를 저장하거나 편집된 피드를 업데이트 합니다.
+  Future<bool> saveFeed({required Feed editedFeed});
+
+  /// [홈 하단]
+  /// 추천 OOTD 목록을 불러옵니다.
+  Future<List<Feed>> getRecommendedFeedList({
+    required DailyLocationWeather dailyLocationWeather,
+  });
+
+  /// 입력된 조건 값에 맞는 피드 목록을 불러옵니다.
+  Future<List<Feed>> getSearchFeedList({
+    DateTime? createdAt,
+    int? limit,
+    int? seasonCode,
+    int? weatherCode,
+    int? minTemperature,
+    int? maxTemperature,
+  });
+
+  /// OOTD 피드를 최신 순으로 가져옵니다.
+  Future<List<Feed>> getOotdFeedList({
+    required DateTime createdAt,
+    required DailyLocationWeather dailyLocationWeather,
+  });
+}
diff --git a/lib/domain/feed/repository/ootd_feed_repository.dart b/lib/domain/feed/repository/ootd_feed_repository.dart
new file mode 100644
index 00000000..bec94879
--- /dev/null
+++ b/lib/domain/feed/repository/ootd_feed_repository.dart
@@ -0,0 +1,7 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+
+abstract interface class OotdFeedRepository {
+  Future<bool> saveOotdFeed({required Feed feed});
+
+  Future<bool> removeOotdFeed({required String id});
+}
\ No newline at end of file
diff --git a/lib/domain/feed/use_case/get_detail_feed_detail_use_case.dart b/lib/domain/feed/use_case/get_detail_feed_detail_use_case.dart
new file mode 100644
index 00000000..c040cd39
--- /dev/null
+++ b/lib/domain/feed/use_case/get_detail_feed_detail_use_case.dart
@@ -0,0 +1,16 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/repository/feed_repository.dart';
+
+class GetDetailFeedDetailUseCase {
+  final FeedRepository _feedRepository;
+
+  GetDetailFeedDetailUseCase({required FeedRepository feedRepository})
+      : _feedRepository = feedRepository;
+
+  /// 레포지토리에 피드 id를 전달하여 해당 피드를 가져온다.
+  /// @param id: 피드 id
+  /// @return Feed: 피드
+  Future<Feed?> execute({required String id}) async {
+    return await _feedRepository.getFeed(id: id);
+  }
+}
diff --git a/lib/domain/feed/use_case/get_my_page_feeds_use_case.dart b/lib/domain/feed/use_case/get_my_page_feeds_use_case.dart
new file mode 100644
index 00000000..b09a3415
--- /dev/null
+++ b/lib/domain/feed/use_case/get_my_page_feeds_use_case.dart
@@ -0,0 +1,28 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/repository/feed_repository.dart';
+
+/// 마이 페이지에서 유저의 피드 목록을 보여주기 위한 Use Case
+class GetMyPageFeedsUseCase {
+  final FeedRepository _feedRepository;
+
+  GetMyPageFeedsUseCase({required FeedRepository feedRepository})
+      : _feedRepository = feedRepository;
+
+  Future<List<Feed>> execute({
+    required String email,
+    required DateTime? createdAt,
+    int? limit = 20,
+  }) async {
+    List<Feed> feedList = [];
+    try {
+      feedList = await _feedRepository.getUserFeedList(
+        email: email,
+        createdAt: createdAt,
+        limit: limit,
+      );
+    } catch (e) {
+      throw Exception(e);
+    }
+    return feedList;
+  }
+}
diff --git a/lib/domain/feed/use_case/get_ootd_feeds_use_case.dart b/lib/domain/feed/use_case/get_ootd_feeds_use_case.dart
new file mode 100644
index 00000000..5f671f05
--- /dev/null
+++ b/lib/domain/feed/use_case/get_ootd_feeds_use_case.dart
@@ -0,0 +1,23 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import '../repository/feed_repository.dart';
+
+/// OOTD 피드 페이지에서 유저의 피드 목록을 보여주기 위한 Use Case
+class GetOotdFeedsUseCase {
+  final FeedRepository _feedRepository;
+
+  GetOotdFeedsUseCase({required FeedRepository feedRepository})
+      : _feedRepository = feedRepository;
+
+  Future<List<Feed>> execute({
+    required DateTime? createdAt,
+    required DailyLocationWeather dailyLocationWeather,
+  }) async {
+    List<Feed> feedList = [];
+    feedList = await _feedRepository.getOotdFeedList(
+      createdAt: createdAt ?? DateTime.now(),
+      dailyLocationWeather: dailyLocationWeather,
+    );
+    return feedList;
+  }
+}
diff --git a/lib/domain/feed/use_case/get_recommended_feeds_use_case.dart b/lib/domain/feed/use_case/get_recommended_feeds_use_case.dart
new file mode 100644
index 00000000..2c918f6b
--- /dev/null
+++ b/lib/domain/feed/use_case/get_recommended_feeds_use_case.dart
@@ -0,0 +1,24 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/repository/feed_repository.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+
+class GetRecommendedFeedsUseCase {
+  final FeedRepository _feedRepository;
+
+  GetRecommendedFeedsUseCase({required FeedRepository feedRepository})
+      : _feedRepository = feedRepository;
+
+  /// 레포지토리에 필터를 통해 추천 피드를 요청
+  /// @param seasonCode: 계절 코드
+  /// @param weatherCode: 날씨 코드
+  /// @param minTemperature: 최저 기온
+  /// @param maxTemperature: 최고 기온
+  /// @return: 반환 받은 추천 피드 리스트
+  Future<List<Feed>> execute({
+    required DailyLocationWeather dailyLocationWeather,
+  }) async {
+    return await _feedRepository.getRecommendedFeedList(
+      dailyLocationWeather: dailyLocationWeather,
+    );
+  }
+}
diff --git a/lib/domain/feed/use_case/get_search_feeds_use_case.dart b/lib/domain/feed/use_case/get_search_feeds_use_case.dart
new file mode 100644
index 00000000..a674feea
--- /dev/null
+++ b/lib/domain/feed/use_case/get_search_feeds_use_case.dart
@@ -0,0 +1,33 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/repository/feed_repository.dart';
+
+class GetSearchFeedsUseCase {
+  final FeedRepository _feedRepository;
+
+  GetSearchFeedsUseCase({required FeedRepository feedRepository})
+      : _feedRepository = feedRepository;
+
+  /// 레포지토리에 필터를 통해 추천 피드를 요청
+  /// @param seasonCode: 계절 코드
+  /// @param weatherCode: 날씨 코드
+  /// @param minTemperature: 최저 기온
+  /// @param maxTemperature: 최고 기온
+  /// @return: 반환 받은 검색 피드 리스트
+  Future<List<Feed>> execute({
+    int? limit,
+    DateTime? createdAt,
+    int? seasonCode,
+    int? weatherCode,
+    int? minTemperature,
+    int? maxTemperature,
+  }) async {
+    return await _feedRepository.getSearchFeedList(
+      limit: limit,
+      createdAt: createdAt,
+      seasonCode: seasonCode,
+      weatherCode: weatherCode,
+      minTemperature: minTemperature,
+      maxTemperature: maxTemperature,
+    );
+  }
+}
diff --git a/lib/domain/feed/use_case/get_user_page_feeds_use_case.dart b/lib/domain/feed/use_case/get_user_page_feeds_use_case.dart
new file mode 100644
index 00000000..095af39f
--- /dev/null
+++ b/lib/domain/feed/use_case/get_user_page_feeds_use_case.dart
@@ -0,0 +1,22 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/repository/feed_repository.dart';
+
+/// 유저 페이지에서 유저의 피드 목록을 보여주기 위한 Use Case
+class GetUserPageFeedsUseCase {
+  final FeedRepository _feedRepository;
+
+  GetUserPageFeedsUseCase({required FeedRepository feedRepository})
+      : _feedRepository = feedRepository;
+
+  Future<List<Feed>> execute({
+    required String email,
+    required DateTime? createdAt,
+    int? limit = 20,
+  }) async {
+    return await _feedRepository.getUserFeedList(
+      email: email,
+      createdAt: createdAt,
+      limit: limit,
+    );
+  }
+}
diff --git a/lib/domain/feed/use_case/remove_my_page_feed_use_case.dart b/lib/domain/feed/use_case/remove_my_page_feed_use_case.dart
new file mode 100644
index 00000000..ae5b1c85
--- /dev/null
+++ b/lib/domain/feed/use_case/remove_my_page_feed_use_case.dart
@@ -0,0 +1,15 @@
+import 'package:weaco/domain/feed/repository/ootd_feed_repository.dart';
+
+class RemoveMyPageFeedUseCase {
+  final OotdFeedRepository _ootdFeedRepository;
+
+  RemoveMyPageFeedUseCase({required OotdFeedRepository ootdFeedRepository})
+      : _ootdFeedRepository = ootdFeedRepository;
+
+  /// id를 통해 특정 피드를 삭제
+  /// @param id: 삭제할 피드의 id
+  /// @return: null
+  Future<bool> execute({required String id}) async {
+    return await _ootdFeedRepository.removeOotdFeed(id: id);
+  }
+}
diff --git a/lib/domain/feed/use_case/save_edit_feed_use_case.dart b/lib/domain/feed/use_case/save_edit_feed_use_case.dart
new file mode 100644
index 00000000..df409d02
--- /dev/null
+++ b/lib/domain/feed/use_case/save_edit_feed_use_case.dart
@@ -0,0 +1,16 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/repository/ootd_feed_repository.dart';
+
+class SaveEditFeedUseCase {
+  final OotdFeedRepository _ootdFeedRepository;
+
+  SaveEditFeedUseCase({required OotdFeedRepository ootdFeedRepository})
+      : _ootdFeedRepository = ootdFeedRepository;
+
+  /// 특정 피드 저장 또는 업데이트
+  /// @param feed: 저장할 피드
+  /// @return: 서버 응답 메세지. response 모델로 변경 예정.
+  Future<bool> execute({required Feed feed}) async {
+    return await _ootdFeedRepository.saveOotdFeed(feed: feed);
+  }
+}
diff --git a/lib/domain/file/repository/file_repository.dart b/lib/domain/file/repository/file_repository.dart
new file mode 100644
index 00000000..6d2052a7
--- /dev/null
+++ b/lib/domain/file/repository/file_repository.dart
@@ -0,0 +1,9 @@
+import 'dart:io';
+
+abstract interface class FileRepository {
+  Future<File?> getImage({required bool isOrigin});
+
+  Future<bool> saveImage({required bool isOrigin, required File file});
+
+  Future<String> saveOotdImage();
+}
diff --git a/lib/domain/file/use_case/get_image_use_case.dart b/lib/domain/file/use_case/get_image_use_case.dart
new file mode 100644
index 00000000..5c222d6b
--- /dev/null
+++ b/lib/domain/file/use_case/get_image_use_case.dart
@@ -0,0 +1,17 @@
+import 'dart:io';
+
+import 'package:weaco/domain/file/repository/file_repository.dart';
+
+class GetImageUseCase {
+  final FileRepository _fileRepository;
+
+  GetImageUseCase({required FileRepository fileRepository})
+      : _fileRepository = fileRepository;
+
+  /// 레포지토리에 크롭 전 이미지를 요청
+  /// @param isOrigin: 원본 이미지 = true, 크롭된 이미지 = false
+  /// @return: 요청한 이미지 파일 반환
+  Future<File?> execute({required bool isOrigin}) async {
+    return await _fileRepository.getImage(isOrigin: isOrigin);
+  }
+}
diff --git a/lib/domain/file/use_case/save_image_use_case.dart b/lib/domain/file/use_case/save_image_use_case.dart
new file mode 100644
index 00000000..107dceea
--- /dev/null
+++ b/lib/domain/file/use_case/save_image_use_case.dart
@@ -0,0 +1,17 @@
+import 'dart:io';
+import 'package:weaco/domain/file/repository/file_repository.dart';
+
+class SaveImageUseCase {
+  final FileRepository _fileRepository;
+
+  SaveImageUseCase({required FileRepository fileRepository})
+      : _fileRepository = fileRepository;
+
+  /// 레포지토리에 이미지 파일 데이터를 전달하여 저장을 요청
+  /// @param isOrigin: 원본 이미지 = true, 크롭된 이미지 = false
+  /// @param file: 저장할 이미지 데이터
+  /// @return: 데이터 저장 성공 여부 반환
+  Future<bool> execute({required bool isOrigin, required File file}) async {
+    return await _fileRepository.saveImage(isOrigin: isOrigin, file: file);
+  }
+}
diff --git a/lib/domain/location/model/location.dart b/lib/domain/location/model/location.dart
new file mode 100644
index 00000000..10cc4a01
--- /dev/null
+++ b/lib/domain/location/model/location.dart
@@ -0,0 +1,64 @@
+class Location {
+  final double lat;
+  final double lng;
+  final String city;
+  final DateTime createdAt;
+
+  const Location({
+    required this.lat,
+    required this.lng,
+    required this.city,
+    required this.createdAt,
+  });
+
+  @override
+  String toString() {
+    return 'Location{lat: $lat, lng: $lng, city: $city, createdAt: $createdAt}';
+  }
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is Location &&
+          runtimeType == other.runtimeType &&
+          lat == other.lat &&
+          lng == other.lng &&
+          city == other.city &&
+          createdAt == other.createdAt;
+
+  @override
+  int get hashCode =>
+      lat.hashCode ^ lng.hashCode ^ city.hashCode ^ createdAt.hashCode;
+
+  Location copyWith({
+    double? lat,
+    double? lng,
+    String? city,
+    DateTime? createdAt,
+  }) {
+    return Location(
+      lat: lat ?? this.lat,
+      lng: lng ?? this.lng,
+      city: city ?? this.city,
+      createdAt: createdAt ?? this.createdAt,
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'lat': lat,
+      'lng': lng,
+      'city': city,
+      'created_at': createdAt.toIso8601String(),
+    };
+  }
+
+  factory Location.fromJson(Map<String, dynamic> json) {
+    return Location(
+      lat: json['lat'] as double,
+      lng: json['lng'] as double,
+      city: json['city'] as String,
+      createdAt: DateTime.parse(json['created_at']),
+    );
+  }
+}
diff --git a/lib/domain/location/repository/location_repository.dart b/lib/domain/location/repository/location_repository.dart
new file mode 100644
index 00000000..37aaa35a
--- /dev/null
+++ b/lib/domain/location/repository/location_repository.dart
@@ -0,0 +1,5 @@
+import 'package:weaco/domain/location/model/location.dart';
+
+abstract interface class LocationRepository {
+  Future<Location> getLocation();
+}
diff --git a/lib/domain/location/use_case/get_location_use_case.dart b/lib/domain/location/use_case/get_location_use_case.dart
new file mode 100644
index 00000000..7444d791
--- /dev/null
+++ b/lib/domain/location/use_case/get_location_use_case.dart
@@ -0,0 +1,16 @@
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/location/repository/location_repository.dart';
+
+class GetLocationUseCase {
+  final LocationRepository _locationRepository;
+
+  GetLocationUseCase({
+    required LocationRepository locationRepository,
+  }) : _locationRepository = locationRepository;
+
+  /// 위도, 경도로 위치 정보를 가져오기 위한 Use Case
+  /// @return [Location] 위치 정보
+  Future<Location?> execute() async {
+    return await _locationRepository.getLocation();
+  }
+}
diff --git a/lib/domain/user/model/profile_image.dart b/lib/domain/user/model/profile_image.dart
new file mode 100644
index 00000000..04ec58b7
--- /dev/null
+++ b/lib/domain/user/model/profile_image.dart
@@ -0,0 +1,32 @@
+class ProfileImage {
+  String id;
+  String imagePath;
+
+  ProfileImage({required this.id, required this.imagePath});
+
+  @override
+  String toString() {
+    return 'ProfileImage{id: $id, imagePath: $imagePath}';
+  }
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is ProfileImage &&
+          runtimeType == other.runtimeType &&
+          id == other.id &&
+          imagePath == other.imagePath;
+
+  @override
+  int get hashCode => id.hashCode ^ imagePath.hashCode;
+
+  ProfileImage copyWith({
+    String? id,
+    String? imagePath,
+  }) {
+    return ProfileImage(
+      id: id ?? this.id,
+      imagePath: imagePath ?? this.imagePath,
+    );
+  }
+}
diff --git a/lib/domain/user/model/user_auth.dart b/lib/domain/user/model/user_auth.dart
new file mode 100644
index 00000000..a84cb8c7
--- /dev/null
+++ b/lib/domain/user/model/user_auth.dart
@@ -0,0 +1,35 @@
+class UserAuth {
+  final String email;
+  final String password;
+
+  UserAuth({
+    required this.email,
+    required this.password,
+  });
+
+  @override
+  String toString() {
+    return 'UserAuth{email: $email, password: $password}';
+  }
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is UserAuth &&
+          runtimeType == other.runtimeType &&
+          email == other.email &&
+          password == other.password;
+
+  @override
+  int get hashCode => email.hashCode ^ password.hashCode;
+
+  UserAuth copyWith({
+    String? email,
+    String? password,
+  }) {
+    return UserAuth(
+      email: email ?? this.email,
+      password: password ?? this.password,
+    );
+  }
+}
diff --git a/lib/domain/user/model/user_profile.dart b/lib/domain/user/model/user_profile.dart
new file mode 100644
index 00000000..d1dc344d
--- /dev/null
+++ b/lib/domain/user/model/user_profile.dart
@@ -0,0 +1,93 @@
+class UserProfile {
+  final String email;
+  final String nickname;
+  final int gender;
+  final String profileImagePath;
+  final int feedCount;
+  final DateTime createdAt;
+  final DateTime? deletedAt;
+
+  UserProfile({
+    required this.email,
+    required this.nickname,
+    required this.gender,
+    required this.profileImagePath,
+    required this.feedCount,
+    required this.createdAt,
+    this.deletedAt,
+  });
+
+  @override
+  String toString() {
+    return 'UserProfile{email: $email, nickname: $nickname, gender: $gender, profileImagePath: $profileImagePath, feedCount: $feedCount, createdAt: $createdAt, deletedAt: $deletedAt}';
+  }
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is UserProfile &&
+          runtimeType == other.runtimeType &&
+          email == other.email &&
+          nickname == other.nickname &&
+          gender == other.gender &&
+          profileImagePath == other.profileImagePath &&
+          feedCount == other.feedCount &&
+          createdAt == other.createdAt &&
+          deletedAt == other.deletedAt;
+
+  @override
+  int get hashCode =>
+      email.hashCode ^
+      nickname.hashCode ^
+      gender.hashCode ^
+      profileImagePath.hashCode ^
+      feedCount.hashCode ^
+      createdAt.hashCode ^
+      deletedAt.hashCode;
+
+  UserProfile copyWith({
+    String? email,
+    String? nickname,
+    int? gender,
+    String? profileImagePath,
+    int? feedCount,
+    DateTime? createdAt,
+    DateTime? deletedAt,
+  }) {
+    return UserProfile(
+      email: email ?? this.email,
+      nickname: nickname ?? this.nickname,
+      gender: gender ?? this.gender,
+      profileImagePath: profileImagePath ?? this.profileImagePath,
+      feedCount: feedCount ?? this.feedCount,
+      createdAt: createdAt ?? this.createdAt,
+      deletedAt: deletedAt ?? this.deletedAt,
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'email': email,
+      'nickname': nickname,
+      'gender': gender,
+      'profile_image_path': profileImagePath,
+      'feed_count': feedCount,
+      'created_at': createdAt.toIso8601String(),
+      'deleted_at': deletedAt?.toIso8601String(),
+    };
+  }
+
+  factory UserProfile.fromJson(Map<String, dynamic> json) {
+    return UserProfile(
+      email: json['email'],
+      nickname: json['nickname'],
+      gender: json['gender'],
+      profileImagePath: json['profile_image_path'],
+      feedCount: json['feed_count'],
+      createdAt: DateTime.parse(json['created_at']),
+      deletedAt: json['deleted_at'] != null
+          ? DateTime.parse(json['deleted_at'])
+          : null,
+    );
+  }
+}
diff --git a/lib/domain/user/repository/profile_image_repository.dart b/lib/domain/user/repository/profile_image_repository.dart
new file mode 100644
index 00000000..57ed4352
--- /dev/null
+++ b/lib/domain/user/repository/profile_image_repository.dart
@@ -0,0 +1,5 @@
+import 'package:weaco/domain/user/model/profile_image.dart';
+
+abstract interface class ProfileImageRepository {
+  Future<List<ProfileImage>> getProfileImageList();
+}
diff --git a/lib/domain/user/repository/user_auth_repository.dart b/lib/domain/user/repository/user_auth_repository.dart
new file mode 100644
index 00000000..212391ab
--- /dev/null
+++ b/lib/domain/user/repository/user_auth_repository.dart
@@ -0,0 +1,17 @@
+import 'package:weaco/domain/user/model/user_auth.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+
+abstract interface class UserAuthRepository {
+  Future<bool> signIn({required UserAuth userAuth});
+
+  Future<bool> signUp({
+    required UserAuth userAuth,
+    required UserProfile userProfile,
+  });
+
+  Future<bool> signOut();
+
+  Future<bool> logOut();
+
+  String? signInCheck();
+}
diff --git a/lib/domain/user/repository/user_profile_repository.dart b/lib/domain/user/repository/user_profile_repository.dart
new file mode 100644
index 00000000..25644f6f
--- /dev/null
+++ b/lib/domain/user/repository/user_profile_repository.dart
@@ -0,0 +1,9 @@
+import 'package:weaco/domain/user/model/user_profile.dart';
+
+abstract interface class UserProfileRepository {
+  Future<UserProfile?> getUserProfile({required String email});
+
+  Future<UserProfile?> getMyProfile();
+
+  Future<bool> updateUserProfile({required UserProfile userProfile});
+}
\ No newline at end of file
diff --git a/lib/domain/user/use_case/get_my_profile_use_case.dart b/lib/domain/user/use_case/get_my_profile_use_case.dart
new file mode 100644
index 00000000..04d11220
--- /dev/null
+++ b/lib/domain/user/use_case/get_my_profile_use_case.dart
@@ -0,0 +1,16 @@
+import 'package:weaco/domain/user/repository/user_profile_repository.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+
+class GetMyPageUserProfileUseCase {
+  final UserProfileRepository _userProfileRepository;
+
+  GetMyPageUserProfileUseCase(
+      {required UserProfileRepository userProfileRepository})
+      : _userProfileRepository = userProfileRepository;
+
+  /// 레포지토리에 내 프로필을 요청
+  /// @return: 내 프로필, 없을 경우 null
+  Future<UserProfile?> execute() async {
+    return await _userProfileRepository.getMyProfile();
+  }
+}
diff --git a/lib/domain/user/use_case/get_profile_image_list_use_case.dart b/lib/domain/user/use_case/get_profile_image_list_use_case.dart
new file mode 100644
index 00000000..615ab4fd
--- /dev/null
+++ b/lib/domain/user/use_case/get_profile_image_list_use_case.dart
@@ -0,0 +1,14 @@
+import 'package:weaco/domain/user/model/profile_image.dart';
+import 'package:weaco/domain/user/repository/profile_image_repository.dart';
+
+class GetProfileImageListUseCase {
+  final ProfileImageRepository _profileImageRepository;
+
+  GetProfileImageListUseCase(
+      {required ProfileImageRepository profileImageRepository})
+      : _profileImageRepository = profileImageRepository;
+
+  Future<List<ProfileImage>> execute() async {
+    return await _profileImageRepository.getProfileImageList();
+  }
+}
diff --git a/lib/domain/user/use_case/get_user_profile_use_case.dart b/lib/domain/user/use_case/get_user_profile_use_case.dart
new file mode 100644
index 00000000..548766b8
--- /dev/null
+++ b/lib/domain/user/use_case/get_user_profile_use_case.dart
@@ -0,0 +1,16 @@
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/repository/user_profile_repository.dart';
+
+class GetUserProfileUseCase {
+  final UserProfileRepository _userProfileRepository;
+
+  GetUserProfileUseCase({
+    required UserProfileRepository userProfileRepository,
+  }) : _userProfileRepository = userProfileRepository;
+
+  /// 해당하는 유저 정보를 가져온다.
+  /// @return: 해당하는 email 이 없을 경우 null 을 반환
+  Future<UserProfile?> execute({required String email}) async {
+    return await _userProfileRepository.getUserProfile(email: email);
+  }
+}
diff --git a/lib/domain/user/use_case/log_out_use_case.dart b/lib/domain/user/use_case/log_out_use_case.dart
new file mode 100644
index 00000000..7c411dcc
--- /dev/null
+++ b/lib/domain/user/use_case/log_out_use_case.dart
@@ -0,0 +1,13 @@
+import 'package:weaco/domain/user/repository/user_auth_repository.dart';
+
+class LogOutUseCase {
+  final UserAuthRepository _userAuthRepository;
+
+  LogOutUseCase({
+    required UserAuthRepository userAuthRepository,
+  }) : _userAuthRepository = userAuthRepository;
+
+  Future<bool> execute() async {
+    return await _userAuthRepository.logOut();
+  }
+}
diff --git a/lib/domain/user/use_case/sign_in_use_case.dart b/lib/domain/user/use_case/sign_in_use_case.dart
new file mode 100644
index 00000000..49e6b658
--- /dev/null
+++ b/lib/domain/user/use_case/sign_in_use_case.dart
@@ -0,0 +1,15 @@
+import 'package:weaco/domain/user/model/user_auth.dart';
+import 'package:weaco/domain/user/repository/user_auth_repository.dart';
+
+class SignInUseCase {
+  final UserAuthRepository _userAuthRepository;
+
+  const SignInUseCase({
+    required UserAuthRepository userAuthRepository,
+  }) : _userAuthRepository = userAuthRepository;
+
+  /// 로그인
+  Future<bool> execute({required UserAuth userAuth}) async {
+    return await _userAuthRepository.signIn(userAuth: userAuth);
+  }
+}
diff --git a/lib/domain/user/use_case/sign_out_use_case.dart b/lib/domain/user/use_case/sign_out_use_case.dart
new file mode 100644
index 00000000..07fd7a4e
--- /dev/null
+++ b/lib/domain/user/use_case/sign_out_use_case.dart
@@ -0,0 +1,14 @@
+import 'package:weaco/domain/user/repository/user_auth_repository.dart';
+
+class SignOutUseCase {
+  final UserAuthRepository _userAuthRepository;
+
+  SignOutUseCase({
+    required UserAuthRepository userAuthRepository,
+  }) : _userAuthRepository = userAuthRepository;
+
+  /// 설정 화면의 회월 탈퇴를 위한 Use Case
+  Future<bool> execute() async {
+    return await _userAuthRepository.signOut();
+  }
+}
diff --git a/lib/domain/user/use_case/sign_up_use_case.dart b/lib/domain/user/use_case/sign_up_use_case.dart
new file mode 100644
index 00000000..1d8770a6
--- /dev/null
+++ b/lib/domain/user/use_case/sign_up_use_case.dart
@@ -0,0 +1,26 @@
+import 'package:weaco/domain/user/model/user_auth.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/repository/user_auth_repository.dart';
+
+class SignUpUseCase {
+  final UserAuthRepository _userAuthRepository;
+
+  const SignUpUseCase({
+    required UserAuthRepository userAuthRepository,
+  }) : _userAuthRepository = userAuthRepository;
+
+  /// 회원 가입 화면에서 정보기입 후 가입 요청을 보내는 Use Case
+  /// [userAuth] : 회원 가입을 위한 이메일, 비밀번호 정보
+  /// [userProfile] : 회원 가입을 위한 프로필 정보
+  /// 회원 가입 성공시 true 반환, 실패시 false 반환
+  Future<bool> execute(
+      {required UserAuth userAuth, required UserProfile userProfile}) async {
+    final bool result = await _userAuthRepository.signUp(
+        userAuth: userAuth, userProfile: userProfile);
+    if (result) {
+      await _userAuthRepository.signIn(userAuth: userAuth);
+    }
+
+    return result;
+  }
+}
diff --git a/lib/domain/weather/model/daily_location_weather.dart b/lib/domain/weather/model/daily_location_weather.dart
new file mode 100644
index 00000000..8b8498b1
--- /dev/null
+++ b/lib/domain/weather/model/daily_location_weather.dart
@@ -0,0 +1,113 @@
+import 'package:weaco/domain/common/extension/list.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+class DailyLocationWeather {
+  final double highTemperature;
+  final double lowTemperature;
+  final List<Weather> weatherList;
+  final List<Weather> yesterDayWeatherList;
+  final List<Weather> tomorrowWeatherList;
+  final Location location;
+  final DateTime createdAt;
+  final int seasonCode;
+
+  const DailyLocationWeather({
+    required this.highTemperature,
+    required this.lowTemperature,
+    required this.weatherList,
+    required this.yesterDayWeatherList,
+    required this.tomorrowWeatherList,
+    required this.location,
+    required this.createdAt,
+    required this.seasonCode,
+  });
+
+  @override
+  String toString() {
+    return 'DailyLocationWeather{highTemperature: $highTemperature, lowTemperature: $lowTemperature, weatherList: $weatherList, yesterDayWeatherList: $yesterDayWeatherList, tomorrowWeatherList: $tomorrowWeatherList, location: $location, createdAt: $createdAt, seasonCode: $seasonCode}';
+  }
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is DailyLocationWeather &&
+          runtimeType == other.runtimeType &&
+          highTemperature == other.highTemperature &&
+          lowTemperature == other.lowTemperature &&
+          weatherList.equals(other.weatherList) &&
+          yesterDayWeatherList.equals(other.yesterDayWeatherList) &&
+          tomorrowWeatherList.equals(other.tomorrowWeatherList) &&
+          location == other.location &&
+          createdAt == other.createdAt &&
+          seasonCode == other.seasonCode;
+
+  @override
+  int get hashCode =>
+      highTemperature.hashCode ^
+      lowTemperature.hashCode ^
+      weatherList.fold(1, (prev, next) => prev.hashCode ^ next.hashCode) ^
+      yesterDayWeatherList.fold(
+          1, (prev, next) => prev.hashCode ^ next.hashCode) ^
+      tomorrowWeatherList.fold(
+          1, (prev, next) => prev.hashCode ^ next.hashCode) ^
+      location.hashCode ^
+      createdAt.hashCode ^
+      seasonCode.hashCode;
+
+  DailyLocationWeather copyWith({
+    double? highTemperature,
+    double? lowTemperature,
+    List<Weather>? weatherList,
+    List<Weather>? yesterDayWeatherList,
+    List<Weather>? tomorrowWeatherList,
+    Location? location,
+    DateTime? createdAt,
+    int? seasonCode,
+  }) {
+    return DailyLocationWeather(
+      highTemperature: highTemperature ?? this.highTemperature,
+      lowTemperature: lowTemperature ?? this.lowTemperature,
+      weatherList: weatherList ?? this.weatherList,
+      yesterDayWeatherList: yesterDayWeatherList ?? this.yesterDayWeatherList,
+      tomorrowWeatherList: tomorrowWeatherList ?? this.tomorrowWeatherList,
+      location: location ?? this.location,
+      createdAt: createdAt ?? this.createdAt,
+      seasonCode: seasonCode ?? this.seasonCode,
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'high_temperature': highTemperature,
+      'low_temperature': lowTemperature,
+      'weather_list': weatherList.map((weather) => weather.toJson()).toList(),
+      'yesterday_weather_list':
+          yesterDayWeatherList.map((weather) => weather.toJson()).toList(),
+      'tomorrow_weather_list':
+          tomorrowWeatherList.map((weather) => weather.toJson()).toList(),
+      'location': location.toJson(),
+      'created_at': createdAt.toIso8601String(),
+      'season_code': seasonCode,
+    };
+  }
+
+  factory DailyLocationWeather.fromJson(Map<String, dynamic> json) {
+    return DailyLocationWeather(
+      highTemperature: json['high_temperature'] as double,
+      lowTemperature: json['low_temperature'] as double,
+      weatherList: (json['weather_list'] as List)
+          .map((e) => Weather.fromJson(e))
+          .toList(),
+      yesterDayWeatherList: (json['yesterday_weather_list'] as List)
+          .map((e) => Weather.fromJson(e))
+          .toList(),
+      tomorrowWeatherList: (json['tomorrow_weather_list'] as List)
+          .map((e) => Weather.fromJson(e))
+          .toList(),
+      location: Location.fromJson(json['location']),
+      createdAt: DateTime.parse(json['created_at']),
+      seasonCode: json['season_code'] as int,
+    );
+  }
+}
diff --git a/lib/domain/weather/model/weather.dart b/lib/domain/weather/model/weather.dart
new file mode 100644
index 00000000..4cdd89a9
--- /dev/null
+++ b/lib/domain/weather/model/weather.dart
@@ -0,0 +1,67 @@
+class Weather {
+  final double temperature;
+  final DateTime timeTemperature;
+  final int code;
+  final DateTime createdAt;
+
+  Weather({
+    required this.temperature,
+    required this.timeTemperature,
+    required this.code,
+    required this.createdAt,
+  });
+
+  @override
+  String toString() {
+    return 'Weather{temperature: $temperature, timeTemperature: $timeTemperature, code: $code, createdAt: $createdAt}';
+  }
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is Weather &&
+          runtimeType == other.runtimeType &&
+          temperature == other.temperature &&
+          timeTemperature == other.timeTemperature &&
+          code == other.code &&
+          createdAt == other.createdAt;
+
+  @override
+  int get hashCode =>
+      temperature.hashCode ^
+      timeTemperature.hashCode ^
+      code.hashCode ^
+      createdAt.hashCode;
+
+  Weather copyWith({
+    double? temperature,
+    DateTime? timeTemperature,
+    int? code,
+    DateTime? createdAt,
+  }) {
+    return Weather(
+      temperature: temperature ?? this.temperature,
+      timeTemperature: timeTemperature ?? this.timeTemperature,
+      code: code ?? this.code,
+      createdAt: createdAt ?? this.createdAt,
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'temperature': temperature,
+      'time_temperature': timeTemperature.toIso8601String(),
+      'code': code,
+      'created_at': createdAt.toIso8601String(),
+    };
+  }
+
+  factory Weather.fromJson(Map<String, dynamic> json) {
+    return Weather(
+      temperature: (json['temperature'] as num).toDouble(),
+      timeTemperature: DateTime.parse(json['time_temperature']),
+      code: json['code'] as int,
+      createdAt: DateTime.parse(json['created_at']),
+    );
+  }
+}
diff --git a/lib/domain/weather/model/weather_background_image.dart b/lib/domain/weather/model/weather_background_image.dart
new file mode 100644
index 00000000..7e4f14ea
--- /dev/null
+++ b/lib/domain/weather/model/weather_background_image.dart
@@ -0,0 +1,32 @@
+class WeatherBackgroundImage {
+  final int code;
+  final String imagePath;
+
+  WeatherBackgroundImage({required this.code, required this.imagePath});
+
+  @override
+  String toString() {
+    return 'WeatherBackgroundImage{code: $code, imagePath: $imagePath}';
+  }
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is WeatherBackgroundImage &&
+          runtimeType == other.runtimeType &&
+          code == other.code &&
+          imagePath == other.imagePath;
+
+  @override
+  int get hashCode => code.hashCode ^ imagePath.hashCode;
+
+  WeatherBackgroundImage copyWith({
+    int? code,
+    String? imagePath,
+  }) {
+    return WeatherBackgroundImage(
+      code: code ?? this.code,
+      imagePath: imagePath ?? this.imagePath,
+    );
+  }
+}
diff --git a/lib/domain/weather/repository/daily_location_weather_repository.dart b/lib/domain/weather/repository/daily_location_weather_repository.dart
new file mode 100644
index 00000000..124e5e06
--- /dev/null
+++ b/lib/domain/weather/repository/daily_location_weather_repository.dart
@@ -0,0 +1,5 @@
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+
+abstract interface class DailyLocationWeatherRepository {
+  Future<DailyLocationWeather> getDailyLocationWeather();
+}
diff --git a/lib/domain/weather/repository/weather_background_image_repository.dart b/lib/domain/weather/repository/weather_background_image_repository.dart
new file mode 100644
index 00000000..f0c1090b
--- /dev/null
+++ b/lib/domain/weather/repository/weather_background_image_repository.dart
@@ -0,0 +1,5 @@
+import 'package:weaco/domain/weather/model/weather_background_image.dart';
+
+abstract interface class WeatherBackgroundImageRepository {
+  Future<List<WeatherBackgroundImage>> getWeatherBackgroundImageList();
+}
\ No newline at end of file
diff --git a/lib/domain/weather/use_case/get_background_image_list_use_case.dart b/lib/domain/weather/use_case/get_background_image_list_use_case.dart
new file mode 100644
index 00000000..34809137
--- /dev/null
+++ b/lib/domain/weather/use_case/get_background_image_list_use_case.dart
@@ -0,0 +1,17 @@
+import 'package:weaco/domain/weather/model/weather_background_image.dart';
+import 'package:weaco/domain/weather/repository/weather_background_image_repository.dart';
+
+class GetBackgroundImageListUseCase {
+  final WeatherBackgroundImageRepository _weatherBackgroundImageRepository;
+
+  GetBackgroundImageListUseCase(
+      {required WeatherBackgroundImageRepository
+          weatherBackgroundImageRepository})
+      : _weatherBackgroundImageRepository = weatherBackgroundImageRepository;
+
+  /// 날씨 화면의 배경 이미지를 가져오기 위한 Use Case
+  Future<List<WeatherBackgroundImage>> execute() async {
+    return await _weatherBackgroundImageRepository
+        .getWeatherBackgroundImageList();
+  }
+}
diff --git a/lib/domain/weather/use_case/get_daily_location_weather_use_case.dart b/lib/domain/weather/use_case/get_daily_location_weather_use_case.dart
new file mode 100644
index 00000000..574fd91e
--- /dev/null
+++ b/lib/domain/weather/use_case/get_daily_location_weather_use_case.dart
@@ -0,0 +1,15 @@
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/repository/daily_location_weather_repository.dart';
+
+/// 홈 화면에서 날씨 정보를 보여주기 위한 Use Case
+class GetDailyLocationWeatherUseCase {
+  final DailyLocationWeatherRepository _dailyLocationWeatherRepository;
+
+  GetDailyLocationWeatherUseCase(
+      {required DailyLocationWeatherRepository dailyLocationWeatherRepository})
+      : _dailyLocationWeatherRepository = dailyLocationWeatherRepository;
+
+  Future<DailyLocationWeather> execute() async {
+    return await _dailyLocationWeatherRepository.getDailyLocationWeather();
+  }
+}
diff --git a/lib/firebase_options.dart b/lib/firebase_options.dart
new file mode 100644
index 00000000..29dfa171
--- /dev/null
+++ b/lib/firebase_options.dart
@@ -0,0 +1,68 @@
+// File generated by FlutterFire CLI.
+// ignore_for_file: lines_longer_than_80_chars, avoid_classes_with_only_static_members
+import 'package:firebase_core/firebase_core.dart' show FirebaseOptions;
+import 'package:flutter/foundation.dart'
+    show defaultTargetPlatform, kIsWeb, TargetPlatform;
+
+/// Default [FirebaseOptions] for use with your Firebase apps.
+///
+/// Example:
+/// ```dart
+/// import 'firebase_options.dart';
+/// // ...
+/// await Firebase.initializeApp(
+///   options: DefaultFirebaseOptions.currentPlatform,
+/// );
+/// ```
+class DefaultFirebaseOptions {
+  static FirebaseOptions get currentPlatform {
+    if (kIsWeb) {
+      throw UnsupportedError(
+        'DefaultFirebaseOptions have not been configured for web - '
+        'you can reconfigure this by running the FlutterFire CLI again.',
+      );
+    }
+    switch (defaultTargetPlatform) {
+      case TargetPlatform.android:
+        return android;
+      case TargetPlatform.iOS:
+        return ios;
+      case TargetPlatform.macOS:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for macos - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      case TargetPlatform.windows:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for windows - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      case TargetPlatform.linux:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for linux - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      default:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions are not supported for this platform.',
+        );
+    }
+  }
+
+  static const FirebaseOptions android = FirebaseOptions(
+    apiKey: 'AIzaSyBm8pwYatNWlESmohWT-YuuwqTgQ9akLHk',
+    appId: '1:126221191414:android:be55a82fd5473a1a5c44d7',
+    messagingSenderId: '126221191414',
+    projectId: 'weaco-f9878',
+    storageBucket: 'weaco-f9878.appspot.com',
+  );
+
+  static const FirebaseOptions ios = FirebaseOptions(
+    apiKey: 'AIzaSyAFEfUJAYH-JBFyO75oM_TCswujWh5fZ6c',
+    appId: '1:126221191414:ios:348aa080ea6e2b1b5c44d7',
+    messagingSenderId: '126221191414',
+    projectId: 'weaco-f9878',
+    storageBucket: 'weaco-f9878.appspot.com',
+    iosBundleId: 'team.weather.weaco',
+  );
+}
diff --git a/lib/main.dart b/lib/main.dart
index 7ee8c3b2..ee9dcd80 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -1,86 +1,60 @@
 import 'package:flutter/material.dart';
-
-void main() {
-  runApp(const MyApp());
-}
-
-class MyApp extends StatelessWidget {
-  const MyApp({super.key});
-
-
-  @override
-  Widget build(BuildContext context) {
-    return MaterialApp(
-      title: 'Flutter Demo',
-      theme: ThemeData(
-
-
-        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
-        useMaterial3: true,
-      ),
-      home: const MyHomePage(title: 'Flutter Demo Home Page'),
-    );
-  }
-}
-
-class MyHomePage extends StatefulWidget {
-  const MyHomePage({super.key, required this.title});
-
-
-  final String title;
-
-  @override
-  State<MyHomePage> createState() => _MyHomePageState();
+import 'package:firebase_core/firebase_core.dart';
+import 'package:flutter_dotenv/flutter_dotenv.dart';
+import 'package:flutter_localizations/flutter_localizations.dart';
+import 'package:flutter_native_splash/flutter_native_splash.dart';
+import 'package:hive_flutter/hive_flutter.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/core/di/di_setup.dart';
+import 'package:weaco/core/go_router/router.dart';
+import 'package:weaco/core/hive/hive_wrapper.dart';
+import 'package:weaco/presentation/common/user_provider.dart';
+import 'firebase_options.dart';
+
+void main() async {
+  WidgetsBinding widgetsBinding = WidgetsFlutterBinding.ensureInitialized();
+  FlutterNativeSplash.preserve(widgetsBinding: widgetsBinding);
+  await Hive.initFlutter();
+  HiveWrapper.dataBox = await Hive.openBox('weacoBox');
+  await dotenv.load(fileName: '.env');
+  await Firebase.initializeApp(
+    options: DefaultFirebaseOptions.currentPlatform,
+  );
+  diSetup();
+  runApp(const WeacoApp());
 }
 
-class _MyHomePageState extends State<MyHomePage> {
-  int _counter = 0;
-
-  void _incrementCounter() {
-    setState(() {
-      _counter++;
-    });
-  }
+class WeacoApp extends StatelessWidget {
+  const WeacoApp({super.key});
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-
-
-        backgroundColor: Theme
-            .of(context)
-            .colorScheme
-            .inversePrimary,
-
-
-        title: Text(widget.title),
-      ),
-      body: Center(
-
-
-        child: Column(
-
-
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: <Widget>[
-            const Text(
-              'You have pushed the button this many times:',
-            ),
-            Text(
-              '$_counter',
-              style: Theme
-                  .of(context)
-                  .textTheme
-                  .headlineMedium,
-            ),
-          ],
+    return Provider(
+      create: (_) => getIt<UserProvider>(),
+      child: MaterialApp.router(
+        localizationsDelegates: const [
+          GlobalMaterialLocalizations.delegate,
+          GlobalWidgetsLocalizations.delegate,
+          GlobalCupertinoLocalizations.delegate,
+        ],
+        debugShowCheckedModeBanner: false,
+        supportedLocales: const [Locale('ko', 'KR')],
+        locale: const Locale('ko'),
+        title: 'WeaCo',
+        theme: ThemeData(
+          textTheme: const TextTheme(
+            headlineLarge: TextStyle(fontSize: 22),
+            headlineMedium: TextStyle(fontSize: 18),
+            headlineSmall: TextStyle(fontSize: 14),
+            bodyLarge: TextStyle(fontSize: 12),
+          ),
+          colorScheme: ColorScheme.fromSeed(seedColor: const Color(0xffF2C347)),
+          primaryColor: const Color(0xffF2C347),
+          canvasColor: Colors.white,
+          scaffoldBackgroundColor: const Color(0xffF5F5F5),
+          useMaterial3: true,
         ),
-      ),
-      floatingActionButton: FloatingActionButton(
-        onPressed: _incrementCounter,
-        tooltip: 'Increment',
-        child: const Icon(Icons.add),
+        routerConfig: router,
       ),
     );
   }
diff --git a/lib/presentation/common/component/base_change_notifier.dart b/lib/presentation/common/component/base_change_notifier.dart
new file mode 100644
index 00000000..1fe4cdef
--- /dev/null
+++ b/lib/presentation/common/component/base_change_notifier.dart
@@ -0,0 +1,21 @@
+import 'dart:async';
+import 'dart:developer';
+import 'package:flutter/material.dart';
+import 'package:weaco/presentation/common/state/exception_status.dart';
+
+abstract class BaseChangeNotifier extends ChangeNotifier {
+  // Stream
+  final _exceptionController = StreamController<ExceptionStatus>();
+  Stream<ExceptionStatus> get exceptionStateStream => _exceptionController.stream;
+  bool get hasStreamListener => _exceptionController.hasListener;
+
+  // Exception -> Stream 전송
+  void notifyException({required Object? exception}) {
+    log('Exception: ${exception.toString()}',
+        name: 'BaseChangeNotifier.notifyException()');
+    _exceptionController.add(exceptionToExceptionStatus(exception: exception));
+  }
+
+  // Exception -> ExceptionStatus 매핑
+  ExceptionStatus exceptionToExceptionStatus({required Object? exception});
+}
diff --git a/lib/presentation/common/component/base_state_widget.dart b/lib/presentation/common/component/base_state_widget.dart
new file mode 100644
index 00000000..90605bfd
--- /dev/null
+++ b/lib/presentation/common/component/base_state_widget.dart
@@ -0,0 +1,49 @@
+import 'dart:async';
+import 'dart:developer';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/presentation/common/component/base_change_notifier.dart';
+import 'package:weaco/presentation/common/component/exception_alert_handler.dart';
+import 'package:weaco/presentation/common/state/base_alert_data.dart';
+import 'package:weaco/presentation/common/state/exception_status.dart';
+
+abstract class BaseState<S extends StatefulWidget, V extends BaseChangeNotifier> extends State<S> {
+  // Stream 구독 정보 (dispose 대비)
+  StreamSubscription<ExceptionStatus>? exceptionStreamSubscription;
+
+  // 알림창에 표시할 정보
+  BaseAlertData get baseAlertData;
+  set baseAlertData(BaseAlertData data);
+
+  @override
+  void dispose() {
+    super.dispose();
+    exceptionStreamSubscription?.cancel();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    if (context.read<V>().hasStreamListener) return;
+    context.read<V>().exceptionStateStream.listen((exceptionState) {
+      log('exceptionStateStream.listen() 콜백 실행',
+          name: 'BaseStateWidget.initState');
+      Future.microtask(() {
+        ExceptionAlertHandler.showAlert(
+          exceptionAlert: exceptionState.exceptionAlertType,
+          context: context,
+          dialogTitle: baseAlertData.dialogTitle,
+          message: exceptionState.message,
+          barrierDismissible: baseAlertData.barrierDismissible,
+          oneButtonText: baseAlertData.oneButtonText,
+          leftButtonText: baseAlertData.leftButtonText,
+          rightButtonText: baseAlertData.rightButtonText,
+          oneButtonCallback: baseAlertData.oneButtonCallback,
+          leftButtonCallback: baseAlertData.leftButtonCallback,
+          rightButtonCallback: baseAlertData.rightButtonCallback,
+        );
+      });
+    });
+  }
+}
+
diff --git a/lib/presentation/common/component/bottom_sheet/custom_bottom_sheet.dart b/lib/presentation/common/component/bottom_sheet/custom_bottom_sheet.dart
new file mode 100644
index 00000000..9d904ae7
--- /dev/null
+++ b/lib/presentation/common/component/bottom_sheet/custom_bottom_sheet.dart
@@ -0,0 +1,69 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:weaco/presentation/common/style/colors.dart';
+
+class CustomBottomSheet {
+  /// pop 할 때 리턴받을 값을 넣으면 호출 한 곳에서 값을 반환받을 수 있는 바텀시트
+  /// @param[child] 바텀시트에서 보여 줄 위젯
+  static Future<T?> showSelectBottomSheet<T>({
+    required BuildContext context,
+    required Widget child,
+    String? title,
+    double? heigth,
+    bool? isScrollControlled,
+    double? elevation,
+    bool? barrierDismissible,
+    bool? enableDrag,
+    bool? useRootNavigator,
+    bool? isExistCloseButton,
+  }) async {
+    final T? result = await showModalBottomSheet<T>(
+      backgroundColor: WeacoColors.backgroundColor,
+      isDismissible: barrierDismissible ?? true,
+      enableDrag: enableDrag ?? true,
+      useRootNavigator: useRootNavigator ?? false,
+      context: context,
+      elevation: elevation ?? 10,
+      shape: const RoundedRectangleBorder(
+        borderRadius: BorderRadius.only(
+          topLeft: Radius.circular(26),
+          topRight: Radius.circular(26),
+        ),
+      ),
+      isScrollControlled: isScrollControlled ?? true,
+      builder: (BuildContext context) {
+        return Container(
+            padding: const EdgeInsets.only(top: 0, right: 20, left: 20),
+            height: heigth,
+            decoration: const BoxDecoration(
+              color: WeacoColors.backgroundColor,
+              borderRadius: BorderRadius.only(
+                topRight: Radius.circular(20),
+                topLeft: Radius.circular(20),
+              ),
+            ),
+            child: Scaffold(
+              appBar: AppBar(
+                leading: const SizedBox(),
+                backgroundColor: WeacoColors.backgroundColor,
+                title: Text(title ?? ''),
+                actions: [
+                  Offstage(
+                    offstage: isExistCloseButton ?? false,
+                    child: GestureDetector(
+                      onTap: () {
+                        context.pop();
+                      },
+                      child: const Icon(Icons.close),
+                    ),
+                  ),
+                ],
+              ),
+              body: SafeArea(child: child),
+            ));
+      },
+    );
+
+    return result;
+  }
+}
diff --git a/lib/presentation/common/component/cached_image_widget.dart b/lib/presentation/common/component/cached_image_widget.dart
new file mode 100644
index 00000000..7498c7cb
--- /dev/null
+++ b/lib/presentation/common/component/cached_image_widget.dart
@@ -0,0 +1,37 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:weaco/presentation/common/extension/image_extension.dart';
+
+class CachedImageWidget extends StatelessWidget {
+  final String _imageUrl;
+  final Widget? _progressIndicatorBuilder;
+  final Widget? _errorWidget;
+  final BoxFit? _boxFit;
+
+  const CachedImageWidget(
+    String imageUrl, {
+    super.key,
+    Widget? progressIndicatorBuilder,
+    Widget? errorWidget,
+    BoxFit? boxFit,
+  })  : _imageUrl = imageUrl,
+        _progressIndicatorBuilder = progressIndicatorBuilder,
+        _errorWidget = errorWidget,
+        _boxFit = boxFit;
+
+  @override
+  Widget build(BuildContext context) {
+    return CachedNetworkImage(
+      fit: _boxFit ?? BoxFit.cover,
+      imageUrl: _imageUrl,
+      memCacheHeight: (16 * 35).cacheSize(context),
+      progressIndicatorBuilder: (context, url, downloadProgress) =>
+          _progressIndicatorBuilder ??
+          Container(color: Colors.grey.withOpacity(0.05)),
+      errorWidget: (context, url, error) =>
+          _errorWidget ??
+          _progressIndicatorBuilder ??
+          Container(color: Colors.grey.withOpacity(0.1)),
+    );
+  }
+}
diff --git a/lib/presentation/common/component/dialog/one_button_dialog.dart b/lib/presentation/common/component/dialog/one_button_dialog.dart
new file mode 100644
index 00000000..0f08f443
--- /dev/null
+++ b/lib/presentation/common/component/dialog/one_button_dialog.dart
@@ -0,0 +1,90 @@
+import 'package:flutter/material.dart';
+
+/// 버튼 하나만 있는 다이얼로그
+class OneButtonDialog extends StatelessWidget {
+  final String title;
+  final String content;
+  final VoidCallback onPressedCheck;
+  final String buttonText;
+  final int buttonColor;
+
+  const OneButtonDialog({
+    super.key,
+    required this.title,
+    required this.content,
+    required this.onPressedCheck,
+    required this.buttonText,
+    this.buttonColor = 0xFFFDCE55,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      backgroundColor: const Color(0xFFF5F5F5),
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(28),
+      ),
+      contentPadding: const EdgeInsets.all(0),
+      content: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Padding(
+            padding: const EdgeInsets.symmetric(vertical: 24),
+            child: SizedBox(
+              width: 200,
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Text(
+                    content,
+                    textAlign: TextAlign.center,
+                    style: const TextStyle(
+                      color: Color(0xFF1D1B20),
+                      fontSize: 18,
+                      fontWeight: FontWeight.w700,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+          Padding(
+            padding: const EdgeInsets.only(bottom: 24, left: 16, right: 16),
+            child: Row(
+              children: [
+                Expanded(
+                  child: SizedBox(
+                    height: 54,
+                    child: TextButton(
+                      style: ButtonStyle(
+                        backgroundColor: MaterialStateProperty.all<Color>(
+                          Color(buttonColor),
+                        ),
+                        shape:
+                            MaterialStateProperty.all<RoundedRectangleBorder>(
+                          RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(12),
+                          ),
+                        ),
+                      ),
+                      onPressed: onPressedCheck,
+                      child: Text(
+                        buttonText,
+                        style: const TextStyle(
+                          color: Colors.white,
+                          fontSize: 16,
+                          fontWeight: FontWeight.w600,
+                          height: 0,
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/common/component/dialog/two_button_dialog.dart b/lib/presentation/common/component/dialog/two_button_dialog.dart
new file mode 100644
index 00000000..0a7a72b6
--- /dev/null
+++ b/lib/presentation/common/component/dialog/two_button_dialog.dart
@@ -0,0 +1,125 @@
+import 'package:flutter/material.dart';
+
+/// 버튼 두 개가 있는 다이얼로그
+class TwoButtonDialog extends StatelessWidget {
+  final String title;
+  final String content;
+  final VoidCallback onPressedLeft;
+  final VoidCallback onPressedRight;
+  final String leftButtonText;
+  final String rightButtonCancelText;
+  final int leftButtonColor;
+  final int rightButtonColor;
+
+  const TwoButtonDialog({
+    super.key,
+    required this.title,
+    required this.content,
+    required this.onPressedLeft,
+    required this.onPressedRight,
+    required this.leftButtonText,
+    required this.rightButtonCancelText,
+    this.leftButtonColor = 0xFFFDCE55,
+    this.rightButtonColor = 0xFFB1B1B1,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      backgroundColor: const Color(0xFFF5F5F5),
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(28),
+      ),
+      contentPadding: const EdgeInsets.all(0),
+      content: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Padding(
+            padding: const EdgeInsets.symmetric(vertical: 24),
+            child: SizedBox(
+              width: 200,
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Text(
+                    content,
+                    textAlign: TextAlign.center,
+                    style: const TextStyle(
+                      color: Color(0xFF1D1B20),
+                      fontSize: 18,
+                      fontWeight: FontWeight.w700,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+          Padding(
+            padding: const EdgeInsets.only(bottom: 24, left: 16, right: 16),
+            child: Row(
+              children: [
+                Expanded(
+                  child: SizedBox(
+                    height: 54,
+                    child: TextButton(
+                      style: ButtonStyle(
+                        backgroundColor: MaterialStateProperty.all<Color>(
+                          Color(leftButtonColor),
+                        ),
+                        shape:
+                            MaterialStateProperty.all<RoundedRectangleBorder>(
+                          RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(12),
+                          ),
+                        ),
+                      ),
+                      onPressed: onPressedLeft,
+                      child: Text(
+                        leftButtonText,
+                        style: const TextStyle(
+                          color: Colors.white,
+                          fontSize: 16,
+                          fontWeight: FontWeight.w600,
+                          height: 0,
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+                const SizedBox(width: 8),
+                Expanded(
+                  child: SizedBox(
+                    height: 54,
+                    child: TextButton(
+                      style: ButtonStyle(
+                        backgroundColor: MaterialStateProperty.all<Color>(
+                          Color(rightButtonColor),
+                        ),
+                        shape:
+                            MaterialStateProperty.all<RoundedRectangleBorder>(
+                          RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(12),
+                          ),
+                        ),
+                      ),
+                      onPressed: onPressedRight,
+                      child: Text(
+                        rightButtonCancelText,
+                        style: const TextStyle(
+                          color: Colors.white,
+                          fontSize: 16,
+                          fontWeight: FontWeight.w600,
+                          height: 0,
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/common/component/exception_alert_handler.dart b/lib/presentation/common/component/exception_alert_handler.dart
new file mode 100644
index 00000000..3e858798
--- /dev/null
+++ b/lib/presentation/common/component/exception_alert_handler.dart
@@ -0,0 +1,65 @@
+import 'package:flutter/material.dart';
+import 'package:weaco/presentation/common/component/dialog/one_button_dialog.dart';
+import 'package:weaco/presentation/common/component/dialog/two_button_dialog.dart';
+import 'package:weaco/presentation/common/enum/exception_alert_type.dart';
+
+class ExceptionAlertHandler {
+  static void showAlert({
+    required BuildContext context,
+    required ExceptionAlertType exceptionAlert,
+    required String message,
+    String? dialogTitle,
+    String? oneButtonText,
+    String? leftButtonText,
+    String? rightButtonText,
+    VoidCallback? oneButtonCallback,
+    VoidCallback? leftButtonCallback,
+    VoidCallback? rightButtonCallback,
+    bool? barrierDismissible,
+  }) {
+    switch (exceptionAlert) {
+      case ExceptionAlertType.snackBar:
+        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+          duration: const Duration(milliseconds: 500),
+          behavior: SnackBarBehavior.floating,
+          content: Text(message),
+        ));
+        break;
+      case ExceptionAlertType.oneButtonDialog:
+        showDialog(
+          context: context,
+          barrierDismissible: barrierDismissible ?? true,
+          builder: (context) {
+            return OneButtonDialog(
+                title: dialogTitle ?? '알림',
+                content: message,
+                onPressedCheck: () => oneButtonCallback == null
+                    ? Navigator.of(context).pop()
+                    : oneButtonCallback(),
+                buttonText: oneButtonText ?? '확인');
+          },
+        );
+        break;
+      case ExceptionAlertType.twoButtonDialog:
+        showDialog(
+          context: context,
+          barrierDismissible: barrierDismissible ?? false,
+          builder: (context) {
+            return TwoButtonDialog(
+              title: dialogTitle ?? '알림',
+              content: message,
+              onPressedLeft: () => leftButtonCallback == null
+                  ? Navigator.of(context).pop()
+                  : leftButtonCallback(),
+              onPressedRight: () => rightButtonCallback == null
+                ? Navigator.of(context).pop()
+                : rightButtonCallback(),
+              leftButtonText: leftButtonText ?? '취소',
+              rightButtonCancelText: rightButtonText ?? '확인',
+            );
+          },
+        );
+        break;
+    }
+  }
+}
\ No newline at end of file
diff --git a/lib/presentation/common/enum/exception_alert.dart b/lib/presentation/common/enum/exception_alert.dart
new file mode 100644
index 00000000..d93308e9
--- /dev/null
+++ b/lib/presentation/common/enum/exception_alert.dart
@@ -0,0 +1,9 @@
+enum ExceptionAlert {
+  dialog(value: 1),
+  snackBar(value: 2),
+  dialogTwoButton(value: 3);
+
+  final int value;
+
+  const ExceptionAlert({required this.value});
+}
diff --git a/lib/presentation/common/enum/exception_alert_type.dart b/lib/presentation/common/enum/exception_alert_type.dart
new file mode 100644
index 00000000..80f902ba
--- /dev/null
+++ b/lib/presentation/common/enum/exception_alert_type.dart
@@ -0,0 +1,9 @@
+enum ExceptionAlertType {
+  oneButtonDialog(value: 1),
+  twoButtonDialog(value: 2),
+  snackBar(value: 3);
+
+  final int value;
+
+  const ExceptionAlertType({required this.value});
+}
diff --git a/lib/presentation/common/extension/image_extension.dart b/lib/presentation/common/extension/image_extension.dart
new file mode 100644
index 00000000..eea534ba
--- /dev/null
+++ b/lib/presentation/common/extension/image_extension.dart
@@ -0,0 +1,7 @@
+import 'package:flutter/material.dart';
+
+extension ImageExtension on num {
+  int cacheSize(BuildContext context) {
+    return (this * MediaQuery.of(context).devicePixelRatio).round();
+  }
+}
\ No newline at end of file
diff --git a/lib/presentation/common/state/base_alert_data.dart b/lib/presentation/common/state/base_alert_data.dart
new file mode 100644
index 00000000..84b103bb
--- /dev/null
+++ b/lib/presentation/common/state/base_alert_data.dart
@@ -0,0 +1,22 @@
+import 'package:flutter/material.dart';
+
+class BaseAlertData {
+  final String? dialogTitle; // 짜피 안보여짐
+  final String? oneButtonText;
+  final String? leftButtonText;
+  final String? rightButtonText;
+  final VoidCallback? oneButtonCallback;
+  final VoidCallback? leftButtonCallback;
+  final VoidCallback? rightButtonCallback;
+  final bool? barrierDismissible;
+
+  BaseAlertData(
+      {this.dialogTitle,
+        this.oneButtonText,
+        this.leftButtonText,
+        this.rightButtonText,
+        this.oneButtonCallback,
+        this.leftButtonCallback,
+        this.rightButtonCallback,
+        this.barrierDismissible});
+}
\ No newline at end of file
diff --git a/lib/presentation/common/state/exception_state.dart b/lib/presentation/common/state/exception_state.dart
new file mode 100644
index 00000000..f168ab55
--- /dev/null
+++ b/lib/presentation/common/state/exception_state.dart
@@ -0,0 +1,11 @@
+import 'package:weaco/presentation/common/enum/exception_alert.dart';
+
+class ExceptionState {
+  final String message;
+  final ExceptionAlert exceptionAlert;
+
+  ExceptionState({
+    required this.message,
+    required this.exceptionAlert,
+  });
+}
diff --git a/lib/presentation/common/state/exception_status.dart b/lib/presentation/common/state/exception_status.dart
new file mode 100644
index 00000000..78d9fee2
--- /dev/null
+++ b/lib/presentation/common/state/exception_status.dart
@@ -0,0 +1,11 @@
+import 'package:weaco/presentation/common/enum/exception_alert_type.dart';
+
+class ExceptionStatus {
+  final String message;
+  final ExceptionAlertType exceptionAlertType;
+
+  ExceptionStatus({
+    required this.message,
+    required this.exceptionAlertType,
+  });
+}
diff --git a/lib/presentation/common/style/colors.dart b/lib/presentation/common/style/colors.dart
new file mode 100644
index 00000000..b3c073c3
--- /dev/null
+++ b/lib/presentation/common/style/colors.dart
@@ -0,0 +1,14 @@
+import 'package:flutter/material.dart';
+
+class WeacoColors {
+  static const Color transparent = Color(0x00000000);
+  static const Color backgroundColor = Color(0xFFF5F5F5);
+  static const Color primaryColor = Color(0xFFF2C347);
+  static const Color accentColor = Color(0xFFE2853F);
+  static const Color secondaryColor = Color(0xFF4C8DE6);
+  static const Color errorColor = Color(0xFFD00B0B);
+  static const Color greyColor90 = Color.fromARGB(255, 90, 90, 90);
+  static const Color greyColor80 = Color.fromARGB(255, 80, 80, 80);
+  static const Color greyColor50 = Color.fromARGB(255, 80, 80, 80);
+  static const Color greyColor02 = Color(0xFFEEEEEE);
+}
diff --git a/lib/presentation/common/style/image_path.dart b/lib/presentation/common/style/image_path.dart
new file mode 100644
index 00000000..d4d68842
--- /dev/null
+++ b/lib/presentation/common/style/image_path.dart
@@ -0,0 +1,64 @@
+class ImagePath {
+  static const String _iconPath = 'asset/icon';
+  static const String _imagePath = 'asset/image';
+
+  static const String temperatureDownArrowIcon =
+      '$_iconPath/temperature_down_arrow_icon.png';
+
+  static const String temperatureUpArrowIcon =
+      '$_iconPath/temperature_up_arrow_icon.png';
+
+  static const String weatherClearSkyIcon =
+      '$_iconPath/weather_clear_sky_icon.png';
+
+  static const String weatherPartlyCloudy =
+      '$_iconPath/weather_partly_cloudy_icon.png';
+
+  static const String weatherFog = '$_iconPath/weather_fog_icon.png';
+
+  static const String weatherDrizzle = '$_iconPath/weather_drizzle_icon.png';
+
+  static const String weatherRain = '$_iconPath/weather_rain_icon.png';
+
+  static const String weatherRainShower =
+      '$_iconPath/weather_rain_shower_icon.png';
+
+  static const String weatherFreezingRain =
+      '$_iconPath/weather_freezing_rain_icon.png';
+
+  static const String weatherSnow = '$_iconPath/weather_snow_icon.png';
+
+  static const String weatherThunderStorm =
+      '$_iconPath/weather_thunder_storm_icon.png';
+
+  static const String weatherThunderStormHail =
+      '$_iconPath/weather_thunder_storm_hail_icon.png';
+
+  static const String homeBackgroundSunny = '$_imagePath/home_bg_sunny.jpg';
+
+  static const String imageIconHome = '$_iconPath/weaco_home_weather_icon.png';
+
+  static const String imageIconFeed = '$_iconPath/weaco_feed_icon.png';
+
+  static const String imageIconSearch = '$_iconPath/weaco_search_icon.png';
+
+  static const String imageIconMyPage = '$_iconPath/weaco_mypage_icon.png';
+
+  static const String imageIconFeedAdd = '$_iconPath/weaco_feed_add_icon.png';
+
+  static const String imageIconCam = '$_iconPath/weaco_cam_icon.png';
+
+  static const String imageIconPhoto = '$_iconPath/weaco_photo_icon.png';
+
+  /// 스플래시용 여백이 많이 들어간 로고 이미지(주황구름+타이포)
+  static const String weacoLogo = '$_imagePath/logo_simbol.png';
+
+  /// 앱바에 주로 사용 될 타이포 로고 이미지
+  static const String weacoLogoAppBar = '$_imagePath/logo_app_bar.png';
+
+  /// 앱 아이콘 이미지
+  static const String weacoLogoAppIcon = '$_imagePath/logo_app_icon.png';
+
+  /// 주황 구름 + 타이포 로고 이미지
+  static const String weacoLogoWithTypo = '$_imagePath/logo_with_typo.png';
+}
diff --git a/lib/presentation/common/user_provider.dart b/lib/presentation/common/user_provider.dart
new file mode 100644
index 00000000..82f98ab7
--- /dev/null
+++ b/lib/presentation/common/user_provider.dart
@@ -0,0 +1,21 @@
+import 'package:weaco/domain/user/repository/user_auth_repository.dart';
+
+class UserProvider {
+  String? _email;
+
+  String? get email => _email;
+
+  final UserAuthRepository userAuthRepository;
+
+  UserProvider({required this.userAuthRepository}) {
+    _email = userAuthRepository.signInCheck();
+  }
+
+  void signIn({required String email}) {
+    _email = email;
+  }
+
+  void signOut() {
+    _email = null;
+  }
+}
diff --git a/lib/presentation/common/util/alert_util.dart b/lib/presentation/common/util/alert_util.dart
new file mode 100644
index 00000000..dd82ecae
--- /dev/null
+++ b/lib/presentation/common/util/alert_util.dart
@@ -0,0 +1,63 @@
+import 'package:flutter/material.dart';
+import 'package:weaco/presentation/common/component/dialog/one_button_dialog.dart';
+import 'package:weaco/presentation/common/component/dialog/two_button_dialog.dart';
+import 'package:weaco/presentation/common/enum/exception_alert.dart';
+
+class AlertUtil {
+  static void showAlert({
+    required BuildContext context,
+    required ExceptionAlert exceptionAlert,
+    required String message,
+    String? buttonText,
+    String? leftButtonText,
+    String? rightButtonText,
+    VoidCallback? onPressedCheck,
+    VoidCallback? onPressedLeft,
+    VoidCallback? onPressedRight,
+  }) {
+    switch (exceptionAlert) {
+      case ExceptionAlert.snackBar:
+        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+          behavior: SnackBarBehavior.floating,
+          content: Text(message),
+        ));
+        break;
+      case ExceptionAlert.dialog:
+        showDialog(
+          context: context,
+          builder: (context) {
+            return OneButtonDialog(
+                title: '',
+                content: message,
+                onPressedCheck: () => onPressedCheck == null
+                    ? Navigator.of(context).pop()
+                    : onPressedCheck(),
+                buttonText: buttonText ?? '확인');
+          },
+        );
+
+        break;
+      case ExceptionAlert.dialogTwoButton:
+        showDialog(
+          context: context,
+          builder: (context) {
+            return TwoButtonDialog(
+              title: '',
+              content: message,
+              onPressedLeft: () => onPressedLeft == null
+                  ? Navigator.of(context).pop()
+                  : onPressedLeft(),
+              onPressedRight: () => onPressedRight == null
+                  ? Navigator.of(context).pop()
+                  : onPressedRight(),
+              leftButtonColor: const Color(0xffB2B2B2).value,
+              leftButtonText: leftButtonText ?? '취소',
+              rightButtonColor: Theme.of(context).primaryColor.value,
+              rightButtonCancelText: rightButtonText ?? '확인',
+            );
+          },
+        );
+        break;
+    }
+  }
+}
diff --git a/lib/presentation/home/component/recommend_login_bottom_sheet_widget.dart b/lib/presentation/home/component/recommend_login_bottom_sheet_widget.dart
new file mode 100644
index 00000000..8219ff79
--- /dev/null
+++ b/lib/presentation/home/component/recommend_login_bottom_sheet_widget.dart
@@ -0,0 +1,82 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:weaco/presentation/common/style/colors.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/presentation/common/style/image_path.dart';
+
+class RecommendLoginBottomSheetWidget extends StatelessWidget {
+  const RecommendLoginBottomSheetWidget({
+    super.key,
+    required this.context,
+    this.message,
+  });
+
+  final BuildContext context;
+  final String? message;
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.center,
+      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+      children: [
+        Image.asset(
+          ImagePath.weacoLogoWithTypo,
+          width: 150,
+        ),
+        const SizedBox(
+          height: 30
+        ),
+        Text(
+          message ?? '회원 전용 서비스입니다.\n회원가입 또는 로그인 후 이용해주세요 😎',
+          style: const TextStyle(
+            fontSize: 18,
+          ),
+        ),
+        const Spacer(),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceAround,
+          children: [
+            // 로그인 버튼
+            FilledButton(
+              style: ButtonStyle(
+                backgroundColor: MaterialStateProperty.all<Color>(
+                  WeacoColors.greyColor80,
+                ),
+              ),
+              onPressed: () {
+                RouterStatic.goToSignIn(context);
+                context.pop();
+              },
+              child: const Text(
+                '로그인 하기',
+                style: TextStyle(
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+            ),
+            // 회원가입 버튼
+            FilledButton(
+              style: ButtonStyle(
+                backgroundColor: MaterialStateProperty.all<Color>(
+                  WeacoColors.accentColor,
+                ),
+              ),
+              onPressed: () {
+                RouterStatic.pushToSignUp(context);
+                context.pop();
+              },
+              child: const Text(
+                '회원가입 하기',
+                style: TextStyle(
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(height: 40),
+      ],
+    );
+  }
+}
diff --git a/lib/presentation/home/component/recommend_ootd_list_widget.dart b/lib/presentation/home/component/recommend_ootd_list_widget.dart
new file mode 100644
index 00000000..c66f21aa
--- /dev/null
+++ b/lib/presentation/home/component/recommend_ootd_list_widget.dart
@@ -0,0 +1,65 @@
+import 'package:flutter/material.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/presentation/home/component/recommend_ootd_widget.dart';
+
+class RecommendOotdListWidget extends StatelessWidget {
+  const RecommendOotdListWidget({
+    super.key,
+    required this.dailyLocationWeather,
+    required this.feedList,
+  });
+
+  final DailyLocationWeather? dailyLocationWeather;
+  final List<Feed> feedList;
+
+  @override
+  Widget build(BuildContext context) {
+    return SliverFillRemaining(
+      hasScrollBody: false,
+      child: Container(
+        height: 250,
+        padding: const EdgeInsets.symmetric(horizontal: 26, vertical: 20),
+        decoration: const BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.only(topLeft: Radius.circular(50))),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            const Text(
+              '오늘은 이런 코디 어때요?',
+              style: TextStyle(fontSize: 15, fontWeight: FontWeight.bold),
+            ),
+            const SizedBox(height: 20),
+            feedList.isEmpty
+                ? const Center(
+                    child: Text(
+                      '아직 등록된 코디가 없어요 :( \n 가장 먼저 OOTD를 올려보세요! :D',
+                      textAlign: TextAlign.center,
+                    ),
+                  )
+                : Expanded(
+                    child: ListView.builder(
+                      scrollDirection: Axis.horizontal,
+                      itemCount: feedList.length,
+                      itemBuilder: (context, index) {
+                        return GestureDetector(
+                          onTap: () => RouterStatic.pushToOotdDetail(
+                            context,
+                            feed: feedList[index]
+                          ),
+                          child: RecommendOotdWidget(
+                            feedList: feedList,
+                            index: index,
+                          ),
+                        );
+                      },
+                    ),
+                  ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/home/component/recommend_ootd_widget.dart b/lib/presentation/home/component/recommend_ootd_widget.dart
new file mode 100644
index 00000000..131988f9
--- /dev/null
+++ b/lib/presentation/home/component/recommend_ootd_widget.dart
@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/presentation/common/component/cached_image_widget.dart';
+
+class RecommendOotdWidget extends StatelessWidget {
+  const RecommendOotdWidget({
+    super.key,
+    required this.feedList,
+    required this.index,
+  });
+
+  final List<Feed> feedList;
+  final int index;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: 110,
+      height: 110 * 16 / 9,
+      margin: const EdgeInsets.only(right: 25),
+      decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(10),
+          boxShadow: const [
+            BoxShadow(
+                color: Color.fromARGB(48, 95, 95, 95),
+                blurRadius: 2,
+                offset: Offset(5, 0))
+          ]),
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(10),
+        child: CachedImageWidget(
+          feedList[index].imagePath,
+        ),
+       
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/home/component/weather_by_time_list_widget.dart b/lib/presentation/home/component/weather_by_time_list_widget.dart
new file mode 100644
index 00000000..82c0aa64
--- /dev/null
+++ b/lib/presentation/home/component/weather_by_time_list_widget.dart
@@ -0,0 +1,43 @@
+import 'package:flutter/material.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+import 'package:weaco/presentation/home/component/weather_by_time_widget.dart';
+
+class WeatherByTimeListWidget extends StatefulWidget {
+  const WeatherByTimeListWidget({
+    super.key,
+    required this.weatherList,
+  });
+
+  final List<Weather>? weatherList;
+
+  @override
+  State<WeatherByTimeListWidget> createState() =>
+      _WeatherByTimeListWidgetState();
+}
+
+class _WeatherByTimeListWidgetState extends State<WeatherByTimeListWidget> {
+  @override
+  Widget build(BuildContext context) {
+    double screenHeight = MediaQuery.of(context).size.height;
+    double heightPercentage = 105 / screenHeight;
+
+    return SliverToBoxAdapter(
+      child: Container(
+          alignment: Alignment.center,
+          height: screenHeight * heightPercentage,
+          decoration: BoxDecoration(
+              color: const Color.fromARGB(136, 90, 152, 196),
+              borderRadius: BorderRadius.circular(15)),
+          margin: const EdgeInsets.symmetric(horizontal: 20),
+          child: ListView.builder(
+              scrollDirection: Axis.horizontal,
+              itemCount: widget.weatherList!.length,
+              itemBuilder: (context, index) {
+                return WeatherByTimeWidget(
+                  weatherList: widget.weatherList,
+                  index: index,
+                );
+              })),
+    );
+  }
+}
diff --git a/lib/presentation/home/component/weather_by_time_widget.dart b/lib/presentation/home/component/weather_by_time_widget.dart
new file mode 100644
index 00000000..82d0afa2
--- /dev/null
+++ b/lib/presentation/home/component/weather_by_time_widget.dart
@@ -0,0 +1,53 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:weaco/core/enum/weather_code.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+class WeatherByTimeWidget extends StatelessWidget {
+  const WeatherByTimeWidget({
+    super.key,
+    required this.weatherList,
+    required this.index,
+  });
+
+  final List<Weather>? weatherList;
+  final int index;
+
+  @override
+  Widget build(BuildContext context) {
+    String time = DateFormat('aa HH시', 'ko_KR')
+        .format(weatherList![index].timeTemperature);
+
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 10),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: [
+          SizedBox(
+            child: Text(
+              time == '오전 00시' ? '내일' : time,
+              textAlign: TextAlign.center,
+              style: const TextStyle(
+                fontSize: 13,
+                color: Colors.white,
+              ),
+            ),
+          ),
+          const SizedBox(height: 4),
+          Image.asset(
+            WeatherCode.fromValue(weatherList![index].code).iconPath,
+            width: 28,
+          ),
+          const SizedBox(height: 4),
+          Text(
+            '${weatherList![index].temperature}℃',
+            style: const TextStyle(
+              fontSize: 13,
+              color: Colors.white,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/home/screen/home_screen.dart b/lib/presentation/home/screen/home_screen.dart
new file mode 100644
index 00000000..1ec19ca4
--- /dev/null
+++ b/lib/presentation/home/screen/home_screen.dart
@@ -0,0 +1,243 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/core/util/reaction_util.dart';
+import 'package:weaco/presentation/common/style/image_path.dart';
+import 'package:weaco/core/enum/weather_code.dart';
+import 'package:weaco/presentation/common/enum/exception_alert.dart';
+import 'package:weaco/presentation/common/util/alert_util.dart';
+import 'package:weaco/presentation/home/component/recommend_ootd_list_widget.dart';
+import 'package:weaco/presentation/home/component/weather_by_time_list_widget.dart';
+import 'package:weaco/presentation/home/view_model/home_screen_view_model.dart';
+
+/// [홈 화면]
+/// 사용자 위치에 따른 날씨 정보와 추천 OOTD 목록을 표시합니다.
+class HomeScreen extends StatefulWidget {
+  const HomeScreen({super.key});
+
+  @override
+  State<HomeScreen> createState() => _HomeScreenState();
+}
+
+class _HomeScreenState extends State<HomeScreen> {
+  @override
+  void initState() {
+    super.initState();
+
+    Future.microtask(
+      () async {
+        await context.read<HomeScreenViewModel>().initHomeScreen();
+      },
+    );
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+
+    WidgetsBinding.instance.addPostFrameCallback(
+      (_) {
+        final viewModel = context.read<HomeScreenViewModel>();
+        if (viewModel.status.isError) {
+          AlertUtil.showAlert(
+            context: context,
+            exceptionAlert: ExceptionAlert.snackBar,
+            message: viewModel.errorMesasge,
+          );
+        }
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final viewModel = context.watch<HomeScreenViewModel>();
+
+    final String temperatureGapPresentation = viewModel.temperatureGap! >= 0
+        ? viewModel.temperatureGap!.toStringAsFixed(1)
+        : (-viewModel.temperatureGap!).toStringAsFixed(1);
+
+    return Scaffold(
+      body: switch (viewModel.status) {
+        HomeScreenStatus.error => const Center(child: Text('데이터를 불러올 수 없습니다.')),
+        HomeScreenStatus.loading =>
+          const Center(child: CircularProgressIndicator()),
+        HomeScreenStatus.idle => const SizedBox(),
+        HomeScreenStatus.success => Container(
+            decoration: BoxDecoration(
+              image: DecorationImage(
+                fit: BoxFit.fill,
+                image: NetworkImage(viewModel.backgroundImagePath),
+              ),
+            ),
+            child: SafeArea(
+              child: RefreshIndicator(
+                onRefresh: () async {
+                  // 날씨 새로고침
+                  await viewModel.initHomeScreen();
+                },
+                child: CustomScrollView(
+                  slivers: [
+                    SliverToBoxAdapter(
+                      child: Column(
+                        mainAxisAlignment: MainAxisAlignment.center,
+                        children: [
+                          SizedBox(
+                              height: ReactionUtil.reactHeight(
+                            context: context,
+                            marginHeight: 40,
+                          )),
+                          // city
+                          Text(
+                            viewModel.dailyLocationWeather!.location.city,
+                            style: const TextStyle(
+                              fontSize: 15,
+                              color: Colors.white,
+                            ),
+                          ),
+                          const SizedBox(height: 4),
+                          // weather code description
+                          Text(
+                            WeatherCode.fromValue(
+                                    viewModel.currentWeather!.code)
+                                .description,
+                            style: const TextStyle(
+                              fontSize: 15,
+                              color: Colors.white,
+                            ),
+                          ),
+                          SizedBox(
+                              height: ReactionUtil.reactHeight(
+                            context: context,
+                            marginHeight: 20,
+                          )),
+                          // current temperature
+                          Text(
+                            '${viewModel.currentWeather!.temperature}℃',
+                            style: const TextStyle(
+                              color: Colors.white,
+                              fontSize: 60,
+                            ),
+                          ),
+                          SizedBox(
+                              height: ReactionUtil.reactHeight(
+                            context: context,
+                            marginHeight: 20,
+                          )),
+                          Row(
+                            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                            children: [
+                              // max, min temperature
+                              Column(
+                                children: [
+                                  Text(
+                                    '최고 ${viewModel.dailyLocationWeather!.highTemperature}℃',
+                                    style: const TextStyle(
+                                      fontSize: 15,
+                                      color: Colors.white,
+                                      shadows: [
+                                        Shadow(
+                                            blurRadius: 4,
+                                            color: Color.fromARGB(165, 0, 0, 0),
+                                            offset: Offset(1, 1)),
+                                      ],
+                                    ),
+                                  ),
+                                  Text(
+                                    '최저 ${viewModel.dailyLocationWeather!.lowTemperature}℃',
+                                    style: const TextStyle(
+                                      fontSize: 15,
+                                      color: Colors.white,
+                                      shadows: [
+                                        Shadow(
+                                            blurRadius: 4,
+                                            color: Color.fromARGB(165, 0, 0, 0),
+                                            offset: Offset(1, 1)),
+                                      ],
+                                    ),
+                                  ),
+                                ],
+                              ),
+                              // 전일 대비
+                              Container(
+                                padding: const EdgeInsets.symmetric(
+                                    horizontal: 10, vertical: 3),
+                                decoration: BoxDecoration(
+                                  color: Colors.black.withOpacity(0.2),
+                                  borderRadius: const BorderRadius.all(
+                                    Radius.circular(15),
+                                  ),
+                                ),
+                                child: Column(
+                                  children: [
+                                    const Text('전일대비',
+                                        style: TextStyle(
+                                          fontSize: 12,
+                                          color: Colors.white,
+                                        )),
+                                    Row(
+                                      mainAxisAlignment:
+                                          MainAxisAlignment.center,
+                                      crossAxisAlignment:
+                                          CrossAxisAlignment.center,
+                                      children: [
+                                        Image.asset(
+                                          (viewModel.temperatureGap! >= 0)
+                                              ? ImagePath.temperatureUpArrowIcon
+                                              : ImagePath
+                                                  .temperatureDownArrowIcon,
+                                          width: 16,
+                                          height: 16,
+                                        ),
+                                        const SizedBox(width: 4),
+                                        Text(
+                                          '$temperatureGapPresentation℃',
+                                          style: const TextStyle(
+                                            fontSize: 30,
+                                            color: Colors.white,
+                                          ),
+                                        ),
+                                      ],
+                                    )
+                                  ],
+                                ),
+                              ),
+                            ],
+                          ),
+                          SizedBox(
+                            height: ReactionUtil.reactHeight(
+                              context: context,
+                              marginHeight: 40,
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+
+                    // weathers by time
+                    WeatherByTimeListWidget(
+                      weatherList: viewModel.weatherByTimeList,
+                    ),
+
+                    SliverToBoxAdapter(
+                      child: SizedBox(
+                        height: ReactionUtil.reactHeight(
+                          context: context,
+                          marginHeight: 20,
+                        ),
+                      ),
+                    ),
+
+                    // ootd list
+                    RecommendOotdListWidget(
+                      dailyLocationWeather: viewModel.dailyLocationWeather,
+                      feedList: viewModel.feedList,
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+      },
+    );
+  }
+}
diff --git a/lib/presentation/home/view_model/home_screen_view_model.dart b/lib/presentation/home/view_model/home_screen_view_model.dart
new file mode 100644
index 00000000..fcb5ab3f
--- /dev/null
+++ b/lib/presentation/home/view_model/home_screen_view_model.dart
@@ -0,0 +1,148 @@
+import 'package:flutter/material.dart';
+import 'package:weaco/presentation/common/style/image_path.dart';
+import 'package:weaco/core/enum/weather_code.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/get_recommended_feeds_use_case.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+import 'package:weaco/domain/weather/model/weather_background_image.dart';
+import 'package:weaco/domain/weather/use_case/get_background_image_list_use_case.dart';
+import 'package:weaco/domain/weather/use_case/get_daily_location_weather_use_case.dart';
+
+enum HomeScreenStatus {
+  idle,
+  loading,
+  success,
+  error;
+
+  bool get isIdle => this == HomeScreenStatus.idle;
+  bool get isLoading => this == HomeScreenStatus.loading;
+  bool get isSuccess => this == HomeScreenStatus.success;
+  bool get isError => this == HomeScreenStatus.error;
+}
+
+class HomeScreenViewModel with ChangeNotifier {
+  HomeScreenViewModel({
+    required this.getDailyLocationWeatherUseCase,
+    required this.getBackgroundImageListUseCase,
+    required this.getRecommendedFeedsUseCase,
+  });
+
+  final GetDailyLocationWeatherUseCase getDailyLocationWeatherUseCase;
+  final GetBackgroundImageListUseCase getBackgroundImageListUseCase;
+  final GetRecommendedFeedsUseCase getRecommendedFeedsUseCase;
+
+  DailyLocationWeather? _dailyLocationWeather;
+  Weather? _currentWeather;
+  List<Weather> _weatherByTimeList = [];
+  List<Feed> _feedList = [];
+  HomeScreenStatus _status = HomeScreenStatus.idle;
+  // 전일 대비 온도차
+  double? _temperatureGap;
+  String? _weatherBackgroundImage;
+
+  DailyLocationWeather? get dailyLocationWeather => _dailyLocationWeather;
+  Weather? get currentWeather => _currentWeather;
+  double? get temperatureGap => _temperatureGap ?? 0;
+  List<Feed> get feedList => _feedList;
+  HomeScreenStatus get status => _status;
+  String get backgroundImagePath =>
+      _weatherBackgroundImage ?? ImagePath.homeBackgroundSunny;
+  List<Weather> get weatherByTimeList => _weatherByTimeList;
+  String get errorMesasge => _errorMessage;
+  String _errorMessage = '';
+
+  Future<void> initHomeScreen() async {
+    _status = HomeScreenStatus.loading;
+    notifyListeners();
+
+    try {
+      _dailyLocationWeather = await getDailyLocationWeatherUseCase.execute();
+
+      _feedList = await getRecommendedFeedsUseCase.execute(
+        dailyLocationWeather: _dailyLocationWeather!,
+      );
+
+      if (_dailyLocationWeather != null) {
+        // 현재 시간에 맞는 날씨 예보 빼내기
+        _currentWeather = dailyLocationWeather!.weatherList.firstWhere(
+          (element) => element.timeTemperature.hour == DateTime.now().hour,
+        );
+
+        _calculateTemperatureGap();
+        await _getWeatherByTimeList();
+        await _getBackgroundImagePath();
+        _status = HomeScreenStatus.success;
+      }
+
+      notifyListeners();
+    } catch (e) {
+      _status = HomeScreenStatus.error;
+      _errorMessage = e.toString();
+      notifyListeners();
+    }
+  }
+
+  /// 현재 시간부터 24시간 이후까지의 날씨 정보를 가져오기
+  Future<void> _getWeatherByTimeList() async {
+    DateTime now = DateTime.now();
+    int currentHour = now.hour;
+    List<Weather> weatherList = [];
+
+    // 현재 시간 이후의 날씨 정보 목록
+    List<Weather> weatherAfterCurrentTime = dailyLocationWeather!.weatherList
+        .where((e) => e.timeTemperature.hour >= currentHour)
+        .toList();
+
+    // 중복되는 시간의 정보를 기록합니다.
+    Set<int> hoursAlreadyAdded =
+        Set.from(weatherAfterCurrentTime.map((e) => e.timeTemperature.hour));
+
+    // 현재 시간 이후의 객체를 추가합니다.
+    weatherList.addAll(weatherAfterCurrentTime);
+
+    // 남은 시간만큼을 dailyLocationWeather!.tomorrowWeatherList에서 가져와서 채웁니다.
+    int remainingCount = 24 - weatherAfterCurrentTime.length;
+
+    if (remainingCount > 0) {
+      List<Weather> tomorrowWeather = dailyLocationWeather!.tomorrowWeatherList
+          .where((e) => !hoursAlreadyAdded.contains(e.timeTemperature.hour))
+          .take(remainingCount)
+          .toList();
+
+      weatherList.addAll(tomorrowWeather);
+    }
+    _weatherByTimeList = weatherList;
+  }
+
+  /// 배경 이미지 주소 가져오기
+  Future<void> _getBackgroundImagePath() async {
+    try {
+      final weatherBackgroundImageList =
+          await getBackgroundImageListUseCase.execute();
+
+      if (weatherBackgroundImageList.isEmpty) {
+        _weatherBackgroundImage = ImagePath.homeBackgroundSunny;
+      }
+
+      WeatherBackgroundImage image = weatherBackgroundImageList.firstWhere(
+          (element) =>
+              element.code ==
+              WeatherCode.fromValue(currentWeather!.code).value);
+
+      _weatherBackgroundImage = image.imagePath;
+    } catch (e) {
+      _status = HomeScreenStatus.error;
+      notifyListeners();
+    }
+  }
+
+  /// 전일 대비 온도 계산
+  void _calculateTemperatureGap() {
+    _temperatureGap = (dailyLocationWeather!.yesterDayWeatherList
+            .firstWhere((element) =>
+                element.timeTemperature.hour == DateTime.now().hour)
+            .temperature) -
+        (currentWeather!.temperature);
+  }
+}
diff --git a/lib/presentation/main/screen/main_screen.dart b/lib/presentation/main/screen/main_screen.dart
new file mode 100644
index 00000000..57d2acab
--- /dev/null
+++ b/lib/presentation/main/screen/main_screen.dart
@@ -0,0 +1,289 @@
+import 'dart:io';
+import 'dart:developer';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_native_splash/flutter_native_splash.dart';
+import 'package:go_router/go_router.dart';
+import 'package:image_picker/image_picker.dart';
+import 'package:permission_handler/permission_handler.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/presentation/common/style/image_path.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/presentation/common/component/bottom_sheet/custom_bottom_sheet.dart';
+import 'package:weaco/presentation/common/user_provider.dart';
+import 'package:weaco/presentation/home/component/recommend_login_bottom_sheet_widget.dart';
+import 'package:weaco/presentation/home/screen/home_screen.dart';
+import 'package:weaco/presentation/my_page/screen/my_page_screen.dart';
+import 'package:weaco/presentation/navigation_bar/bottom_navigation_widget.dart';
+import 'package:weaco/presentation/ootd_feed/screen/ootd_feed_screen.dart';
+import 'package:weaco/presentation/ootd_feed/view_model/ootd_feed_view_model.dart';
+import 'package:weaco/presentation/ootd_search/screen/ootd_search_screen.dart';
+
+import '../../ootd_post/view_model/camera_view_model.dart';
+
+class MainScreen extends StatefulWidget {
+  const MainScreen({super.key});
+
+  @override
+  State<MainScreen> createState() => _MainScreenState();
+}
+
+class _MainScreenState extends State<MainScreen> with TickerProviderStateMixin {
+  int _currentIndex = 0;
+  bool isPressingUploadFeedButton = false;
+
+  late TabController _tabController;
+
+  @override
+  void initState() {
+    super.initState();
+    _tabController = TabController(length: 5, vsync: this);
+    _tabController.addListener(tabListener);
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      FlutterNativeSplash.remove();
+    });
+  }
+
+  @override
+  void dispose() {
+    _tabController.removeListener(tabListener);
+    super.dispose();
+  }
+
+  void tabListener() {
+    setState(() {
+      _currentIndex = _tabController.index;
+    });
+  }
+
+  bool isPressingFloatingActionButton = false;
+  bool isExpanded = false;
+
+  @override
+  Widget build(BuildContext context) {
+    final CameraViewModel viewModel = context.watch<CameraViewModel>();
+
+    // 뒤로가기 버튼의 누른 시간을 저장하기 위한 변수
+    DateTime? currentBackPressTime;
+
+    return PopScope(
+      canPop: false,
+      onPopInvoked: (didPop) {
+        if (!didPop) {
+          DateTime now = DateTime.now();
+          if (currentBackPressTime == null ||
+              now.difference(currentBackPressTime!) >
+                  const Duration(seconds: 2)) {
+            currentBackPressTime = now;
+            ScaffoldMessenger.of(context).showSnackBar(
+              SnackBar(
+                behavior: SnackBarBehavior.floating,
+                content: Column(
+                  children: [
+                    Text(
+                      '뒤로가기 버튼을 한 번 더 누르시면 종료됩니다.',
+                      style: Theme.of(context)
+                          .textTheme
+                          .titleMedium!
+                          .copyWith(color: Colors.white),
+                    ),
+                  ],
+                ),
+                duration: const Duration(seconds: 1),
+              ),
+            );
+            // 처음 뒤로가기 버튼을 눌렀거나 2초 이후에 누를 경우
+            return;
+          }
+          // 2초 이내에 뒤로가기 버튼을 또 눌렀을 경우 앱 종료
+          if (Platform.isIOS) {
+            exit(0);
+          } else {
+            SystemNavigator.pop();
+          }
+        }
+      },
+      child: Scaffold(
+        body: TabBarView(
+          physics: const NeverScrollableScrollPhysics(),
+          controller: _tabController,
+          children: const [
+            HomeScreen(),
+            OotdFeedScreen<OotdFeedViewModel>(),
+            // 피드 등록 버튼 자리의 화면 대체용
+            SizedBox(),
+            OotdSearchScreen(),
+            MyPageScreen(),
+          ],
+        ),
+        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
+        floatingActionButton: AnimatedContainer(
+          duration: const Duration(milliseconds: 300),
+          curve: Curves.decelerate,
+          width: isExpanded ? 148 : 72,
+          height: 72,
+          transformAlignment: Alignment.center,
+          child: FloatingActionButton(
+            onPressed: () {
+              if (context.read<UserProvider>().email == null) {
+                _showBottomSheetForNonMember(
+                    '피드는 로그인 후 등록 할 수 있어요.\n회원가입 또는 로그인 후 이용해 주세요 😎');
+                return;
+              }
+              _toggleFloatingActionButton();
+            },
+            elevation: 0,
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(50),
+              side: BorderSide(
+                color: Theme.of(context).primaryColor,
+                width: 2.0,
+              ),
+            ),
+            backgroundColor: isExpanded
+                ? Theme.of(context).canvasColor
+                : Theme.of(context).primaryColor,
+            child: (isExpanded)
+                ? SizedBox(
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                      children: [
+                        Expanded(
+                          child: GestureDetector(
+                            onTap: () {
+                              _onPressedButton(
+                                viewModel: viewModel,
+                                imageSource: ImageSource.camera,
+                                context: context,
+                              );
+                            },
+                            child: const ImageIcon(
+                              AssetImage(ImagePath.imageIconCam),
+                              size: 40,
+                              color: Color(0xffF2C347),
+                            ),
+                          ),
+                        ),
+                        Expanded(
+                          child: GestureDetector(
+                            onTap: () {
+                              _onPressedButton(
+                                viewModel: viewModel,
+                                imageSource: ImageSource.gallery,
+                                context: context,
+                              );
+                            },
+                            child: const ImageIcon(
+                              AssetImage(ImagePath.imageIconPhoto),
+                              size: 40,
+                              color: Color(0xffF2C347),
+                            ),
+                          ),
+                        ),
+                      ],
+                    ),
+                  )
+                : const ImageIcon(
+                    AssetImage(ImagePath.imageIconFeedAdd),
+                    size: 40,
+                    color: Colors.white,
+                  ),
+          ),
+        ),
+        bottomNavigationBar: Theme(
+          data: Theme.of(context).copyWith(
+            splashColor: Colors.transparent,
+            highlightColor: Colors.transparent,
+          ),
+          child: BottomNavigationWidget(
+            currentIndex: _currentIndex,
+            onTap: (int value) {
+              // 플로팅버튼 아래 빈 바텀아이템 클릭시 리턴처리
+              if (value == 2) {
+                return;
+              } else if (value == 4 &&
+                  context.read<UserProvider>().email == null) {
+                // 로그인 하지 않고 마이페이지 진입 시 넛지 팝업 처리
+                _showBottomSheetForNonMember(
+                    '마이 페이지는 회원 전용 서비스입니다.\n회원가입 또는 로그인 후 이용해주세요 😎');
+                return;
+              }
+              _tabController.animateTo(value);
+            },
+          ),
+        ),
+      ),
+    );
+  }
+
+  /// 비회원이 로그인 후 사용 가능한 서비스 접근 시 안내 바텀시트를 띄우는 함수
+  void _showBottomSheetForNonMember(String message) {
+    CustomBottomSheet.showSelectBottomSheet(
+      context: context,
+      isScrollControlled: false,
+      child: RecommendLoginBottomSheetWidget(
+        context: context,
+        message: message,
+      ),
+    );
+  }
+
+  void _onPressedButton({
+    required CameraViewModel viewModel,
+    required ImageSource imageSource,
+    required BuildContext context,
+  }) async {
+    await viewModel.pickImage(imageSource: imageSource);
+    switch (viewModel.status) {
+      case CameraImageStatus.idle:
+        log('이미지 선택 없음', name: 'MainScreen._onPressedButton()');
+      case CameraImageStatus.success:
+        if (context.mounted) {
+          RouterStatic.goToPictureCrop(context, viewModel.imageFile!.path);
+        }
+
+      case CameraImageStatus.error:
+        if (context.mounted) {
+          showDialog(
+            context: context,
+            builder: (context) {
+              return AlertDialog(
+                content: const Text(
+                  "설정 변경은 '설정 > 알림 > weaco > 카메라'에서 할 수 있어요.",
+                ),
+                actions: [
+                  TextButton(
+                    onPressed: () => context.pop(),
+                    child: const Text('닫기'),
+                  ),
+                  TextButton(
+                    onPressed: () {
+                      openAppSettings();
+                      context.pop();
+                    },
+                    child: const Text('설정하러 가기'),
+                  ),
+                ],
+              );
+            },
+          );
+        }
+    }
+  }
+
+  void _toggleFloatingActionButton() {
+    setState(() {
+      isExpanded = !isExpanded;
+    });
+    if (isExpanded) {
+      Future.delayed(
+        const Duration(milliseconds: 2500),
+        () {
+          setState(() {
+            isExpanded = false;
+          });
+        },
+      );
+    }
+  }
+}
diff --git a/lib/presentation/my_page/component/my_profile_widget.dart b/lib/presentation/my_page/component/my_profile_widget.dart
new file mode 100644
index 00000000..ffc97700
--- /dev/null
+++ b/lib/presentation/my_page/component/my_profile_widget.dart
@@ -0,0 +1,65 @@
+import 'package:flutter/material.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+
+class MyProfileWidget extends StatelessWidget {
+  final UserProfile _userProfile;
+
+  const MyProfileWidget({
+    super.key,
+    required UserProfile userProfile,
+  }) : _userProfile = userProfile;
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Row(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 8),
+              child: CircleAvatar(
+                maxRadius: 26,
+                backgroundImage: NetworkImage(_userProfile.profileImagePath),
+              ),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.end,
+              children: [
+                Padding(
+                  padding: const EdgeInsets.only(right: 8),
+                  child: Text(
+                    _userProfile.nickname,
+                    style: const TextStyle(
+                      fontSize: 14,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                ),
+                Text(
+                  _userProfile.email.split('@')[0],
+                  style: const TextStyle(
+                    fontSize: 12,
+                    color: Color(0xff9F9F9F),
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.end,
+          children: [
+            Text(
+              '게시물 ${_userProfile.feedCount}',
+              style: const TextStyle(
+                fontSize: 12,
+                color: Color(0xff9F9F9F),
+              ),
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/presentation/my_page/screen/my_page_screen.dart b/lib/presentation/my_page/screen/my_page_screen.dart
new file mode 100644
index 00000000..151bab65
--- /dev/null
+++ b/lib/presentation/my_page/screen/my_page_screen.dart
@@ -0,0 +1,252 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
+import 'package:go_router/go_router.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/core/enum/router_path.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/presentation/common/component/cached_image_widget.dart';
+import 'package:weaco/presentation/common/enum/exception_alert.dart';
+import 'package:weaco/presentation/common/user_provider.dart';
+import 'package:weaco/presentation/common/util/alert_util.dart';
+import 'package:weaco/presentation/my_page/component/my_profile_widget.dart';
+import 'package:weaco/presentation/my_page/view_model/my_page_view_model.dart';
+import 'package:weaco/presentation/user_page/screen/component/feed_grid/feed_grid_empty_widget.dart';
+
+class MyPageScreen extends StatefulWidget {
+  const MyPageScreen({super.key});
+
+  @override
+  State<MyPageScreen> createState() => _MyPageScreenState();
+}
+
+class _MyPageScreenState extends State<MyPageScreen> {
+  @override
+  void initState() {
+    super.initState();
+
+    Future.microtask(() {
+      if (context.read<UserProvider>().email == null) {
+        context.read<MyPageViewModel>().clearMyPageViewModelState();
+      } else {
+        context.read<MyPageViewModel>().initializePageData();
+      }
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    MyPageViewModel myPageViewModel = context.watch<MyPageViewModel>();
+
+    final UserProfile? profile = myPageViewModel.profile;
+    final List<Feed> feedList = myPageViewModel.feedList;
+    final bool isPageLoading = myPageViewModel.isPageLoading;
+
+    return isPageLoading || profile == null
+        ? Container(
+            color: Theme.of(context).scaffoldBackgroundColor,
+            child: const Center(
+              child: CircularProgressIndicator(),
+            ),
+          )
+        : Scaffold(
+            appBar: PreferredSize(
+              preferredSize: const Size.fromHeight(42),
+              child: AppBar(
+                backgroundColor: Theme.of(context).scaffoldBackgroundColor,
+                scrolledUnderElevation: 0,
+                actions: [
+                  IconButton(
+                    icon: const Icon(
+                      Icons.settings,
+                    ),
+                    onPressed: () {
+                      RouterStatic.pushToAppSetting(context);
+                    },
+                  ),
+                ],
+              ),
+            ),
+            body: Padding(
+              padding: const EdgeInsets.fromLTRB(20, 0, 20, 28),
+              child: Column(
+                children: [
+                  MyProfileWidget(userProfile: profile),
+                  const Padding(
+                    padding: EdgeInsets.only(bottom: 8.0),
+                    child: Divider(),
+                  ),
+                  feedList.isEmpty
+                      ? const FeedGridEmptyWidget()
+                      : _buildFeedList(),
+                ],
+              ),
+            ),
+          );
+  }
+
+  bool _handleFeedScroll(UserScrollNotification notification) {
+    MyPageViewModel myPageViewModel = context.read<MyPageViewModel>();
+
+    if (notification.direction == ScrollDirection.reverse &&
+        notification.metrics.maxScrollExtent * 0.85 <
+            notification.metrics.pixels) {
+      myPageViewModel.fetchFeed();
+    }
+
+    return false;
+  }
+
+  Widget _buildFeedList() {
+    return NotificationListener<UserScrollNotification>(
+      onNotification: _handleFeedScroll,
+      child: Expanded(
+        child: _buildFeedGridView(),
+      ),
+    );
+  }
+
+  Widget _buildFeedGridView() {
+    MyPageViewModel myPageViewModel = context.read<MyPageViewModel>();
+
+    return GridView.builder(
+      physics: const AlwaysScrollableScrollPhysics(),
+      itemCount: myPageViewModel.feedList.length,
+      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
+        childAspectRatio: 3 / 4,
+        crossAxisSpacing: 8,
+        mainAxisSpacing: 8,
+        crossAxisCount: 3,
+      ),
+      itemBuilder: (context, index) {
+        return _buildFeedCard(myPageViewModel.feedList[index]);
+      },
+    );
+  }
+
+  Widget _buildFeedCard(Feed currentFeed) {
+    MyPageViewModel myPageViewModel = context.read<MyPageViewModel>();
+
+    return GestureDetector(
+      onTap: () {
+        RouterStatic.pushToOotdDetail(context, feed: currentFeed);
+      },
+      onLongPress: () {
+        showModalBottomSheet(
+          context: context,
+          builder: (context) {
+            return SizedBox(
+              height: 240,
+              width: double.maxFinite,
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.start,
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  const Padding(
+                    padding: EdgeInsets.only(top: 4),
+                    child: SizedBox(
+                      height: 40,
+                      width: 360,
+                      child: Center(
+                          child: Text(
+                        '선택',
+                        style: TextStyle(
+                          fontSize: 18,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      )),
+                    ),
+                  ),
+                  const Divider(),
+                  Column(
+                    children: [
+                      SizedBox(
+                        height: 50,
+                        width: 360,
+                        child: FilledButton(
+                          onPressed: () {
+                            context.push(RouterPath.ootdPost.path,
+                                extra: currentFeed);
+                            context.pop();
+                          },
+                          style: FilledButton.styleFrom(
+                            backgroundColor: Theme.of(context).primaryColor,
+                            shape: const RoundedRectangleBorder(
+                              borderRadius: BorderRadius.all(
+                                Radius.circular(20),
+                              ),
+                            ),
+                          ),
+                          child: const Text(
+                            '수정',
+                            style: TextStyle(fontSize: 18),
+                          ),
+                        ),
+                      ),
+                      const SizedBox(height: 8),
+                      SizedBox(
+                        height: 50,
+                        width: 360,
+                        child: FilledButton(
+                          onPressed: () {
+                            AlertUtil.showAlert(
+                              context: context,
+                              exceptionAlert: ExceptionAlert.dialogTwoButton,
+                              message: '삭제 하시겠습니까?',
+                              onPressedLeft: () {
+                                context.pop();
+                              },
+                              onPressedRight: () {
+                                myPageViewModel
+                                    .removeSelectedFeed(currentFeed.id!)
+                                    .then((result) {
+                                  if (result) {
+                                    AlertUtil.showAlert(
+                                      context: context,
+                                      exceptionAlert: ExceptionAlert.snackBar,
+                                      message: '피드가 삭제 되었습니다.',
+                                    );
+                                  } else {
+                                    AlertUtil.showAlert(
+                                      context: context,
+                                      exceptionAlert: ExceptionAlert.snackBar,
+                                      message: '피드가 삭제에 실패했습니다.',
+                                    );
+                                  }
+
+                                  context.pop();
+                                  context.pop();
+                                });
+                              },
+                            );
+                          },
+                          style: FilledButton.styleFrom(
+                            backgroundColor: const Color(0xffB2B2B2),
+                            shape: const RoundedRectangleBorder(
+                              borderRadius: BorderRadius.all(
+                                Radius.circular(20),
+                              ),
+                            ),
+                          ),
+                          child: const Text(
+                            '삭제',
+                            style: TextStyle(fontSize: 18),
+                          ),
+                        ),
+                      )
+                    ],
+                  ),
+                ],
+              ),
+            );
+          },
+        );
+      },
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(20),
+        child: CachedImageWidget(currentFeed.imagePath),
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/my_page/view_model/my_page_view_model.dart b/lib/presentation/my_page/view_model/my_page_view_model.dart
new file mode 100644
index 00000000..09425195
--- /dev/null
+++ b/lib/presentation/my_page/view_model/my_page_view_model.dart
@@ -0,0 +1,189 @@
+import 'dart:developer';
+
+import 'package:flutter/widgets.dart';
+import 'package:weaco/core/exception/not_found_exception.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/get_my_page_feeds_use_case.dart';
+import 'package:weaco/domain/feed/use_case/remove_my_page_feed_use_case.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/use_case/get_my_profile_use_case.dart';
+
+class MyPageViewModel with ChangeNotifier {
+  final GetMyPageUserProfileUseCase _getMyPageUserProfileUseCase;
+  final GetMyPageFeedsUseCase _getMyPageFeedsUseCase;
+  final RemoveMyPageFeedUseCase _removeMyPageFeedUseCase;
+
+  MyPageViewModel({
+    required GetMyPageUserProfileUseCase getMyPageUserProfileUseCase,
+    required GetMyPageFeedsUseCase getMyPageFeedsUseCase,
+    required RemoveMyPageFeedUseCase removeMyPageFeedUseCase,
+  })  : _getMyPageUserProfileUseCase = getMyPageUserProfileUseCase,
+        _getMyPageFeedsUseCase = getMyPageFeedsUseCase,
+        _removeMyPageFeedUseCase = removeMyPageFeedUseCase;
+
+  static const _fetchCount = 21;
+  static const _fetchMoreCount = 9;
+
+  UserProfile? _profile;
+  List<Feed> _feedList = [];
+
+  bool _isPageLoading = false;
+  bool _isFeedListLoading = false;
+  bool _isFeedListReachEnd = false;
+
+  DateTime _lastFeedDateTime = DateTime.now();
+
+  UserProfile? get profile => _profile;
+
+  List<Feed> get feedList => _feedList;
+
+  bool get isPageLoading => _isPageLoading;
+
+  Future<void> initializePageData() async {
+    _changePageLoadingStatus(true);
+
+    // 초기 프로필, 피드 데이터 요청
+    await getProfile().then(
+      (_) async => await getInitialFeedList(profile!.email).then(
+        (_) => setLastFeedDateTime(),
+      ),
+    );
+
+    _changePageLoadingStatus(false);
+  }
+
+  void _changePageLoadingStatus(bool status) {
+    _isPageLoading = status;
+    notifyListeners();
+  }
+
+  void _changeFeedListLoadingStatus(bool status) {
+    _isFeedListLoading = status;
+    notifyListeners();
+  }
+
+  void _changeIsFeedListReachEndStatus(bool status) {
+    _isFeedListReachEnd = status;
+    notifyListeners();
+  }
+
+  void setLastFeedDateTime() {
+    // 현재 피드 리스트가 비어있지 않을 때 마지막 피드 날짜 갱신
+    if (_feedList.isNotEmpty) {
+      _lastFeedDateTime = _feedList[_feedList.length - 1].createdAt;
+    }
+
+    notifyListeners();
+  }
+
+  // 내 프로필 데이터 요청
+  Future<void> getProfile() async {
+    try {
+      await _getMyPageUserProfileUseCase.execute().then(
+        (result) {
+          if (result == null) {
+            throw NotFoundException(
+              code: 404,
+              message: '이메일과 일치하는 사용자가 없습니다.',
+            );
+          }
+
+          _profile = result;
+        },
+      );
+    } on Exception catch (e) {
+      log(e.toString(), name: 'MyPageViewModel.getUserProfile()');
+    }
+    notifyListeners();
+  }
+
+  // 내 피드 데이터 요청
+  Future<void> getInitialFeedList(String email) async {
+    try {
+      await _getMyPageFeedsUseCase
+          .execute(
+            email: email,
+            createdAt: null,
+            limit: _fetchCount,
+          )
+          .then((result) => _feedList = result);
+    } on Exception catch (e) {
+      log(e.toString(), name: 'MyPageViewModel.getInitialUserFeedList()');
+    }
+    notifyListeners();
+  }
+
+  // 피드 페이지네이션
+  Future<void> fetchFeed() async {
+    // 모든 피드를 다 불러왔음을 확인하는 플래그값 true 일 때
+    // 유저 프로필의 feedCount 와 현재 피드 리스트의 길이가 같을 때
+    // -> 피드 페이지네이션 요청 차단
+    if (_isFeedListReachEnd || _profile!.feedCount == _feedList.length) return;
+
+    try {
+      // 피드 리스트 로딩중이 아닐때 요청
+      if (!_isFeedListLoading) {
+        _changeFeedListLoadingStatus(true);
+
+        await _getMyPageFeedsUseCase
+            .execute(
+          email: profile!.email,
+          createdAt: _lastFeedDateTime,
+          limit: _fetchMoreCount,
+        )
+            .then((result) {
+          if (result.length < _fetchCount) {
+            _changeIsFeedListReachEndStatus(true);
+            log('feed list reaches end!', name: 'MyPageViewModel.fetchFeed()');
+          }
+
+          _feedList.addAll(result);
+
+          _changeFeedListLoadingStatus(false);
+
+          notifyListeners();
+        }).then((_) => setLastFeedDateTime());
+      }
+    } on Exception catch (e) {
+      log(e.toString(), name: 'MyPageViewModel.fetchFeed()');
+    }
+  }
+
+  // Feed 리스트에서 특정 피드 삭제
+  Future<bool> removeSelectedFeed(String feedId) async {
+    try {
+      final result = await _removeMyPageFeedUseCase.execute(id: feedId);
+
+      if (result) {
+        _decreaseFeedCount();
+        _removeFeedFromList(feedId);
+      }
+
+      notifyListeners();
+
+      return result;
+    } on Exception catch (e) {
+      log(e.toString(), name: 'MyPageViewModel.removeSelectedFeed()');
+      return false;
+    }
+  }
+
+  // 피드 리스트에서 선택한 피드 삭제
+  void _removeFeedFromList(String id) {
+    _feedList.removeWhere((e) => e.id == id);
+  }
+
+  // 프로필에서 feedCount - 1
+  void _decreaseFeedCount() {
+    if (_profile != null) {
+      _profile = _profile!.copyWith(feedCount: _profile!.feedCount - 1);
+    }
+  }
+
+  void clearMyPageViewModelState() {
+    _profile = null;
+    _feedList.clear();
+
+    notifyListeners();
+  }
+}
diff --git a/lib/presentation/navigation_bar/bottom_navigation_widget.dart b/lib/presentation/navigation_bar/bottom_navigation_widget.dart
new file mode 100644
index 00000000..c5b4e7f3
--- /dev/null
+++ b/lib/presentation/navigation_bar/bottom_navigation_widget.dart
@@ -0,0 +1,51 @@
+import 'package:flutter/material.dart';
+import 'package:weaco/presentation/common/style/image_path.dart';
+
+class BottomNavigationWidget extends StatelessWidget {
+  const BottomNavigationWidget({
+    super.key,
+    required this.currentIndex,
+    required this.onTap,
+  });
+
+  final int currentIndex;
+  final ValueChanged<int> onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return BottomNavigationBar(
+      type: BottomNavigationBarType.fixed,
+      showSelectedLabels: false,
+      showUnselectedLabels: false,
+      iconSize: 32,
+      currentIndex: currentIndex,
+      selectedIconTheme: IconThemeData(color: Theme.of(context).primaryColor),
+      unselectedIconTheme: const IconThemeData(color: Color(0xffd5d5d5)),
+      onTap: onTap,
+      mouseCursor: SystemMouseCursors.click,
+      backgroundColor: Theme.of(context).colorScheme.background,
+      items: const <BottomNavigationBarItem>[
+        BottomNavigationBarItem(
+          icon: ImageIcon(AssetImage(ImagePath.imageIconHome)),
+          label: 'Home Weather',
+        ),
+        BottomNavigationBarItem(
+          icon: ImageIcon(AssetImage(ImagePath.imageIconFeed)),
+          label: 'OOTD Feed',
+        ),
+        BottomNavigationBarItem(
+          icon: SizedBox(),
+          label: '',
+        ),
+        BottomNavigationBarItem(
+          icon: ImageIcon(AssetImage(ImagePath.imageIconSearch)),
+          label: 'search',
+        ),
+        BottomNavigationBarItem(
+          icon: ImageIcon(AssetImage(ImagePath.imageIconMyPage)),
+          label: 'MyProfile',
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/presentation/navigation_bar/floating_action_button_widget.dart b/lib/presentation/navigation_bar/floating_action_button_widget.dart
new file mode 100644
index 00000000..5061e6c2
--- /dev/null
+++ b/lib/presentation/navigation_bar/floating_action_button_widget.dart
@@ -0,0 +1,101 @@
+import 'package:flutter/material.dart';
+import 'package:weaco/presentation/common/style/image_path.dart';
+
+class FloatingActionButtonWidget extends StatefulWidget {
+  const FloatingActionButtonWidget({super.key});
+
+  @override
+  State<FloatingActionButtonWidget> createState() =>
+      _FloatingActionButtonWidgetState();
+}
+
+class _FloatingActionButtonWidgetState
+    extends State<FloatingActionButtonWidget> {
+  bool isPressingFloatingActionButton = false;
+  bool isExpanded = false;
+
+  void _toggleFloatingActionButton() {
+    setState(() {
+      isExpanded = !isExpanded;
+    });
+    if (isExpanded) {
+      Future.delayed(
+        const Duration(milliseconds: 2500),
+        () {
+          setState(() {
+            isExpanded = false;
+          });
+        },
+      );
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedContainer(
+      duration: const Duration(milliseconds: 300),
+      curve: Curves.decelerate,
+      width: isExpanded ? 148 : 72,
+      height: 72,
+      transformAlignment: Alignment.center,
+      child: FloatingActionButton(
+        onPressed: () {
+          _toggleFloatingActionButton();
+        },
+        elevation: 0,
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(50),
+          side: BorderSide(
+            color: Theme.of(context).primaryColor,
+            width: 2.0,
+          ),
+        ),
+        backgroundColor: isExpanded
+            ? Theme.of(context).canvasColor
+            : Theme.of(context).primaryColor,
+        child: (isExpanded)
+            ? Stack(
+                children: [
+                  Stack(
+                    children: [
+                      GestureDetector(
+                        onTap: () {},
+                        child: AnimatedPositioned(
+                          duration: const Duration(milliseconds: 500),
+                          curve: Curves.easeInOut,
+                          left: isExpanded ? 22 : 32,
+                          top: 16,
+                          child: const ImageIcon(
+                            AssetImage(ImagePath.imageIconCam),
+                            size: 40,
+                            color: Color(0xffF2C347),
+                          ),
+                        ),
+                      ),
+                      GestureDetector(
+                        onTap: () {},
+                        child: AnimatedPositioned(
+                          duration: const Duration(milliseconds: 1000),
+                          curve: Curves.easeInOut,
+                          top: 16,
+                          right: isExpanded ? 22 : 32,
+                          child: const ImageIcon(
+                            AssetImage(ImagePath.imageIconPhoto),
+                            size: 40,
+                            color: Color(0xffF2C347),
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                ],
+              )
+            : const ImageIcon(
+                AssetImage(ImagePath.imageIconFeedAdd),
+                size: 40,
+                color: Colors.white,
+              ),
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/ootd_feed/component/flip_card_widget.dart b/lib/presentation/ootd_feed/component/flip_card_widget.dart
new file mode 100644
index 00000000..173f9b48
--- /dev/null
+++ b/lib/presentation/ootd_feed/component/flip_card_widget.dart
@@ -0,0 +1,308 @@
+import 'dart:developer';
+import 'dart:math' as math;
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/core/enum/weather_code.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/presentation/common/component/cached_image_widget.dart';
+import 'package:weaco/presentation/ootd_feed/ootd_card.dart';
+import 'package:weaco/presentation/ootd_feed/view_model/ootd_feed_view_model.dart';
+import '../screen/ootd_feed_screen.dart';
+
+class FlipCardWidget extends StatefulWidget {
+  final int _index;
+  final void Function({required bool isToNext}) _moveCallback;
+  final void Function() _flipCallback;
+
+  const FlipCardWidget(
+      {super.key,
+      required int index,
+      required void Function({required bool isToNext}) moveCallback,
+      required void Function() flipCallback})
+      : _index = index,
+        _moveCallback = moveCallback,
+        _flipCallback = flipCallback;
+
+  @override
+  State<FlipCardWidget> createState() => _FlipCardState();
+}
+
+class _FlipCardState extends State<FlipCardWidget>
+    with SingleTickerProviderStateMixin {
+  late final OotdCard _data;
+  final double _swipeThreshold = 50.0;
+  double _swipeStartPoint = 0.0;
+  bool _isSwapping = false;
+  final int _flipSpeed = 230;
+  final double _flipThreshold = 40.0;
+  double _dragStartPoint = 0.0;
+  bool _isDragging = false;
+  bool _isFlipping = false;
+  bool _isKeepGoingDown = true;
+  bool _isToBack = true;
+  late AnimationController _controller;
+  late Animation<double> _upAnimation;
+  late Animation<double> _downAnimation;
+
+  @override
+  void initState() {
+    _controller = AnimationController(
+        vsync: this, duration: Duration(milliseconds: _flipSpeed));
+    _upAnimation = TweenSequence([
+      TweenSequenceItem(
+          tween: Tween(begin: 0.0, end: -math.pi / 2), weight: 0.5),
+      TweenSequenceItem(tween: ConstantTween(0.0), weight: 0.5),
+    ]).animate(_controller);
+    _downAnimation = TweenSequence([
+      TweenSequenceItem(tween: ConstantTween(math.pi / 2), weight: 0.5),
+      TweenSequenceItem(
+          tween: Tween(begin: math.pi / 2, end: 0.0), weight: 0.5),
+    ]).animate(_controller);
+    _data = context.read<OotdFeedViewModel>().feedList[widget._index];
+    _isToBack = _data.isFront;
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  void _flip({required bool isUp}) {
+    widget._flipCallback();
+    _isFlipping = true;
+    if (_isKeepGoingDown && !isUp) _isToBack = !_isToBack;
+    if (!_isKeepGoingDown && isUp) _isToBack = !_isToBack;
+    _isKeepGoingDown = !isUp;
+    (isUp ? _controller.forward(from: 0) : _controller.reverse(from: 1)).then(
+      (value) {
+        _isFlipping = false;
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    log('전체 build(${widget._index}) 호출', name: 'FlipCard.build()');
+    var scale = context.read<OotdFeedViewModel>().currentIndex == widget._index
+        ? 1.0
+        : 0.85;
+    return TweenAnimationBuilder(
+      curve: Curves.ease,
+      tween: Tween(begin: scale, end: scale),
+      duration: const Duration(milliseconds: 0),
+      builder: (_, __, Widget? child) {
+        return Transform.scale(
+          scale: scale,
+          child: child,
+        );
+      },
+      child: GestureDetector(
+        onTap: () {
+          RouterStatic.pushToOotdDetail(context, feed: _data.feed);
+        },
+        onHorizontalDragStart: (details) {
+          _swipeStartPoint = details.localPosition.dx;
+          _isSwapping = true;
+        },
+        onHorizontalDragUpdate: (details) {
+          if (!_isSwapping) return;
+          if (_swipeStartPoint - details.localPosition.dx >= _swipeThreshold) {
+            _isSwapping = false;
+            widget._moveCallback(isToNext: true);
+          } else if (_swipeStartPoint - details.localPosition.dx <=
+              -_swipeThreshold) {
+            _isSwapping = false;
+            widget._moveCallback(isToNext: false);
+          }
+        },
+        onVerticalDragStart: (details) {
+          _dragStartPoint = details.localPosition.dy;
+          _isDragging = true;
+        },
+        onVerticalDragUpdate: (details) {
+          if (!_isDragging || _isFlipping) return;
+          if (_dragStartPoint - details.localPosition.dy >= _flipThreshold) {
+            _isDragging = false;
+            _flip(isUp: true);
+            widget._flipCallback();
+          } else if (_dragStartPoint - details.localPosition.dy <=
+              -_flipThreshold) {
+            _isDragging = false;
+            _flip(isUp: false);
+          }
+        },
+        child: Stack(
+          alignment: Alignment.center,
+          children: [
+            SizedBox(
+              width: cardWidth,
+              height: cardHeight,
+              child: AnimatedBuilder(
+                animation: _downAnimation,
+                builder: (_, __) {
+                  return Transform(
+                    alignment: Alignment.center,
+                    transform: Matrix4.identity()
+                      ..setEntry(3, 2, 0.0005)
+                      ..rotateX(_downAnimation.value),
+                    child: Visibility(
+                      visible: _controller.value >= 0.5,
+                      child: _isToBack ? _buildBackSide() : _buildFrontSide(),
+                    ),
+                  );
+                },
+              ),
+            ),
+            SizedBox(
+              width: cardWidth,
+              height: cardHeight,
+              child: AnimatedBuilder(
+                animation: _upAnimation,
+                builder: (_, __) {
+                  return Transform(
+                    alignment: Alignment.center,
+                    transform: Matrix4.identity()
+                      ..setEntry(3, 2, 0.0005)
+                      ..rotateX(_upAnimation.value),
+                    child: Visibility(
+                      visible: _controller.value < 0.5,
+                      child: _isToBack ? _buildFrontSide() : _buildBackSide(),
+                    ),
+                  );
+                },
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildFrontSide() {
+    return Container(
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(30),
+        gradient: LinearGradient(
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+          colors: [
+            Colors.grey[300]!,
+            Colors.grey[200]!,
+          ],
+        ),
+        boxShadow: const [
+          BoxShadow(
+            offset: Offset(0, 5),
+            color: Colors.black26,
+            blurRadius: 10.0, // 얼마나 흩어져
+            spreadRadius: 0.01, // 얼마나 두껍게
+          )
+        ],
+      ),
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(30),
+        child: CachedImageWidget(
+          _data.feed.imagePath,
+        ),
+      ),
+    );
+  }
+
+  Widget _buildBackSide() {
+    return Container(
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(30),
+        color: Colors.white,
+        boxShadow: const [
+          BoxShadow(
+            offset: Offset(0, 5),
+            color: Colors.black12,
+            blurRadius: 10.0, // 얼마나 흩어져
+            spreadRadius: 0.01, // 얼마나 두껍게
+          )
+        ],
+      ),
+      child: Padding(
+        padding: const EdgeInsets.symmetric(vertical: 16),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            const DefaultTextStyle(
+              style: TextStyle(
+                  fontSize: 24,
+                  fontWeight: FontWeight.w800,
+                  color: Colors.black),
+              child: Text('그 날의 날씨는'),
+            ),
+            SizedBox(
+              width: 100,
+              height: 100,
+              child: Image.asset(
+                  WeatherCode.fromValue(_data.feed.weather.code).iconPath),
+            ),
+            Container(
+              height: 130,
+              width: 240,
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(10),
+                color: const Color(0xFFFAFAFA),
+              ),
+              child: Padding(
+                padding: const EdgeInsets.symmetric(vertical: 10),
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.spaceAround,
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    Container(
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(30),
+                        color: const Color(0xFF282828),
+                        boxShadow: const [
+                          BoxShadow(
+                            color: Colors.black26,
+                            blurRadius: 5.0, // 얼마나 흩어져
+                            spreadRadius: 0.01, // 얼마나 두껍게
+                          )
+                        ],
+                      ),
+                      child: Padding(
+                        padding: const EdgeInsets.symmetric(
+                            horizontal: 8, vertical: 4),
+                        child: DefaultTextStyle(
+                          style: const TextStyle(
+                              fontSize: 12,
+                              fontWeight: FontWeight.bold,
+                              color: Colors.white),
+                          child: Text(
+                              WeatherCode.fromValue(_data.feed.weather.code)
+                                  .description),
+                        ),
+                      ),
+                    ),
+                    const DefaultTextStyle(
+                      style: TextStyle(
+                          fontSize: 16,
+                          fontWeight: FontWeight.bold,
+                          color: Colors.black),
+                      child: Text('이 날의 온도는'),
+                    ),
+                    DefaultTextStyle(
+                      style: const TextStyle(
+                          fontSize: 24,
+                          fontWeight: FontWeight.w800,
+                          color: Colors.black),
+                      child: Text('${_data.feed.weather.temperature}°C'),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/ootd_feed/ootd_card.dart b/lib/presentation/ootd_feed/ootd_card.dart
new file mode 100644
index 00000000..7b0eb716
--- /dev/null
+++ b/lib/presentation/ootd_feed/ootd_card.dart
@@ -0,0 +1,8 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+
+class OotdCard {
+  bool isFront;
+  final Feed feed;
+
+  OotdCard({required this.feed, this.isFront = true});
+}
diff --git a/lib/presentation/ootd_feed/screen/ootd_feed_screen.dart b/lib/presentation/ootd_feed/screen/ootd_feed_screen.dart
new file mode 100644
index 00000000..57cf05fe
--- /dev/null
+++ b/lib/presentation/ootd_feed/screen/ootd_feed_screen.dart
@@ -0,0 +1,103 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/presentation/common/style/colors.dart';
+import 'package:weaco/presentation/common/component/base_change_notifier.dart';
+import 'package:weaco/presentation/common/component/base_state_widget.dart';
+import 'package:weaco/presentation/common/state/base_alert_data.dart';
+import 'package:weaco/presentation/ootd_feed/view_model/ootd_feed_view_model.dart';
+import '../component/flip_card_widget.dart';
+
+double scale = 35;
+double cardWidth = 9 * scale;
+double cardHeight = 16 * scale;
+Duration cardMoveSpeed = const Duration(milliseconds: 150);
+
+class OotdFeedScreen<T extends BaseChangeNotifier> extends StatefulWidget {
+  const OotdFeedScreen({super.key});
+
+  @override
+  State<OotdFeedScreen> createState() => _OotdFeedScreenState<T>();
+}
+
+class _OotdFeedScreenState<T extends BaseChangeNotifier>
+    extends BaseState<OotdFeedScreen, T> {
+  late PageController _pageViewController;
+
+  @override
+  void initState() {
+    super.initState();
+    _pageViewController = PageController(viewportFraction: 0.75);
+    Future.microtask(() => context.read<OotdFeedViewModel>().initPage());
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+    _pageViewController.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    context.read<OotdFeedViewModel>().feedList.map((e) => precacheImage(
+          CachedNetworkImageProvider(e.feed.imagePath),
+          context,
+        ));
+    return Scaffold(
+      appBar: AppBar(
+        centerTitle: true,
+        backgroundColor: WeacoColors.backgroundColor,
+        title: const Text(
+          'OOTD 피드',
+          style: TextStyle(
+              fontSize: 18,
+              fontWeight: FontWeight.bold,
+              color: WeacoColors.greyColor90),
+        ),
+      ),
+      body: Column(
+        children: [
+          const Padding(
+            padding: EdgeInsets.symmetric(horizontal: 20),
+            child: Divider(),
+          ),
+          Expanded(
+            child: PageView.builder(
+              controller: _pageViewController,
+              physics: const NeverScrollableScrollPhysics(),
+              pageSnapping: true,
+              itemCount: context.watch<OotdFeedViewModel>().feedList.length,
+              itemBuilder: (BuildContext context, int index) {
+                return SizedBox(
+                  width: cardWidth,
+                  height: cardHeight,
+                  child: FlipCardWidget(
+                      index: index,
+                      moveCallback: moveCard,
+                      flipCallback: flipCard),
+                );
+              },
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void moveCard({required bool isToNext}) {
+    final nextIndex =
+        context.read<OotdFeedViewModel>().moveIndex(isToNext: isToNext);
+    _pageViewController.animateToPage(
+      nextIndex,
+      duration: cardMoveSpeed,
+      curve: Curves.easeInOut,
+    );
+  }
+
+  void flipCard() {
+    context.read<OotdFeedViewModel>().flipCard();
+  }
+
+  @override
+  BaseAlertData baseAlertData = BaseAlertData();
+}
diff --git a/lib/presentation/ootd_feed/view_model/ootd_feed_view_model.dart b/lib/presentation/ootd_feed/view_model/ootd_feed_view_model.dart
new file mode 100644
index 00000000..73201739
--- /dev/null
+++ b/lib/presentation/ootd_feed/view_model/ootd_feed_view_model.dart
@@ -0,0 +1,92 @@
+import 'dart:developer';
+import 'package:weaco/domain/feed/use_case/get_ootd_feeds_use_case.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/use_case/get_daily_location_weather_use_case.dart';
+import 'package:weaco/presentation/common/component/base_change_notifier.dart';
+import 'package:weaco/presentation/common/enum/exception_alert_type.dart';
+import 'package:weaco/presentation/common/state/exception_status.dart';
+import 'package:weaco/presentation/ootd_feed/ootd_card.dart';
+
+class OotdFeedViewModel extends BaseChangeNotifier {
+  DailyLocationWeather? _dailyLocationWeather;
+  bool _isEndOfData = false;
+  final List<OotdCard> _feedList = [];
+  int _currentIndex = 0;
+  final GetOotdFeedsUseCase _getOotdFeedsUseCase;
+  final GetDailyLocationWeatherUseCase _getDailyLocationWeatherUseCase;
+
+  OotdFeedViewModel(
+      {required GetOotdFeedsUseCase getOotdFeedsUseCase,
+      required GetDailyLocationWeatherUseCase getDailyLocationWeatherUseCase})
+      : _getOotdFeedsUseCase = getOotdFeedsUseCase,
+        _getDailyLocationWeatherUseCase = getDailyLocationWeatherUseCase {
+    // initPage();
+  }
+
+  List<OotdCard> get feedList => List.unmodifiable(_feedList);
+
+  int get currentIndex => _currentIndex;
+
+  bool get isEndOfData => _isEndOfData;
+
+  Future<void> _getFeedList() async {
+    log('함수 호출', name: 'OotdFeedViewModel._getFeedList()');
+    if(_isEndOfData) return;
+    try {
+      log( _feedList.isNotEmpty ? _feedList.last.feed.createdAt.toString() : 'empty', name: 'OotdFeedViewModel._getFeedList()');
+      final dataList = (await _getOotdFeedsUseCase.execute(
+          createdAt:
+              _feedList.isNotEmpty ? _feedList.last.feed.createdAt : null,
+          dailyLocationWeather: _dailyLocationWeather!));
+      _feedList.addAll(dataList.map((feed) => OotdCard(feed: feed)));
+      if (dataList.length < 10) {
+        _isEndOfData = true;
+      }
+    } catch (e) {
+      notifyException(exception: e);
+    }
+    notifyListeners();
+  }
+
+  Future<void> initPage() async {
+    log('데이터 초기화', name: 'OotdFeedViewModel.initPage()');
+    try {
+      _currentIndex = 0;
+      _isEndOfData = false;
+      _dailyLocationWeather = (await _getDailyLocationWeatherUseCase.execute());
+      _feedList.clear();
+      _getFeedList();
+    } catch (e) {
+      notifyException(exception: e);
+    }
+  }
+
+  void flipCard() {
+    _feedList[_currentIndex].isFront = !_feedList[_currentIndex].isFront;
+  }
+
+  int moveIndex({required bool isToNext}) {
+    final int nextIndex = isToNext ? _currentIndex + 1 : _currentIndex - 1;
+    if (nextIndex < 0 || nextIndex >= _feedList.length) {
+      return nextIndex;
+    }
+    _currentIndex = nextIndex;
+    notifyListeners();
+    if (_currentIndex + 2 >= _feedList.length) {
+      log('무한 스크롤: 데이터 요청', name: 'OotdFeedViewModel.moveIndex()');
+      _getFeedList();
+    }
+    return _currentIndex;
+  }
+
+  @override
+  ExceptionStatus exceptionToExceptionStatus({required Object? exception}) {
+    log(exception.toString(), name: 'OotdFeedViewModel.exceptionToExceptionStatus()');
+    switch (exception) {
+      case _:
+        ExceptionAlertType status = ExceptionAlertType.snackBar;
+        return ExceptionStatus(
+            message: '네트워크 오류', exceptionAlertType: status);
+    }
+  }
+}
diff --git a/lib/presentation/ootd_feed_detail/screen/ootd_detail_screen.dart b/lib/presentation/ootd_feed_detail/screen/ootd_detail_screen.dart
new file mode 100644
index 00000000..ca96b0c1
--- /dev/null
+++ b/lib/presentation/ootd_feed_detail/screen/ootd_detail_screen.dart
@@ -0,0 +1,356 @@
+import 'dart:developer';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:go_router/go_router.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/core/enum/season_code.dart';
+import 'package:weaco/core/enum/weather_code.dart';
+import 'package:weaco/core/extension/date_time.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/presentation/common/component/base_change_notifier.dart';
+import 'package:weaco/presentation/common/component/base_state_widget.dart';
+import 'package:weaco/presentation/common/component/cached_image_widget.dart';
+import 'package:weaco/presentation/common/state/base_alert_data.dart';
+import 'package:weaco/presentation/common/user_provider.dart';
+import 'package:weaco/presentation/ootd_feed_detail/screen/pinch_zoom.dart';
+import 'package:weaco/presentation/ootd_feed_detail/view_model/ootd_detail_view_model.dart';
+
+class OotdDetailScreen<T extends BaseChangeNotifier> extends StatefulWidget {
+  final Feed _feed;
+
+  const OotdDetailScreen({super.key, required Feed feed}) : _feed = feed;
+
+  @override
+  State<OotdDetailScreen> createState() => _OotdDetailScreenState<T>();
+}
+
+class _OotdDetailScreenState<T extends BaseChangeNotifier>
+    extends BaseState<OotdDetailScreen, T> {
+  final double _detailAreaExpandHeight = 400;
+  bool _isCancelAreaShow = false;
+
+  @override
+  void initState() {
+    super.initState();
+    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light);
+  }
+
+  void _changeArea() {
+    setState(() => _isCancelAreaShow = !_isCancelAreaShow);
+  }
+
+  Widget defaultWidget({double? opacity}) => Container(
+        decoration: BoxDecoration(
+          gradient: LinearGradient(
+            begin: Alignment.topLeft,
+            end: Alignment.bottomRight,
+            colors: [
+              Colors.grey[300]!.withOpacity(opacity ?? 1),
+              Colors.grey[200]!.withOpacity(opacity ?? 1),
+            ],
+          ),
+        ),
+      );
+
+  Widget _loadingImageWidget({required String? data, double? opacity}) {
+    return Builder(
+      builder: (context) {
+        if (data != null) {
+          return CachedImageWidget(
+            data,
+            boxFit: BoxFit.fitHeight,
+          );
+        } else {
+          return defaultWidget(opacity: opacity);
+        }
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    log('build() 호출 ${widget._feed.id}');
+    final feed = context.watch<OotdDetailViewModel>().feed;
+    final profile = context.watch<OotdDetailViewModel>().userProfile;
+    return SafeArea(
+        child: Scaffold(
+      body: Stack(
+        fit: StackFit.expand,
+        alignment: Alignment.bottomCenter,
+        children: [
+          PinchZoom(
+            child: _loadingImageWidget(data: widget._feed.imagePath),
+          ),
+          GestureDetector(
+            onTap: _changeArea,
+            child: Visibility(
+              visible: _isCancelAreaShow,
+              maintainSize: false,
+              child: Builder(builder: (context) {
+                return Container(
+                  width: MediaQuery.of(context).size.width,
+                  color: const Color(0x00ffffff),
+                );
+              }),
+            ),
+          ),
+          Positioned(
+            bottom: 0,
+            child: GestureDetector(
+              onTap: _changeArea,
+              child: AnimatedSize(
+                alignment: _isCancelAreaShow
+                    ? Alignment.topCenter
+                    : Alignment.bottomCenter,
+                curve: Curves.easeOutQuint,
+                duration: const Duration(milliseconds: 300),
+                child: Container(
+                  height: _isCancelAreaShow ? _detailAreaExpandHeight : 135,
+                  width: MediaQuery.of(context).size.width,
+                  decoration: const BoxDecoration(
+                    borderRadius: BorderRadius.only(
+                        topLeft: Radius.circular(10),
+                        topRight: Radius.circular(10)),
+                    color: Color(0x87000000),
+                  ),
+                  child: Stack(
+                    children: [
+                      Padding(
+                        padding: const EdgeInsets.fromLTRB(16, 16, 16, 8),
+                        child: Builder(builder: (context) {
+                          log('하단 시트 build() 호출');
+                          return Column(
+                            children: [
+                              Row(
+                                crossAxisAlignment: CrossAxisAlignment.end,
+                                textBaseline: TextBaseline.ideographic,
+                                children: [
+                                  SizedBox(
+                                    width: 25,
+                                    height: 25,
+                                    child: Image.asset(
+                                        WeatherCode.fromValue(
+                                                feed?.weather.code ?? 0)
+                                            .iconPath,
+                                        errorBuilder: (_, __, ___) =>
+                                            defaultWidget(opacity: 0.2)),
+                                  ),
+                                  const SizedBox(
+                                    width: 8,
+                                  ),
+                                  DefaultTextStyle(
+                                    style: const TextStyle(
+                                        fontSize: 16,
+                                        fontWeight: FontWeight.w800,
+                                        color: Colors.white),
+                                    child: Text(
+                                        '${feed?.weather.temperature.toString() ?? ''}°C'),
+                                  ),
+                                  const Spacer(),
+                                  DefaultTextStyle(
+                                    style: const TextStyle(
+                                        fontSize: 14,
+                                        fontWeight: FontWeight.w800,
+                                        color: Colors.white),
+                                    child:
+                                        Text(feed?.createdAt.toFormat() ?? ''),
+                                  ),
+                                  Visibility(
+                                      maintainSize: false,
+                                      visible: context
+                                                  .read<UserProvider>()
+                                                  .email !=
+                                              null &&
+                                          (context.read<UserProvider>().email ==
+                                              profile?.email),
+                                      child: const Row(
+                                        children: [
+                                          SizedBox(
+                                            width: 16,
+                                          ),
+                                          Icon(
+                                            Icons.edit,
+                                            size: 20,
+                                            color: Colors.white,
+                                          )
+                                        ],
+                                      ))
+                                ],
+                              ),
+                              const SizedBox(
+                                height: 12,
+                              ),
+                              Row(
+                                children: [
+                                  Container(
+                                    decoration: BoxDecoration(
+                                        borderRadius: BorderRadius.circular(30),
+                                        color: const Color(0x33FFFFFF),
+                                        border: Border.all(
+                                            color: Colors.white, width: 1)),
+                                    child: Padding(
+                                      padding: const EdgeInsets.symmetric(
+                                          horizontal: 8, vertical: 4),
+                                      child: DefaultTextStyle(
+                                        style: const TextStyle(
+                                            fontSize: 12,
+                                            fontWeight: FontWeight.normal,
+                                            color: Colors.white),
+                                        child: Text(
+                                            '#${SeasonCode.fromValue(feed?.seasonCode ?? 0).description}'),
+                                      ),
+                                    ),
+                                  ),
+                                  const SizedBox(
+                                    width: 8,
+                                  ),
+                                  Container(
+                                    decoration: BoxDecoration(
+                                        borderRadius: BorderRadius.circular(30),
+                                        color: const Color(0x33FFFFFF),
+                                        border: Border.all(
+                                            color: Colors.white, width: 1)),
+                                    child: Padding(
+                                      padding: const EdgeInsets.symmetric(
+                                          horizontal: 8, vertical: 4),
+                                      child: DefaultTextStyle(
+                                        style: const TextStyle(
+                                            fontSize: 12,
+                                            fontWeight: FontWeight.normal,
+                                            color: Colors.white),
+                                        child: Text(
+                                            '#${WeatherCode.fromValue(feed?.weather.code ?? 0).description}'),
+                                      ),
+                                    ),
+                                  ),
+                                ],
+                              ),
+                              const SizedBox(
+                                height: 16,
+                              ),
+                              Expanded(
+                                child: SingleChildScrollView(
+                                  scrollDirection: Axis.vertical,
+                                  child: Align(
+                                    alignment: Alignment.topLeft,
+                                    child: DefaultTextStyle(
+                                      style: const TextStyle(
+                                          fontSize: 14,
+                                          fontWeight: FontWeight.normal,
+                                          color: Colors.white),
+                                      child: Text(
+                                        feed?.description ?? '',
+                                        overflow: _isCancelAreaShow
+                                            ? null
+                                            : TextOverflow.ellipsis,
+                                        maxLines: _isCancelAreaShow ? null : 1,
+                                      ),
+                                    ),
+                                  ),
+                                ),
+                              ),
+                            ],
+                          );
+                        }),
+                      ),
+                      Positioned(
+                        top: 0,
+                        right: 0,
+                        child: Visibility(
+                            maintainSize: false,
+                            visible:
+                                context.read<UserProvider>().email != null &&
+                                    (context.read<UserProvider>().email ==
+                                        profile?.email),
+                            child: GestureDetector(
+                              onTap: () => RouterStatic.pushToOotdPost(context,
+                                  feed: feed),
+                              child: Container(
+                                color: Colors.white.withOpacity(0),
+                                width: 60,
+                                height: 60,
+                              ),
+                            )),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ),
+          ),
+          Positioned(
+              top: 0,
+              width: MediaQuery.of(context).size.width,
+              child: Padding(
+                padding: const EdgeInsets.fromLTRB(18, 16, 8, 0),
+                child: Builder(builder: (context) {
+                  log('상단 프로필 build() 호출');
+                  return Row(
+                    mainAxisSize: MainAxisSize.max,
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    mainAxisAlignment: MainAxisAlignment.start,
+                    children: [
+                      GestureDetector(
+                        onTap: () => RouterStatic.pushToUserPage(context,
+                            email: feed?.userEmail ?? ''),
+                        child: Row(
+                          crossAxisAlignment: CrossAxisAlignment.center,
+                          mainAxisAlignment: MainAxisAlignment.start,
+                          children: [
+                            ClipRRect(
+                              borderRadius: BorderRadius.circular(30),
+                              child: SizedBox(
+                                width: 40,
+                                height: 40,
+                                child: _loadingImageWidget(
+                                    opacity: 0.2,
+                                    data: profile?.profileImagePath),
+                              ),
+                            ),
+                            const SizedBox(
+                              width: 8,
+                            ),
+                            DefaultTextStyle(
+                              style: const TextStyle(
+                                  shadows: [
+                                    Shadow(
+                                        blurRadius: 10,
+                                        color: Color.fromARGB(165, 80, 80, 80),
+                                        offset: Offset(0, 0)),
+                                  ],
+                                  fontSize: 14,
+                                  fontWeight: FontWeight.w700,
+                                  color: Colors.white),
+                              child: Text(feed?.userEmail ?? ''),
+                            ),
+                          ],
+                        ),
+                      ),
+                      const Spacer(),
+                      IconButton(
+                        icon: const Icon(
+                          shadows: [
+                            Shadow(
+                                blurRadius: 5,
+                                color: Color.fromARGB(165, 0, 0, 0),
+                                offset: Offset(0, 0))
+                          ],
+                          Icons.close,
+                          size: 28,
+                        ),
+                        color: Colors.white,
+                        onPressed: () => context.pop(),
+                      )
+                    ],
+                  );
+                }),
+              ))
+        ],
+      ),
+    ));
+  }
+
+  @override
+  BaseAlertData baseAlertData = BaseAlertData();
+}
diff --git a/lib/presentation/ootd_feed_detail/screen/pinch_zoom.dart b/lib/presentation/ootd_feed_detail/screen/pinch_zoom.dart
new file mode 100644
index 00000000..6064b86f
--- /dev/null
+++ b/lib/presentation/ootd_feed_detail/screen/pinch_zoom.dart
@@ -0,0 +1,121 @@
+import 'dart:async';
+import 'dart:developer';
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+
+class PinchZoom extends StatefulWidget {
+  final Widget child;
+
+  const PinchZoom({
+    super.key,
+    required this.child,
+  });
+
+  @override
+  State<PinchZoom> createState() => _PinchZoomState();
+}
+
+class _PinchZoomState extends State<PinchZoom>
+    with SingleTickerProviderStateMixin {
+  final TransformationController _transformationController =
+      TransformationController();
+  OverlayEntry? _overlayEntry;
+  final widgetKey = GlobalKey();
+  Timer? _endScrollTimer;
+  bool? endHandled;
+  final Matrix4 identity = Matrix4.identity();
+  double startPointDy = 0.0;
+
+  @override
+  Widget build(BuildContext context) {
+    log('핀치 줌 이미지 build() 호출');
+    return InteractiveViewer(
+      key: widgetKey,
+      maxScale: 3.0,
+      onInteractionStart: (details) {
+        if (details.pointerCount == 1) {
+          startPointDy = details.localFocalPoint.dy;
+        }
+
+        endHandled = null;
+        if (details.pointerCount < 2) {
+          endHandled = false;
+          _transformationController.value = identity;
+        } else {
+          _endScrollTimer?.cancel();
+        }
+      },
+      onInteractionUpdate: (details) {
+        if (details.pointerCount == 1 && details.localFocalPoint.dy - startPointDy >= 100) {
+          context.pop();
+        }
+        if (details.pointerCount < 2) {
+          endHandled = false;
+          _transformationController.value = identity;
+        } else {
+          _endScrollTimer?.cancel();
+        }
+      },
+      onInteractionEnd: (details) {
+        if (details.pointerCount == 0) {
+          endHandled = false;
+          _transformationController.value = identity;
+        } else {
+          _endScrollTimer = Timer(const Duration(milliseconds: 100), () {
+            endHandled = false;
+            _transformationController.value = identity;
+          });
+        }
+      },
+      transformationController: _transformationController,
+      child: widget.child,
+    );
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _transformationController.addListener(
+      () {
+        bool isIdentity = _transformationController.value.isIdentity();
+        OverlayEntry? entry = _overlayEntry;
+
+        if (endHandled == true) {
+          _transformationController.value = identity;
+        } else if (endHandled == false) {
+          endHandled = true;
+          if (entry != null) {
+            entry.remove();
+            _overlayEntry = null;
+          }
+        } else if (!isIdentity && entry == null) {
+          RenderBox? box =
+              widgetKey.currentContext?.findRenderObject() as RenderBox?;
+          if (box == null) return;
+          Offset position = box.localToGlobal(Offset.zero);
+          entry = OverlayEntry(
+            builder: (context) => ValueListenableBuilder(
+              valueListenable: _transformationController,
+              builder: (BuildContext context, Matrix4 value, Widget? child) {
+                return Positioned(
+                  left: position.dx,
+                  top: position.dy,
+                  width: box.size.width,
+                  height: box.size.height,
+                  child: IgnorePointer(
+                    child: Transform(
+                      transform: value,
+                      child: widget.child,
+                    ),
+                  ),
+                );
+              },
+            ),
+          );
+          _overlayEntry = entry;
+          Overlay.of(context).insert(entry);
+        }
+      },
+    );
+  }
+}
diff --git a/lib/presentation/ootd_feed_detail/view_model/ootd_detail_view_model.dart b/lib/presentation/ootd_feed_detail/view_model/ootd_detail_view_model.dart
new file mode 100644
index 00000000..fa4bbe8d
--- /dev/null
+++ b/lib/presentation/ootd_feed_detail/view_model/ootd_detail_view_model.dart
@@ -0,0 +1,52 @@
+import 'dart:developer';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/get_detail_feed_detail_use_case.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/use_case/get_user_profile_use_case.dart';
+import 'package:weaco/presentation/common/component/base_change_notifier.dart';
+import 'package:weaco/presentation/common/enum/exception_alert_type.dart';
+import 'package:weaco/presentation/common/state/exception_status.dart';
+
+class OotdDetailViewModel extends BaseChangeNotifier {
+  Feed? _feed;
+  UserProfile? _userProfile;
+
+  UserProfile? get userProfile => _userProfile;
+
+  Feed? get feed => _feed;
+
+  final GetDetailFeedDetailUseCase _getDetailFeedDetailUseCase;
+  final GetUserProfileUseCase _getUserProfileUseCase;
+
+  OotdDetailViewModel(
+      {required GetDetailFeedDetailUseCase getDetailFeedDetailUseCase,
+      required GetUserProfileUseCase getUserProfileUseCase,
+      required String id})
+      : _getDetailFeedDetailUseCase = getDetailFeedDetailUseCase,
+        _getUserProfileUseCase = getUserProfileUseCase {
+    _getFeedDetail(id: id);
+  }
+
+  Future<void> _getFeedDetail({required String id}) async {
+    try {
+      _feed = (await _getDetailFeedDetailUseCase.execute(id: id)) ??
+          (throw Exception());
+      _userProfile =
+          await _getUserProfileUseCase.execute(email: _feed!.userEmail);
+    } catch (e) {
+      notifyException(exception: e);
+    }
+    notifyListeners();
+  }
+
+  @override
+  ExceptionStatus exceptionToExceptionStatus({required Object? exception}) {
+    log(exception.toString(),
+        name: 'OotdDetailViewModel.exceptionToExceptionStatus()');
+    switch (exception) {
+      case _:
+        ExceptionAlertType status = ExceptionAlertType.snackBar;
+        return ExceptionStatus(message: '네트워크 오류', exceptionAlertType: status);
+    }
+  }
+}
diff --git a/lib/presentation/ootd_post/screen/ootd_post_screen.dart b/lib/presentation/ootd_post/screen/ootd_post_screen.dart
new file mode 100644
index 00000000..2e1bb442
--- /dev/null
+++ b/lib/presentation/ootd_post/screen/ootd_post_screen.dart
@@ -0,0 +1,334 @@
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:image_cropper/image_cropper.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/core/enum/season_code.dart';
+import 'package:weaco/core/enum/weather_code.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/presentation/common/component/cached_image_widget.dart';
+import 'package:weaco/presentation/common/enum/exception_alert.dart';
+import 'package:weaco/presentation/common/user_provider.dart';
+import 'package:weaco/presentation/common/util/alert_util.dart';
+import 'package:weaco/presentation/ootd_post/view_model/ootd_post_view_model.dart';
+
+class OotdPostScreen extends StatefulWidget {
+  final Feed? feed;
+
+  const OotdPostScreen({super.key, this.feed});
+
+  @override
+  State<OotdPostScreen> createState() => _OotdPostScreenState();
+}
+
+class _OotdPostScreenState extends State<OotdPostScreen> {
+  static const int maxLength = 300;
+  final ScrollController _scrollController = ScrollController();
+  final TextEditingController _contentTextController = TextEditingController();
+  String _email = '';
+  bool isClicked = false;
+  bool _isScrolledUp = true;
+  CroppedFile? _newCroppedFile;
+
+  @override
+  void initState() {
+    super.initState();
+    _scrollController.addListener(_scrollListener);
+    if (widget.feed != null) {
+      _contentTextController.text = widget.feed!.description;
+    }
+
+    Future.microtask(() {
+      _email = context.read<UserProvider>().email!;
+    });
+  }
+
+  @override
+  void dispose() {
+    _scrollController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final viewModel = context.watch<OotdPostViewModel>();
+
+    return GestureDetector(
+      onTap: () => FocusScope.of(context).unfocus(),
+      child: Scaffold(
+        appBar: _appBar(viewModel),
+        body: viewModel.showSpinner
+            ? const Center(child: CircularProgressIndicator())
+            : SafeArea(
+                child: SingleChildScrollView(
+                  controller: _scrollController,
+                  child: Padding(
+                    padding: const EdgeInsets.fromLTRB(22, 15, 22, 30),
+                    child: Column(
+                      children: [
+                        widget.feed != null
+                            ?
+                            // 기존 피드 수정
+                            CachedImageWidget(widget.feed!.imagePath)
+                            :
+                            // 새로운 피드 작성
+                            Stack(
+                                children: [
+                                  _newCroppedFile ==
+                                          null // 새 크롭 화면의 image null 검사
+                                      ? viewModel.croppedImage ==
+                                              null // viewModel image null 검사
+                                          ? const Center(
+                                              child:
+                                                  CircularProgressIndicator())
+                                          : Image.file(viewModel.croppedImage!)
+                                      : Image.file(File(_newCroppedFile!.path)),
+                                  Positioned(
+                                    top: 10,
+                                    right: 10,
+                                    child: GestureDetector(
+                                      onTap: () async {
+                                        await viewModel.getOriginImage();
+                                        await cropImage(
+                                            viewModel.originImage!.path);
+                                      },
+                                      child: Container(
+                                        decoration: BoxDecoration(
+                                          color: Colors.white,
+                                          borderRadius:
+                                              BorderRadius.circular(5),
+                                        ),
+                                        child: const Padding(
+                                          padding: EdgeInsets.all(5.0),
+                                          child: Row(
+                                            children: [
+                                              Icon(Icons.crop),
+                                              Text('수정'),
+                                            ],
+                                          ),
+                                        ),
+                                      ),
+                                    ),
+                                  ),
+                                ],
+                              ),
+                        Padding(
+                          padding: const EdgeInsets.fromLTRB(0, 20, 0, 20),
+                          child: IconButton(
+                            onPressed: () {
+                              FocusScope.of(context).unfocus();
+                              setState(() {
+                                _isScrolledUp = !_isScrolledUp;
+                              });
+                              _scrollTo();
+                            },
+                            icon: _isScrolledUp
+                                ? const Icon(
+                                    Icons.keyboard_arrow_down_outlined,
+                                    size: 50,
+                                  )
+                                : const Icon(
+                                    Icons.keyboard_arrow_up_outlined,
+                                    size: 50,
+                                  ),
+                          ),
+                        ),
+                        Column(
+                          children: [
+                            widget.feed != null
+                                ? Row(
+                                    children: [
+                                      _tags(widget.feed!.location.city),
+                                      _tags(SeasonCode.fromValue(
+                                              widget.feed!.seasonCode)
+                                          .description),
+                                      _tags(
+                                          '${widget.feed!.weather.temperature}°'),
+                                      _tags(WeatherCode.fromValue(
+                                              widget.feed!.weather.code)
+                                          .description),
+                                    ],
+                                  )
+                                : Row(
+                                    children: [
+                                      _tags(viewModel
+                                          .dailyLocationWeather!.location.city),
+                                      _tags(SeasonCode.fromValue(viewModel
+                                              .dailyLocationWeather!.seasonCode)
+                                          .description),
+                                      _tags(
+                                          '${viewModel.weather!.temperature}°'),
+                                      _tags(WeatherCode.fromValue(
+                                              viewModel.weather!.code)
+                                          .description),
+                                    ],
+                                  ),
+                            const SizedBox(height: 15),
+                            TextField(
+                              controller: _contentTextController,
+                              maxLength: maxLength,
+                              maxLines: 10,
+                              keyboardType: TextInputType.multiline,
+                              decoration: InputDecoration(
+                                hintText: '어떤 코디를 하셨나요?',
+                                hintStyle:
+                                    const TextStyle(color: Color(0xFF979797)),
+                                border: OutlineInputBorder(
+                                  borderSide:
+                                      const BorderSide(color: Colors.grey),
+                                  borderRadius: BorderRadius.circular(7),
+                                ),
+                                focusedBorder: const OutlineInputBorder(
+                                  borderSide: BorderSide(color: Colors.grey),
+                                ),
+                              ),
+                            ),
+                            SizedBox(
+                              height: MediaQuery.of(context).viewInsets.bottom,
+                            )
+                          ],
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+              ),
+      ),
+    );
+  }
+
+  PreferredSizeWidget _appBar(OotdPostViewModel viewModel) {
+    return AppBar(
+      title: const Text('피드글 쓰기'),
+      centerTitle: true,
+      leading: IconButton(
+        onPressed: () async {
+          if (widget.feed != null) {
+            context.pop();
+          } else {
+            await viewModel.getOriginImage();
+            await cropImage(viewModel.originImage!.path);
+          }
+        },
+        icon: const Icon(Icons.arrow_back),
+      ),
+      actions: [
+        TextButton(
+          onPressed: viewModel.showSpinner
+              ? null
+              : () async {
+                  if (widget.feed != null) {
+                    await viewModel.editFeed(
+                        widget.feed!, _contentTextController.text);
+                  } else {
+                    await viewModel.saveFeed(
+                        _email, _contentTextController.text);
+                  }
+
+                  if (mounted) {
+                    if (viewModel.saveStatus) {
+                      RouterStatic.goToDefault(context);
+                    } else {
+                      AlertUtil.showAlert(
+                        context: context,
+                        exceptionAlert: ExceptionAlert.snackBar,
+                        message: '다시 시도해 주세요.',
+                      );
+                    }
+                  }
+                },
+          child: viewModel.showSpinner
+              ? const Center(child: CircularProgressIndicator())
+              : Text(
+                  widget.feed != null ? '수정' : '저장',
+                  style:
+                      const TextStyle(color: Color(0xFFFC8800), fontSize: 18),
+                ),
+        ),
+      ],
+    );
+  }
+
+  Widget _tags(String name) {
+    return Container(
+      margin: const EdgeInsets.only(right: 15),
+      decoration: BoxDecoration(
+        color: const Color(0xFFDFF0FF),
+        borderRadius: BorderRadius.circular(7),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(6),
+        child: Text(name),
+      ),
+    );
+  }
+
+  Future<void> cropImage(String sourcePath) async {
+    final croppedFile = await ImageCropper().cropImage(
+      sourcePath: sourcePath,
+      aspectRatio: const CropAspectRatio(ratioX: 9, ratioY: 16),
+      uiSettings: [
+        AndroidUiSettings(
+          toolbarColor: Colors.deepOrange,
+          toolbarWidgetColor: Colors.white,
+          initAspectRatio: CropAspectRatioPreset.ratio16x9,
+          lockAspectRatio: true, // 비율 고정
+        ),
+        IOSUiSettings(
+          title: '이미지 자르기',
+          minimumAspectRatio: 1.0, // 비율 고정
+          rotateButtonsHidden: true,
+          aspectRatioPickerButtonHidden: true,
+        ),
+      ],
+    );
+
+    if (croppedFile != null) {
+      setState(() {
+        _newCroppedFile = croppedFile;
+      });
+    } else {
+      if (mounted) {
+        AlertUtil.showAlert(
+            context: context,
+            exceptionAlert: ExceptionAlert.dialogTwoButton,
+            message: '지금 돌아가면 이미지 수정이 삭제됩니다.',
+            rightButtonText: '삭제',
+            onPressedRight: () {
+              // 다이얼로그에서 '삭제' 를 눌렀을 경우
+              RouterStatic.goToDefault(context);
+            });
+      }
+    }
+  }
+
+  void _scrollListener() {
+    if (_scrollController.offset <=
+            _scrollController.position.minScrollExtent &&
+        !_scrollController.position.outOfRange) {
+      // 스크롤 위치가 상단에 도달하면 화살표를 위로 표시
+      setState(() {
+        _isScrolledUp = true;
+      });
+    } else if (_scrollController.offset >=
+            _scrollController.position.maxScrollExtent &&
+        !_scrollController.position.outOfRange) {
+      // 스크롤 위치가 하단에 도달하면 화살표를 아래로 표시
+      setState(() {
+        _isScrolledUp = false;
+      });
+    }
+  }
+
+  void _scrollTo() {
+    _scrollController.animateTo(
+      _isScrolledUp
+          ? _scrollController.position.minScrollExtent
+          : _scrollController.position.maxScrollExtent,
+      duration: const Duration(milliseconds: 500),
+      curve: Curves.easeInOut,
+    );
+  }
+}
diff --git a/lib/presentation/ootd_post/screen/picture_crop_screen.dart b/lib/presentation/ootd_post/screen/picture_crop_screen.dart
new file mode 100644
index 00000000..004cf7ca
--- /dev/null
+++ b/lib/presentation/ootd_post/screen/picture_crop_screen.dart
@@ -0,0 +1,94 @@
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+import 'package:image_cropper/image_cropper.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/presentation/common/enum/exception_alert.dart';
+import 'package:weaco/presentation/common/util/alert_util.dart';
+import 'package:weaco/presentation/ootd_post/view_model/picutre_crop_view_model.dart';
+
+class PictureCropScreen extends StatefulWidget {
+  final String sourcePath;
+
+  const PictureCropScreen({
+    super.key,
+    required this.sourcePath,
+  });
+
+  @override
+  State<PictureCropScreen> createState() => _PictureCropScreenState();
+}
+
+class _PictureCropScreenState extends State<PictureCropScreen> {
+  CroppedFile? _croppedFile;
+
+  @override
+  void initState() {
+    super.initState();
+    _cropImage();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold();
+  }
+
+  Future<void> _cropImage() async {
+    final croppedFile = await ImageCropper().cropImage(
+      sourcePath: widget.sourcePath,
+      aspectRatio: const CropAspectRatio(ratioX: 9, ratioY: 16),
+      uiSettings: [
+        AndroidUiSettings(
+          toolbarTitle: '이미지 자르기',
+          toolbarColor: Colors.white,
+          toolbarWidgetColor: const Color(0xFFFC8800),
+          initAspectRatio: CropAspectRatioPreset.ratio16x9,
+          lockAspectRatio: true, // 비율 고정
+        ),
+        IOSUiSettings(
+          title: '이미지 자르기',
+          doneButtonTitle: '확인',
+          cancelButtonTitle: '취소',
+          minimumAspectRatio: 1.0, // 비율 고정
+          rotateButtonsHidden: true,
+          resetButtonHidden: true,
+          aspectRatioPickerButtonHidden: true,
+        ),
+      ],
+    );
+
+    if (croppedFile != null) {
+      _croppedFile = croppedFile;
+
+      _cropResult();
+    } else {
+      if (mounted) {
+        Navigator.of(context).pop();
+      }
+    }
+  }
+
+  void _cropResult() async {
+    final PictureCropViewModel viewModel = context.read<PictureCropViewModel>();
+    if (_croppedFile == null) {
+      return;
+    } else {
+      await viewModel.saveOriginImage(file: File(widget.sourcePath));
+
+      await viewModel.saveCroppedImage(file: File(_croppedFile!.path));
+
+      if (mounted) {
+        if (viewModel.status.isSuccess) {
+          RouterStatic.goToOotdPost(context);
+        } else if (viewModel.status.isError) {
+          AlertUtil.showAlert(
+            context: context,
+            exceptionAlert: ExceptionAlert.snackBar,
+            message: '다시 시도해 주세요.',
+          );
+        }
+      }
+    }
+  }
+}
diff --git a/lib/presentation/ootd_post/view_model/camera_view_model.dart b/lib/presentation/ootd_post/view_model/camera_view_model.dart
new file mode 100644
index 00000000..71195243
--- /dev/null
+++ b/lib/presentation/ootd_post/view_model/camera_view_model.dart
@@ -0,0 +1,43 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/services.dart';
+import 'package:image_picker/image_picker.dart';
+
+enum CameraImageStatus {
+  idle,
+  success,
+  error;
+
+  bool get isIdle => this == CameraImageStatus.idle;
+
+  bool get isSuccess => this == CameraImageStatus.success;
+
+  bool get isError => this == CameraImageStatus.error;
+}
+
+class CameraViewModel with ChangeNotifier {
+  XFile? _imageFile;
+  CameraImageStatus _status = CameraImageStatus.idle;
+
+  XFile? get imageFile => _imageFile;
+
+  CameraImageStatus get status => _status;
+
+  /// 카메라 또는 사진첩에서 이미지 선택
+  Future<void> pickImage({
+    required ImageSource imageSource,
+  }) async {
+    final ImagePicker picker = ImagePicker();
+
+    try {
+      final XFile? pickedFile = await picker.pickImage(source: imageSource);
+
+      if (pickedFile != null) {
+        _imageFile = pickedFile;
+        _status = CameraImageStatus.success;
+      }
+    } on PlatformException {
+      _status = CameraImageStatus.error;
+    }
+    notifyListeners();
+  }
+}
diff --git a/lib/presentation/ootd_post/view_model/ootd_post_view_model.dart b/lib/presentation/ootd_post/view_model/ootd_post_view_model.dart
new file mode 100644
index 00000000..9e70dd7e
--- /dev/null
+++ b/lib/presentation/ootd_post/view_model/ootd_post_view_model.dart
@@ -0,0 +1,124 @@
+import 'dart:developer';
+import 'dart:io';
+
+import 'package:flutter/cupertino.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/save_edit_feed_use_case.dart';
+import 'package:weaco/domain/file/use_case/get_image_use_case.dart';
+import 'package:weaco/domain/file/use_case/save_image_use_case.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+import 'package:weaco/domain/weather/use_case/get_daily_location_weather_use_case.dart';
+
+class OotdPostViewModel with ChangeNotifier {
+  final GetImageUseCase _getImageUseCase;
+  final GetDailyLocationWeatherUseCase _getDailyLocationWeatherUseCase;
+  final SaveEditFeedUseCase _saveEditFeedUseCase;
+  bool _showSpinner = false;
+  bool _saveStatus = false;
+  File? _originImage;
+  File? _croppedImage;
+  Weather? _weather;
+  DailyLocationWeather? _dailyLocationWeather;
+
+  OotdPostViewModel({
+    required GetImageUseCase getImageUseCase,
+    required GetDailyLocationWeatherUseCase getDailyLocationWeatherUseCase,
+    required SaveEditFeedUseCase saveEditFeedUseCase,
+    required SaveImageUseCase saveImageUseCase,
+  })  : _getImageUseCase = getImageUseCase,
+        _getDailyLocationWeatherUseCase = getDailyLocationWeatherUseCase,
+        _saveEditFeedUseCase = saveEditFeedUseCase {
+    initOotdPost();
+  }
+
+  void initOotdPost() async {
+    _showSpinner = true;
+    notifyListeners();
+
+    try {
+      _croppedImage = await _getImageUseCase.execute(isOrigin: false);
+      _dailyLocationWeather = await _getDailyLocationWeatherUseCase.execute();
+      // 현재 시간 날씨
+      _weather = _dailyLocationWeather!.weatherList.firstWhere((element) {
+        return element.timeTemperature.hour == DateTime.now().hour;
+      });
+    } catch (e) {
+      log(e.toString());
+    }
+
+    _showSpinner = false;
+    notifyListeners();
+  }
+
+  Future<void> saveFeed(String email, String description) async {
+    _showSpinner = true;
+    notifyListeners();
+
+    final now = DateTime.now();
+    final Feed feed = Feed(
+      id: null,
+      imagePath: _croppedImage!.path,
+      userEmail: email,
+      description: description,
+      weather: Weather(
+        temperature: _weather!.temperature,
+        timeTemperature: _weather!.timeTemperature,
+        code: _weather!.code,
+        createdAt: now,
+      ),
+      seasonCode: _dailyLocationWeather!.seasonCode,
+      location: Location(
+        lat: _dailyLocationWeather!.location.lat,
+        lng: _dailyLocationWeather!.location.lng,
+        city: _dailyLocationWeather!.location.city,
+        createdAt: now,
+      ),
+      createdAt: now,
+    );
+
+    _saveStatus = await _saveEditFeedUseCase.execute(feed: feed);
+
+    _showSpinner = false;
+    notifyListeners();
+  }
+
+  Future<void> editFeed(Feed feed, String description) async {
+    _showSpinner = true;
+    notifyListeners();
+
+    final editedFeed = Feed(
+      id: feed.id,
+      imagePath: feed.imagePath,
+      userEmail: feed.userEmail,
+      description: description,
+      weather: feed.weather,
+      seasonCode: feed.seasonCode,
+      location: feed.location,
+      createdAt: feed.createdAt,
+    );
+
+    _saveStatus = await _saveEditFeedUseCase.execute(feed: editedFeed);
+
+    _showSpinner = false;
+    notifyListeners();
+  }
+
+  Future<void> getOriginImage() async {
+    _originImage = await _getImageUseCase.execute(isOrigin: true);
+    if (_originImage == null) return;
+  }
+
+  File? get originImage => _originImage;
+
+  File? get croppedImage => _croppedImage;
+
+  Weather? get weather => _weather;
+
+  DailyLocationWeather? get dailyLocationWeather => _dailyLocationWeather;
+
+  bool get saveStatus => _saveStatus;
+
+  bool get showSpinner => _showSpinner;
+}
diff --git a/lib/presentation/ootd_post/view_model/picutre_crop_view_model.dart b/lib/presentation/ootd_post/view_model/picutre_crop_view_model.dart
new file mode 100644
index 00000000..c1814a00
--- /dev/null
+++ b/lib/presentation/ootd_post/view_model/picutre_crop_view_model.dart
@@ -0,0 +1,45 @@
+import 'dart:io';
+
+import 'package:flutter/cupertino.dart';
+import 'package:weaco/domain/file/use_case/save_image_use_case.dart';
+
+enum PictureCropSaveStatus {
+  idle,
+  success,
+  error;
+
+  bool get isIdle => this == PictureCropSaveStatus.idle;
+
+  bool get isSuccess => this == PictureCropSaveStatus.success;
+
+  bool get isError => this == PictureCropSaveStatus.error;
+}
+
+class PictureCropViewModel with ChangeNotifier {
+  final SaveImageUseCase _saveImageUseCase;
+  PictureCropSaveStatus _status = PictureCropSaveStatus.idle;
+
+  PictureCropViewModel({
+    required SaveImageUseCase saveImageUseCase,
+  }) : _saveImageUseCase = saveImageUseCase;
+
+  /// 원본 이미지 저장
+  Future<void> saveOriginImage({required File file}) async {
+    await _saveImageUseCase.execute(isOrigin: true, file: file);
+  }
+
+  /// 크롭 이미지 저장
+  Future<void> saveCroppedImage({required File file}) async {
+    final bool result =
+        await _saveImageUseCase.execute(isOrigin: false, file: file);
+
+    if (result) {
+      _status = PictureCropSaveStatus.success;
+    } else {
+      _status = PictureCropSaveStatus.error;
+    }
+    notifyListeners();
+  }
+
+  PictureCropSaveStatus get status => _status;
+}
diff --git a/lib/presentation/ootd_search/screen/ootd_search_screen.dart b/lib/presentation/ootd_search/screen/ootd_search_screen.dart
new file mode 100644
index 00000000..235339e1
--- /dev/null
+++ b/lib/presentation/ootd_search/screen/ootd_search_screen.dart
@@ -0,0 +1,294 @@
+import 'dart:developer';
+
+import 'package:dropdown_button2/dropdown_button2.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/core/enum/season_code.dart';
+import 'package:weaco/core/enum/temperature_code.dart';
+import 'package:weaco/core/enum/weather_code.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/core/util/reaction_util.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/presentation/common/component/cached_image_widget.dart';
+import 'package:weaco/presentation/common/style/colors.dart';
+import 'package:weaco/presentation/ootd_search/view_model/ootd_search_view_model.dart';
+
+class OotdSearchScreen extends StatefulWidget {
+  const OotdSearchScreen({super.key});
+
+  @override
+  State<OotdSearchScreen> createState() => _OotdSearchScreenState();
+}
+
+class _OotdSearchScreenState extends State<OotdSearchScreen> {
+  final List<String> seasonItemList =
+      List.generate(5, (index) => SeasonCode.fromValue(index).description);
+
+  final List<String> weatherItemList =
+      List.generate(13, (index) => WeatherCode.fromValue(index).description);
+
+  final List<String> temperatureItemList =
+      List.generate(7, (index) => TemperatureCode.fromValue(index).description);
+
+  List<String?> selectedData = [null, null, null];
+
+  @override
+  Widget build(BuildContext context) {
+    final OotdSearchViewModel ootdSearchViewModel =
+        context.watch<OotdSearchViewModel>();
+
+    final List<Feed> searchFeedList = ootdSearchViewModel.searchFeedList;
+
+    final bool isPageLoading = ootdSearchViewModel.isPageLoading;
+
+    return isPageLoading
+        ? const Center(child: CircularProgressIndicator())
+        : Scaffold(
+            appBar: AppBar(
+              centerTitle: true,
+              scrolledUnderElevation: 0,
+              backgroundColor: Theme.of(context).scaffoldBackgroundColor,
+              title: const Text(
+                'OOTD 검색',
+                style: TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                  color: WeacoColors.greyColor90,
+                ),
+              ),
+            ),
+            body: SafeArea(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.center,
+                children: [
+                  Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 10),
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                      children: [
+                        Flexible(
+                          flex: 1,
+                          child: dropDownButton(
+                              defaultText: '🌸 계절',
+                              borderColor: WeacoColors.accentColor,
+                              items: seasonItemList,
+                              selectedValueIndex: 0,
+                              onChanged: (value) {
+                                log(value.toString(), name: '계절');
+                                ootdSearchViewModel.fetchFeedWhenFilterChange(
+                                  seasonCodeValue:
+                                      seasonItemList.indexOf(value ?? ''),
+                                  weatherCodeValue: weatherItemList
+                                      .indexOf(selectedData[1] ?? ''),
+                                  temperatureCodeValue: temperatureItemList
+                                      .indexOf(selectedData[2] ?? ''),
+                                );
+                                setState(() {
+                                  selectedData[0] = value;
+                                });
+                              },
+                              fontSize: 13),
+                        ),
+                        SizedBox(
+                          width: ReactionUtil.reactWidth(
+                            context: context,
+                            marginWidth: 10,
+                          ),
+                        ),
+                        Flexible(
+                          flex: 1,
+                          child: dropDownButton(
+                              defaultText: '☀️ 날씨',
+                              borderColor: WeacoColors.accentColor,
+                              items: weatherItemList,
+                              selectedValueIndex: 1,
+                              onChanged: (value) {
+                                log(value.toString(), name: '날씨');
+                                ootdSearchViewModel.fetchFeedWhenFilterChange(
+                                  seasonCodeValue: seasonItemList
+                                      .indexOf(selectedData[0] ?? ''),
+                                  weatherCodeValue:
+                                      weatherItemList.indexOf(value ?? ''),
+                                  temperatureCodeValue: temperatureItemList
+                                      .indexOf(selectedData[2] ?? ''),
+                                );
+                                setState(() {
+                                  selectedData[1] = value;
+                                });
+                              },
+                              fontSize: 13),
+                        ),
+                        SizedBox(
+                          width: ReactionUtil.reactWidth(
+                            context: context,
+                            marginWidth: 10,
+                          ),
+                        ),
+                        Flexible(
+                          flex: 1,
+                          child: dropDownButton(
+                            defaultText: '🌡️ 온도',
+                            borderColor: WeacoColors.accentColor,
+                            items: temperatureItemList,
+                            selectedValueIndex: 2,
+                            onChanged: (value) {
+                              log(value.toString(), name: '기온');
+                              ootdSearchViewModel.fetchFeedWhenFilterChange(
+                                seasonCodeValue: seasonItemList
+                                    .indexOf(selectedData[0] ?? ''),
+                                weatherCodeValue: weatherItemList
+                                    .indexOf(selectedData[1] ?? ''),
+                                temperatureCodeValue:
+                                    temperatureItemList.indexOf(value ?? ''),
+                              );
+                              setState(() {
+                                selectedData[2] = value;
+                              });
+                            },
+                            fontSize: 12,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                  const Padding(
+                    padding:
+                        EdgeInsets.symmetric(vertical: 8.0, horizontal: 20),
+                    child: Divider(),
+                  ),
+                  NotificationListener<UserScrollNotification>(
+                    onNotification: (UserScrollNotification notification) {
+                      if (notification.direction == ScrollDirection.reverse &&
+                          notification.metrics.maxScrollExtent * 0.85 <
+                              notification.metrics.pixels) {
+                        ootdSearchViewModel.fetchFeedWhenScroll(
+                          seasonCodeValue:
+                              seasonItemList.indexOf(selectedData[0] ?? ''),
+                          weatherCodeValue:
+                              weatherItemList.indexOf(selectedData[1] ?? ''),
+                          temperatureCodeValue: temperatureItemList
+                              .indexOf(selectedData[2] ?? ''),
+                        );
+                      }
+
+                      return false;
+                    },
+                    child: Expanded(
+                      child: Padding(
+                        padding: const EdgeInsets.symmetric(horizontal: 20),
+                        child: GridView.builder(
+                          physics: const AlwaysScrollableScrollPhysics(),
+                          itemCount: searchFeedList.length,
+                          gridDelegate:
+                              const SliverGridDelegateWithFixedCrossAxisCount(
+                            childAspectRatio: 3 / 4,
+                            crossAxisSpacing: 8,
+                            mainAxisSpacing: 8,
+                            crossAxisCount: 3,
+                          ),
+                          itemBuilder: (context, index) {
+                            return GestureDetector(
+                              onTap: () {
+                                RouterStatic.pushToOotdDetail(context,
+                                    feed: searchFeedList[index]);
+                              },
+                              child: ClipRRect(
+                                  borderRadius: BorderRadius.circular(20),
+                                  child: CachedImageWidget(
+                                    searchFeedList[index].imagePath,
+                                  )),
+                            );
+                          },
+                        ),
+                      ),
+                    ),
+                  )
+                ],
+              ),
+            ),
+          );
+  }
+
+  Widget dropDownButton(
+      {required int selectedValueIndex,
+      required String defaultText,
+      required double fontSize,
+      required List<String> items,
+      required Color borderColor,
+      required Function(String?) onChanged}) {
+    return DropdownButtonHideUnderline(
+      child: DropdownButton2<String>(
+        isExpanded: true,
+        hint: Row(
+          children: [
+            Expanded(
+              child: Text(
+                defaultText,
+                style: TextStyle(
+                  fontSize: fontSize,
+                  fontWeight: FontWeight.bold,
+                  color: Colors.black,
+                ),
+              ),
+            ),
+          ],
+        ),
+        items: items
+            .map((String item) => DropdownMenuItem<String>(
+                  value: item,
+                  child: Text(
+                    item,
+                    style: TextStyle(
+                      fontSize: fontSize,
+                      fontWeight: FontWeight.bold,
+                      color: Colors.black,
+                    ),
+                  ),
+                ))
+            .toList(),
+        value: selectedData[selectedValueIndex],
+        onChanged: (value) {
+          onChanged(value);
+        },
+        buttonStyleData: ButtonStyleData(
+          height: 40,
+          padding: const EdgeInsets.symmetric(vertical: 0, horizontal: 14),
+          decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(30),
+            border: Border.all(
+              width: 1,
+              color: borderColor,
+            ),
+            color: Colors.white,
+          ),
+          elevation: 0,
+        ),
+        iconStyleData: const IconStyleData(
+          icon: Icon(
+            color: Colors.black,
+            Icons.keyboard_arrow_down_rounded,
+          ),
+          iconSize: 18,
+        ),
+        dropdownStyleData: DropdownStyleData(
+          maxHeight: 200,
+          decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(10),
+            color: Colors.white,
+          ),
+          offset: const Offset(18, 0),
+          scrollbarTheme: ScrollbarThemeData(
+            radius: const Radius.circular(30),
+            thickness: MaterialStateProperty.all(2),
+            thumbVisibility: MaterialStateProperty.all(true),
+          ),
+        ),
+        menuItemStyleData: const MenuItemStyleData(
+          height: 35,
+          padding: EdgeInsets.symmetric(vertical: 0, horizontal: 8),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/ootd_search/view_model/ootd_search_view_model.dart b/lib/presentation/ootd_search/view_model/ootd_search_view_model.dart
new file mode 100644
index 00000000..b1c80c7a
--- /dev/null
+++ b/lib/presentation/ootd_search/view_model/ootd_search_view_model.dart
@@ -0,0 +1,154 @@
+import 'dart:developer';
+
+import 'package:flutter/cupertino.dart';
+import 'package:weaco/core/enum/season_code.dart';
+import 'package:weaco/core/enum/temperature_code.dart';
+import 'package:weaco/core/enum/weather_code.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/get_search_feeds_use_case.dart';
+
+class OotdSearchViewModel with ChangeNotifier {
+  final GetSearchFeedsUseCase _getSearchFeedsUseCase;
+
+  OotdSearchViewModel({required GetSearchFeedsUseCase getSearchFeedsUseCase})
+      : _getSearchFeedsUseCase = getSearchFeedsUseCase {
+    getInitialFeedList();
+  }
+
+  static const _fetchCount = 21;
+  static const _fetchMoreCount = 9;
+
+  List<Feed> _searchFeedList = [];
+
+  bool _isPageLoading = false;
+  bool _isFeedListLoading = false;
+  bool _isFeedListReachEnd = false;
+
+  DateTime _lastFeedDateTime = DateTime.now();
+
+  List<Feed> get searchFeedList => _searchFeedList;
+
+  bool get isPageLoading => _isPageLoading;
+
+  bool get isFeedListLoading => _isFeedListLoading;
+
+  void changePageLoadingStatus(bool status) {
+    _isPageLoading = status;
+    notifyListeners();
+  }
+
+  void changeFeedListLoadingStatus(bool status) {
+    _isFeedListLoading = status;
+    notifyListeners();
+  }
+
+  void changeIsFeedListReachEndStatus(bool status) {
+    _isFeedListReachEnd = status;
+    notifyListeners();
+  }
+
+  void setLastFeedDateTime() {
+    if (_searchFeedList.isNotEmpty) {
+      _lastFeedDateTime = _searchFeedList[_searchFeedList.length - 1].createdAt;
+
+      notifyListeners();
+    }
+  }
+
+  void _clearFeedList() {
+    _searchFeedList.clear();
+    notifyListeners();
+  }
+
+  Future<void> getInitialFeedList() async {
+    changePageLoadingStatus(true);
+    try {
+      _searchFeedList = await _getSearchFeedsUseCase.execute(
+        limit: _fetchCount,
+      );
+    } on Exception catch (e) {
+      log(e.toString(), name: 'OotdSearchViewModel.fetchInitialFeedList()');
+    }
+
+    changePageLoadingStatus(false);
+    setLastFeedDateTime();
+
+    notifyListeners();
+  }
+
+  Future<void> fetchFeedWhenFilterChange(
+      {int weatherCodeValue = 0,
+      int seasonCodeValue = 0,
+      int temperatureCodeValue = 0}) async {
+    // 넘어온 코드가 0일 경우도 선택 안된 것, (null과 동일)
+    log('fetchFeedWhenFilterChange 호출 (seasonCodeValue: $seasonCodeValue, weatherCodeValue: $weatherCodeValue, temperatureCodeValue: $temperatureCodeValue');
+
+    final seasonCode = SeasonCode.fromValue(seasonCodeValue);
+    final weatherCode = WeatherCode.fromValue(weatherCodeValue);
+    final temperatureCode = TemperatureCode.fromValue(temperatureCodeValue);
+    log('fetchFeedWhenFilterChange 호출 (seasonCodeValue: $seasonCode, weatherCodeValue: $weatherCode, temperatureCodeValue: $temperatureCode');
+
+    // 요청 보내기
+    _clearFeedList();
+    changeFeedListLoadingStatus(true);
+
+    final result = await _getSearchFeedsUseCase.execute(
+      limit: _fetchCount,
+      createdAt: null,
+      seasonCode: seasonCode.value <= 0 ? null : seasonCode.value,
+      weatherCode: weatherCode.value <= 0 ? null : weatherCode.value,
+      minTemperature: temperatureCode.value <= 0 ? null :  temperatureCode.minTemperature,
+      maxTemperature: temperatureCode.value <= 0 ? null :  temperatureCode.maxTemperature,
+    );
+
+    _searchFeedList.addAll(result);
+
+    changeFeedListLoadingStatus(false);
+    setLastFeedDateTime();
+
+    notifyListeners();
+  }
+
+  Future<void> fetchFeedWhenScroll(
+      {int weatherCodeValue = 0,
+      int seasonCodeValue = 0,
+      int temperatureCodeValue = 0}) async {
+    // 넘어온 코드가 0일 경우도 선택 안된 것, (null과 동일)
+    final seasonCode = SeasonCode.fromValue(seasonCodeValue);
+    final weatherCode = WeatherCode.fromValue(weatherCodeValue);
+    final temperatureCode = TemperatureCode.fromValue(temperatureCodeValue);
+    log('fetchFeedWhenFilterChange 호출 (seasonCodeValue: $seasonCode, weatherCodeValue: $weatherCode, temperatureCodeValue: $temperatureCode');
+
+    // 모든 피드를 다 불러왔음을 확인하는 플래그값 true 일 때
+    // -> 피드 페이지네이션 요청 차단
+    if (_isFeedListReachEnd) return;
+
+    // 요청 보내기
+    if (!_isFeedListLoading) {
+      changeFeedListLoadingStatus(true);
+
+      final result = await _getSearchFeedsUseCase.execute(
+        limit: _fetchMoreCount,
+        createdAt: _lastFeedDateTime,
+        seasonCode: seasonCode.value <= 0 ? null : seasonCode.value,
+        weatherCode: weatherCode.value <= 0 ? null : weatherCode.value,
+        minTemperature: temperatureCode.value <= 0 ? null :  temperatureCode.minTemperature,
+        maxTemperature: temperatureCode.value <= 0 ? null :  temperatureCode.maxTemperature,
+      );
+
+      _searchFeedList.addAll(result);
+
+      log('feed fetched', name: 'UserPageViewModel.fetchFeed()');
+
+      if (result.length < _fetchMoreCount) {
+        changeIsFeedListReachEndStatus(true);
+        log('feed list reaches end!', name: 'UserPageViewModel.fetchFeed()');
+      }
+
+      setLastFeedDateTime();
+      changeFeedListLoadingStatus(false);
+
+      notifyListeners();
+    }
+  }
+}
diff --git a/lib/presentation/settings/screen/app_setting_policy_screen.dart b/lib/presentation/settings/screen/app_setting_policy_screen.dart
new file mode 100644
index 00000000..0dfbc40c
--- /dev/null
+++ b/lib/presentation/settings/screen/app_setting_policy_screen.dart
@@ -0,0 +1,65 @@
+import 'package:flutter/material.dart';
+import 'package:webview_flutter/webview_flutter.dart';
+
+class AppSettingPolicyScreen extends StatefulWidget {
+  const AppSettingPolicyScreen({super.key});
+
+  @override
+  State<AppSettingPolicyScreen> createState() => _AppSettingPolicyScreenState();
+}
+
+class _AppSettingPolicyScreenState extends State<AppSettingPolicyScreen> {
+  bool _isPageLoading = true;
+  late final WebViewController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+
+    late final PlatformWebViewControllerCreationParams params;
+
+    params = const PlatformWebViewControllerCreationParams();
+
+    final WebViewController controller =
+        WebViewController.fromPlatformCreationParams(params);
+
+    controller
+      ..loadRequest(Uri.parse('https://sites.google.com/view/weaco/'))
+      ..setNavigationDelegate(
+        NavigationDelegate(
+          onPageStarted: (_) {
+            setState(() => _isPageLoading = true);
+          },
+          onPageFinished: (_) {
+            setState(() => _isPageLoading = false);
+          },
+        ),
+      );
+
+    _controller = controller;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.white,
+      appBar: AppBar(
+        title: const Text(
+          '개인정보처리방침',
+          style: TextStyle(fontSize: 16, color: Colors.black),
+        ),
+        backgroundColor: Colors.white,
+      ),
+      body: Stack(
+        children: [
+          WebViewWidget(controller: _controller),
+          if (_isPageLoading)
+            Stack(children: [
+              Container(color: Colors.white),
+              const Center(child: CircularProgressIndicator()),
+            ]),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/settings/screen/app_setting_screen.dart b/lib/presentation/settings/screen/app_setting_screen.dart
new file mode 100644
index 00000000..b1ada6bf
--- /dev/null
+++ b/lib/presentation/settings/screen/app_setting_screen.dart
@@ -0,0 +1,155 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/core/enum/router_path.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/presentation/common/enum/exception_alert.dart';
+import 'package:weaco/presentation/common/user_provider.dart';
+import 'package:weaco/presentation/common/util/alert_util.dart';
+import 'package:weaco/presentation/settings/view_model/app_setting_view_model.dart';
+
+class AppSettingScreen extends StatefulWidget {
+  const AppSettingScreen({super.key});
+
+  @override
+  State<AppSettingScreen> createState() => _AppSettingScreenState();
+}
+
+class _AppSettingScreenState extends State<AppSettingScreen> {
+  @override
+  void initState() {
+    super.initState();
+    context.read<AppSettingViewModel>().getPackageInfo();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final viewModel = context.watch<AppSettingViewModel>();
+    final versionInfo = viewModel.packageInfo;
+
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('설정'),
+        centerTitle: true,
+        backgroundColor: Theme.of(context).scaffoldBackgroundColor,
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(18.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            TextButton(
+              onPressed: () => RouterStatic.pushToAppSettingLicense(context),
+              style: TextButton.styleFrom(
+                minimumSize: const Size(double.infinity, 18),
+                alignment: Alignment.centerLeft,
+              ),
+              child: Text(
+                '라이선스',
+                style: Theme.of(context).textTheme.headlineMedium,
+              ),
+            ),
+            const SizedBox(height: 8),
+            TextButton(
+              onPressed: () => RouterStatic.pushToAppSettingPolicy(context),
+              style: TextButton.styleFrom(
+                minimumSize: const Size(double.infinity, 18),
+                alignment: Alignment.centerLeft,
+              ),
+              child: Text(
+                '개인정보처리방침',
+                style: Theme.of(context).textTheme.headlineMedium,
+              ),
+            ),
+            const SizedBox(height: 8),
+            TextButton(
+              onPressed: () => AlertUtil.showAlert(
+                context: context,
+                exceptionAlert: ExceptionAlert.dialogTwoButton,
+                message: '로그아웃 하시겠습니까?',
+                leftButtonText: '취소',
+                rightButtonText: '확인',
+                onPressedLeft: () => Navigator.of(context).pop(),
+                onPressedRight: _logOutSubmit,
+              ),
+              style: TextButton.styleFrom(
+                minimumSize: const Size(double.infinity, 18),
+                alignment: Alignment.centerLeft,
+              ),
+              child: Text(
+                '로그아웃',
+                style: Theme.of(context).textTheme.headlineMedium,
+              ),
+            ),
+            const SizedBox(height: 8),
+            TextButton(
+              onPressed: () => AlertUtil.showAlert(
+                context: context,
+                exceptionAlert: ExceptionAlert.dialogTwoButton,
+                message: '회원탈퇴 하시겠습니까?',
+                leftButtonText: '취소',
+                rightButtonText: '확인',
+                onPressedLeft: () => Navigator.of(context).pop(),
+                onPressedRight: _signOutSubmit,
+              ),
+              style: TextButton.styleFrom(
+                minimumSize: const Size(double.infinity, 18),
+                alignment: Alignment.centerLeft,
+              ),
+              child: Text(
+                '회원탈퇴',
+                style: Theme.of(context).textTheme.headlineMedium,
+              ),
+            ),
+            const Spacer(),
+            Center(child: Text('버전 v ${versionInfo?.version ?? '0.0.0.'}')),
+          ],
+        ),
+      ),
+    );
+  }
+
+  void _logOutSubmit() {
+    context.pop();
+
+    context.read<AppSettingViewModel>().logOut().then((value) {
+      if (value) {
+        context.read<UserProvider>().signOut();
+
+        AlertUtil.showAlert(
+            context: context,
+            exceptionAlert: ExceptionAlert.snackBar,
+            message: '로그아웃에 성공했습니다.');
+
+        RouterStatic.clearAndNavigate(context, RouterPath.defaultPage.path);
+      } else {
+        AlertUtil.showAlert(
+            context: context,
+            exceptionAlert: ExceptionAlert.snackBar,
+            message: '로그아웃에 실패했습니다.');
+      }
+    });
+  }
+
+  void _signOutSubmit() {
+    context.pop();
+
+    context.read<AppSettingViewModel>().signOut().then((value) {
+      if (value) {
+        context.read<UserProvider>().signOut();
+
+        AlertUtil.showAlert(
+            context: context,
+            exceptionAlert: ExceptionAlert.snackBar,
+            message: '회원탈퇴에 성공했습니다.');
+
+        RouterStatic.clearAndNavigate(context, RouterPath.defaultPage.path);
+      } else {
+        AlertUtil.showAlert(
+            context: context,
+            exceptionAlert: ExceptionAlert.snackBar,
+            message: '회원탈퇴에 실패했습니다.');
+      }
+    });
+  }
+}
diff --git a/lib/presentation/settings/view_model/app_setting_view_model.dart b/lib/presentation/settings/view_model/app_setting_view_model.dart
new file mode 100644
index 00000000..b32dd8b3
--- /dev/null
+++ b/lib/presentation/settings/view_model/app_setting_view_model.dart
@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+import 'package:package_info_plus/package_info_plus.dart';
+import 'package:weaco/domain/user/use_case/log_out_use_case.dart';
+import 'package:weaco/domain/user/use_case/sign_out_use_case.dart';
+
+class AppSettingViewModel with ChangeNotifier {
+  final LogOutUseCase _logOutUseCase;
+  final SignOutUseCase _signOutUseCase;
+
+  AppSettingViewModel({
+    required LogOutUseCase logOutUseCase,
+    required SignOutUseCase signOutUseCase,
+  })  : _logOutUseCase = logOutUseCase,
+        _signOutUseCase = signOutUseCase;
+
+  PackageInfo? _packageInfo;
+  String? _errorMessage;
+  bool _isLoading = true;
+
+  String? get errorMessage => _errorMessage;
+
+  bool get isLoading => _isLoading;
+
+  PackageInfo? get packageInfo => _packageInfo;
+
+  /// 패키지 정보를 가져오는 메서드
+  Future<void> getPackageInfo() async {
+    try {
+      final info = await PackageInfo.fromPlatform();
+      _packageInfo = info;
+    } catch (e) {
+      _errorMessage = e.toString();
+    } finally {
+      _isLoading = false;
+      notifyListeners();
+    }
+  }
+
+  /// 로그아웃 성공 시, true 반환
+  Future<bool> logOut() async {
+    try {
+      return await _logOutUseCase.execute();
+    } catch (e) {
+      return false;
+    }
+  }
+
+  /// 회원탈퇴 성공 시, true 반환
+  Future<bool> signOut() async {
+    try {
+      return await _signOutUseCase.execute();
+    } catch (e) {
+      return false;
+    }
+  }
+}
diff --git a/lib/presentation/sign_in/screen/sign_in_screen.dart b/lib/presentation/sign_in/screen/sign_in_screen.dart
new file mode 100644
index 00000000..696ba353
--- /dev/null
+++ b/lib/presentation/sign_in/screen/sign_in_screen.dart
@@ -0,0 +1,339 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/core/util/validation_util.dart';
+import 'package:weaco/presentation/common/style/image_path.dart';
+import 'package:weaco/presentation/common/user_provider.dart';
+import 'package:weaco/presentation/common/util/alert_util.dart';
+import 'package:weaco/presentation/sign_in/view_model/sign_in_view_model.dart';
+
+import '../../common/enum/exception_alert.dart';
+
+class SignInScreen extends StatefulWidget {
+  const SignInScreen({super.key});
+
+  @override
+  State<SignInScreen> createState() => _SignInScreenState();
+}
+
+class _SignInScreenState extends State<SignInScreen> {
+  final TextEditingController emailFormController = TextEditingController();
+  final TextEditingController passwordFormController = TextEditingController();
+  final FocusNode focusNode = FocusNode();
+  bool isSignInButtonEnabled = false;
+  bool isSignInSubmit = false;
+
+  @override
+  void dispose() {
+    emailFormController.dispose();
+    passwordFormController.dispose();
+    focusNode.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: Colors.transparent,
+        surfaceTintColor: Colors.transparent,
+        elevation: 0,
+      ),
+      body: SafeArea(
+        child: Column(
+          children: [
+            Expanded(
+              child: Center(
+                child: SingleChildScrollView(
+                  child: Column(
+                    children: [
+                      Padding(
+                        padding: const EdgeInsets.only(bottom: 30),
+                        child: Image.asset(
+                          ImagePath.weacoLogoWithTypo,
+                          width: 180,
+                        ),
+                      ),
+                      _buildLoginTexts(),
+                      _buildLoginForm(),
+                    ],
+                  ),
+                ),
+              ),
+            ),
+            _buildBottomSheet(),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildLoginTexts() {
+    return const Column(
+      children: [
+        Text(
+          '로그인이 필요합니다.',
+          textAlign: TextAlign.center,
+          style: TextStyle(
+            color: Color(0xFF1A1C29),
+            fontSize: 20,
+            fontWeight: FontWeight.w700,
+          ),
+        ),
+        SizedBox(height: 10),
+        Text(
+          'Weaco 서비스를 더 이용하시려면\n로그인이 필요해요.',
+          textAlign: TextAlign.center,
+          style: TextStyle(
+            color: Color(0xFF7E7E7E),
+            fontSize: 15,
+            fontWeight: FontWeight.w400,
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildLoginForm() {
+    return SizedBox(
+      width: double.infinity,
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        mainAxisAlignment: MainAxisAlignment.start,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Container(
+            padding: const EdgeInsets.only(left: 20, right: 20, top: 16),
+            width: double.infinity,
+            child: Column(
+              children: [
+                TextFormField(
+                  controller: emailFormController,
+                  autofocus: true,
+                  textInputAction: TextInputAction.next,
+                  onFieldSubmitted: (value) {
+                    FocusScope.of(context).requestFocus(focusNode);
+                  },
+                  cursorColor: const Color(0xFFFDCE55),
+                  decoration: InputDecoration(
+                    hintText: '이메일',
+                    hintStyle: const TextStyle(
+                      color: Color(0xFF797979),
+                      fontSize: 16,
+                      fontWeight: FontWeight.w400,
+                    ),
+                    border: InputBorder.none,
+                    fillColor: const Color(0xFFF3F3F3),
+                    filled: true,
+                    contentPadding: const EdgeInsets.symmetric(horizontal: 20),
+                    enabledBorder: OutlineInputBorder(
+                      borderSide:
+                          const BorderSide(width: 2, color: Color(0xFFD9D9D9)),
+                      borderRadius: BorderRadius.circular(14),
+                    ),
+                    focusedBorder: OutlineInputBorder(
+                      borderSide:
+                          const BorderSide(width: 2, color: Color(0xFFFDCE55)),
+                      borderRadius: BorderRadius.circular(14),
+                    ),
+                    focusedErrorBorder: OutlineInputBorder(
+                      borderSide:
+                          const BorderSide(width: 2, color: Color(0xFFD00B0B)),
+                      borderRadius: BorderRadius.circular(14),
+                    ),
+                    errorBorder: OutlineInputBorder(
+                      borderSide:
+                          const BorderSide(width: 2, color: Color(0xFFD00B0B)),
+                      borderRadius: BorderRadius.circular(14),
+                    ),
+                    errorStyle: const TextStyle(color: Color(0xFFD00B0B)),
+                    errorText: _checkEmailErrorText(),
+                  ),
+                  onChanged: (value) {
+                    _isValidateForm();
+                  },
+                ),
+                const SizedBox(height: 8),
+                TextFormField(
+                  controller: passwordFormController,
+                  focusNode: focusNode,
+                  textInputAction: TextInputAction.done,
+                  onFieldSubmitted: (_) {
+                    _signInSubmit();
+                  },
+                  cursorColor: const Color(0xFFFDCE55),
+                  obscureText: true,
+                  decoration: InputDecoration(
+                      hintText: '비밀번호',
+                      hintStyle: const TextStyle(
+                        color: Color(0xFF797979),
+                        fontSize: 16,
+                        fontWeight: FontWeight.w400,
+                      ),
+                      border: InputBorder.none,
+                      fillColor: const Color(0xFFF3F3F3),
+                      filled: true,
+                      contentPadding:
+                          const EdgeInsets.symmetric(horizontal: 20),
+                      enabledBorder: OutlineInputBorder(
+                        borderSide: const BorderSide(
+                            width: 2, color: Color(0xFFD9D9D9)),
+                        borderRadius: BorderRadius.circular(14),
+                      ),
+                      focusedBorder: OutlineInputBorder(
+                        borderSide: const BorderSide(
+                            width: 2, color: Color(0xFFFDCE55)),
+                        borderRadius: BorderRadius.circular(14),
+                      ),
+                      focusedErrorBorder: OutlineInputBorder(
+                        borderSide: const BorderSide(
+                            width: 2, color: Color(0xFFD00B0B)),
+                        borderRadius: BorderRadius.circular(14),
+                      ),
+                      errorBorder: OutlineInputBorder(
+                        borderSide: const BorderSide(
+                            width: 2, color: Color(0xFFD00B0B)),
+                        borderRadius: BorderRadius.circular(14),
+                      ),
+                      errorStyle: const TextStyle(color: Color(0xFFD00B0B)),
+                      errorText: _checkPasswordErrorText()),
+                  onChanged: (value) {
+                    _isValidateForm();
+                  },
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildBottomSheet() {
+    return Container(
+      width: double.infinity,
+      height: !_isSignUpButtonVisible ? 62 : 116,
+      padding: const EdgeInsets.symmetric(horizontal: 20),
+      color: const Color(0xffF5F5F5),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          _buildSignInButtons(),
+          if (_isSignUpButtonVisible) _buildSignUpButtons(),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildSignInButtons() {
+    return Container(
+      padding: const EdgeInsets.symmetric(vertical: 4),
+      width: double.infinity,
+      height: 54,
+      child: InkWell(
+        onTap: _signInSubmit,
+        child: Container(
+          decoration: BoxDecoration(
+            color: isSignInButtonEnabled
+                ? const Color(0xFFFDCE55)
+                : const Color(0xFFD9D9D9),
+            borderRadius: BorderRadius.circular(14),
+          ),
+          padding: const EdgeInsets.symmetric(horizontal: 20),
+          alignment: Alignment.center,
+          child: const Text(
+            '로그인하기',
+            style: TextStyle(
+              color: Colors.white,
+              fontSize: 16,
+              fontWeight: FontWeight.w600,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildSignUpButtons() {
+    return SizedBox(
+      width: double.infinity,
+      height: 54,
+      child: InkWell(
+        onTap: () => RouterStatic.pushToSignUp(context),
+        child: Container(
+          decoration: BoxDecoration(
+            color: Colors.transparent,
+            borderRadius: BorderRadius.circular(14),
+          ),
+          padding: const EdgeInsets.symmetric(horizontal: 20),
+          alignment: Alignment.center,
+          child: const Text(
+            '회원가입',
+            style: TextStyle(
+              color: Color(0xFF292929),
+              fontSize: 16,
+              fontWeight: FontWeight.w400,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  void _signInSubmit() {
+    if (isSignInButtonEnabled == false) return;
+
+    final SignInViewModel signInViewModel = context.read<SignInViewModel>();
+
+    if (isSignInSubmit) {
+      AlertUtil.showAlert(
+          context: context,
+          exceptionAlert: ExceptionAlert.snackBar,
+          message: '이미 로그인 시도하였습니다.');
+      return;
+    }
+
+    signInViewModel
+        .signIn(
+            email: emailFormController.text,
+            password: passwordFormController.text)
+        .then((_) {
+      context.read<UserProvider>().signIn(email: emailFormController.text);
+      RouterStatic.goToDefault(context);
+    }).catchError((e) {
+      AlertUtil.showAlert(
+        context: context,
+        exceptionAlert: signInViewModel.exceptionState?.exceptionAlert ??
+            ExceptionAlert.snackBar,
+        message: signInViewModel.exceptionState?.message ?? '$e',
+      );
+    });
+    isSignInSubmit = true;
+  }
+
+  void _isValidateForm() {
+    isSignInSubmit = false;
+    isSignInButtonEnabled =
+        (RegValidationUtil.isValidEmail(emailFormController.text) &&
+            RegValidationUtil.isValidPassword(passwordFormController.text));
+    setState(() {});
+  }
+
+  bool get _isSignUpButtonVisible {
+    return MediaQuery.of(context).viewInsets.bottom == 0;
+  }
+
+  String? _checkEmailErrorText() {
+    return (emailFormController.text.isEmpty ||
+            RegValidationUtil.isValidEmail(emailFormController.text))
+        ? null
+        : '이메일 형식이 올바르지 않습니다';
+  }
+
+  String? _checkPasswordErrorText() {
+    return (passwordFormController.text.isEmpty ||
+            RegValidationUtil.isValidPassword(passwordFormController.text))
+        ? null
+        : '비밀번호는 8자 이상, 숫자, 특수문자를 포함해야 합니다';
+  }
+}
diff --git a/lib/presentation/sign_in/view_model/sign_in_view_model.dart b/lib/presentation/sign_in/view_model/sign_in_view_model.dart
new file mode 100644
index 00000000..b8e55115
--- /dev/null
+++ b/lib/presentation/sign_in/view_model/sign_in_view_model.dart
@@ -0,0 +1,58 @@
+import 'package:firebase_core/firebase_core.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:weaco/core/exception/custom_business_exception.dart';
+import 'package:weaco/domain/user/model/user_auth.dart';
+import 'package:weaco/domain/user/use_case/sign_in_use_case.dart';
+import 'package:weaco/presentation/common/enum/exception_alert.dart';
+import 'package:weaco/presentation/common/state/exception_state.dart';
+
+class SignInViewModel extends ChangeNotifier {
+  final SignInUseCase _signInUseCase;
+  ExceptionState? exceptionState;
+
+  SignInViewModel({
+    required SignInUseCase signInUseCase,
+  }) : _signInUseCase = signInUseCase;
+
+  Future<void> signIn({
+    required String email,
+    required String password,
+  }) async {
+    try {
+      await _signInUseCase.execute(
+          userAuth: UserAuth(email: email, password: password));
+    } on CustomBusinessException catch (e) {
+      exceptionState = ExceptionState(
+          message: e.message, exceptionAlert: ExceptionAlert.dialog);
+
+      rethrow;
+    } catch (e) {
+      String? message;
+      if (e is FirebaseException) {
+        message = switch (e.code) {
+          'user-not-found' => '존재하지 않는 유저입니다.',
+          'wrong-password' => '비밀번호가 맞지 않습니다.',
+          'email-already-in-use' => '이미 가입된 이메일입니다.',
+          'invalid-email' => '이메일 형식이 올바르지 못합니다.',
+          'operation-not-allowed' => '허용되지 않는 요청입니다.',
+          'weak-password' => '비밀번호 형식이 안전하지 않습니다.',
+          'network-request-failed' => '네트워크가 불안정 합니다.',
+          'too-many-requests' => '요청이 너무 많습니다.',
+          'user-disabled' => '이미 탈퇴한 회원입니다.',
+          'invalid-credential' => '이메일과 비밀번호를 확인해주세요.',
+          _ => null,
+        };
+      }
+
+      exceptionState = ExceptionState(
+          message: message ?? '로그인에 실패 하였습니다.',
+          exceptionAlert: ExceptionAlert.snackBar);
+
+      rethrow;
+    }
+  }
+
+  void clearExceptionState() {
+    exceptionState = null;
+  }
+}
diff --git a/lib/presentation/sign_up/screen/sign_up_screen.dart b/lib/presentation/sign_up/screen/sign_up_screen.dart
new file mode 100644
index 00000000..8b270790
--- /dev/null
+++ b/lib/presentation/sign_up/screen/sign_up_screen.dart
@@ -0,0 +1,379 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/presentation/common/style/image_path.dart';
+import 'package:weaco/core/enum/gender_code.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/core/util/validation_util.dart';
+import 'package:weaco/presentation/common/enum/exception_alert.dart';
+import 'package:weaco/presentation/common/user_provider.dart';
+import 'package:weaco/presentation/common/util/alert_util.dart';
+import 'package:weaco/presentation/sign_up/view_model/sign_up_view_model.dart';
+
+class SignUpScreen extends StatefulWidget {
+  const SignUpScreen({super.key});
+
+  @override
+  State<SignUpScreen> createState() => _SignUpScreenState();
+}
+
+class _SignUpScreenState extends State<SignUpScreen> {
+  final TextEditingController emailFormController = TextEditingController();
+  final TextEditingController passwordFormController = TextEditingController();
+  final TextEditingController passwordConfirmFormController =
+      TextEditingController();
+  final TextEditingController nicknameFormController = TextEditingController();
+  final FocusNode focusNode = FocusNode();
+  bool isSignUpButtonEnabled = false;
+  bool isSignUpSubmit = false;
+  GenderCode selectedGender = GenderCode.unknown;
+
+  @override
+  void dispose() {
+    emailFormController.dispose();
+    passwordFormController.dispose();
+    passwordConfirmFormController.dispose();
+    nicknameFormController.dispose();
+    focusNode.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: Colors.transparent,
+        surfaceTintColor: Colors.transparent,
+        elevation: 0,
+      ),
+      body: Column(
+        children: [
+          Expanded(
+            child: SingleChildScrollView(
+              child: Padding(
+                padding: const EdgeInsets.only(top: 50, left: 20, right: 20),
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.start,
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    _buildHeader(),
+                    const SizedBox(height: 16),
+                    _buildForm(),
+                  ],
+                ),
+              ),
+            ),
+          ),
+          _buildSignUpButtons(),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildHeader() {
+    return Container(
+      width: double.infinity,
+      padding: const EdgeInsets.symmetric(horizontal: 8),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Image(
+            image: Image.asset(ImagePath.weacoLogoWithTypo).image,
+            width: 80,
+            height: 80,
+          ),
+          const SizedBox(height: 8),
+          const Text(
+            '회원가입',
+            style: TextStyle(
+              color: Color(0xFF1A1C29),
+              fontSize: 20,
+              fontWeight: FontWeight.w700,
+            ),
+          ),
+          const SizedBox(height: 8),
+          const Text(
+            '첫 회원가입이네요! 기본정보를 입력해주세요',
+            style: TextStyle(
+              color: Color(0xFF797979),
+              fontSize: 15,
+              fontWeight: FontWeight.w400,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildForm() {
+    return SizedBox(
+      // width: double.infinity,
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          _buildInputField(
+            labelText: '이메일',
+            controller: emailFormController,
+            isAutoFocus: true,
+          ),
+          _buildInputField(
+            labelText: '비밀번호',
+            controller: passwordFormController,
+            isObscureText: true,
+          ),
+          _buildInputField(
+            labelText: '비밀번호 확인',
+            controller: passwordConfirmFormController,
+            isObscureText: true,
+          ),
+          _buildInputField(
+            labelText: '닉네임',
+            controller: nicknameFormController,
+          ),
+          _buildGenderSelection(),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildInputField({
+    required String labelText,
+    required TextEditingController controller,
+    bool isObscureText = false,
+    bool isAutoFocus = false,
+  }) {
+    return Container(
+      width: double.infinity,
+      padding: const EdgeInsets.only(bottom: 4),
+      child: Column(
+        children: [
+          TextFormField(
+            controller: controller,
+            obscureText: isObscureText,
+            autofocus: isAutoFocus,
+            textInputAction: labelText == '닉네임'
+                ? TextInputAction.done
+                : TextInputAction.next,
+            onFieldSubmitted: (_) {
+              if (labelText == '닉네임') {
+                _signUpSubmit();
+              }
+            },
+            cursorColor: const Color(0xFFFDCE55),
+            decoration: InputDecoration(
+              hintText: labelText,
+              hintStyle: const TextStyle(
+                color: Color(0xFF797979),
+                fontSize: 16,
+                fontWeight: FontWeight.w400,
+              ),
+              border: InputBorder.none,
+              fillColor: const Color(0xFFF3F3F3),
+              filled: true,
+              contentPadding: const EdgeInsets.symmetric(horizontal: 16),
+              enabledBorder: OutlineInputBorder(
+                borderSide:
+                    const BorderSide(width: 2, color: Color(0xFFD9D9D9)),
+                borderRadius: BorderRadius.circular(14),
+              ),
+              focusedBorder: OutlineInputBorder(
+                borderSide:
+                    const BorderSide(width: 2, color: Color(0xFFFDCE55)),
+                borderRadius: BorderRadius.circular(14),
+              ),
+              focusedErrorBorder: OutlineInputBorder(
+                borderSide:
+                    const BorderSide(width: 2, color: Color(0xFFD00B0B)),
+                borderRadius: BorderRadius.circular(14),
+              ),
+              errorBorder: OutlineInputBorder(
+                borderSide:
+                    const BorderSide(width: 2, color: Color(0xFFD00B0B)),
+                borderRadius: BorderRadius.circular(14),
+              ),
+              errorStyle: const TextStyle(color: Color(0xFFD00B0B)),
+              errorText: _checkErrorText(labelText),
+            ),
+            onChanged: (value) {
+              _isValidateForm();
+            },
+          ),
+          const SizedBox(
+            height: 8,
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildGenderSelection() {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        Expanded(
+          child: GestureDetector(
+            onTap: () => _handleGenderSelection(GenderCode.man),
+            child: _buildGenderOption(
+                GenderCode.man.name, selectedGender == GenderCode.man),
+          ),
+        ),
+        const SizedBox(width: 16), // Add some space between
+        Expanded(
+          child: GestureDetector(
+            onTap: () => _handleGenderSelection(GenderCode.women),
+            child: _buildGenderOption(
+                GenderCode.women.name, selectedGender == GenderCode.women),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildGenderOption(String gender, bool isSelected) {
+    return Container(
+      height: 56,
+      decoration: BoxDecoration(
+        color: const Color(0xF5F5F5FF),
+        borderRadius: BorderRadius.circular(14),
+        border: Border.all(
+          color: isSelected ? const Color(0xFFFDCE55) : const Color(0xFFD9D9D9),
+          width: 2,
+        ),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 16),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.start,
+          children: [
+            Icon(
+              Icons.check_circle,
+              color: isSelected
+                  ? const Color(0xFFFDCE55)
+                  : const Color(0xFFD9D9D9),
+            ),
+            const SizedBox(width: 8),
+            // Add some space between the icon and the text
+            Text(
+              gender,
+              style: const TextStyle(
+                color: Color(0xFF1A1C29),
+                fontSize: 16,
+                fontWeight: FontWeight.w500,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildSignUpButtons() {
+    return Container(
+      padding: const EdgeInsets.only(left: 16, right: 16, bottom: 8, top: 8),
+      color: const Color(0xffF5F5F5),
+      child: InkWell(
+        onTap: isSignUpButtonEnabled ? _signUpSubmit : null,
+        child: Container(
+          height: 54,
+          decoration: BoxDecoration(
+            color: isSignUpButtonEnabled
+                ? const Color(0xFFFDCE55)
+                : const Color(0xFFD9D9D9),
+            borderRadius: BorderRadius.circular(14),
+          ),
+          alignment: Alignment.center,
+          child: const Text(
+            '가입하기',
+            style: TextStyle(
+              color: Color(0xF5F5F5FF),
+              fontSize: 16,
+              fontWeight: FontWeight.w600,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  void _signUpSubmit() {
+    if (isSignUpButtonEnabled == false) return;
+
+    if (isSignUpSubmit) {
+      AlertUtil.showAlert(
+          context: context,
+          exceptionAlert: ExceptionAlert.snackBar,
+          message: '이미 회원가입을 시도하였습니다.');
+      return;
+    }
+
+    final SignUpViewModel signUpViewModel = context.read<SignUpViewModel>();
+    signUpViewModel
+        .signUp(
+      email: emailFormController.text,
+      password: passwordFormController.text,
+      nickname: nicknameFormController.text,
+      genderCode: selectedGender,
+    )
+        .then(
+      (_) {
+        context.read<UserProvider>().signIn(email: emailFormController.text);
+        AlertUtil.showAlert(
+          context: context,
+          exceptionAlert: ExceptionAlert.dialog,
+          message: '회원가입에 성공하였습니다.',
+          buttonText: '둘러보기',
+          onPressedCheck: () => RouterStatic.goToDefault(context),
+        );
+      },
+    ).catchError((e) {
+      AlertUtil.showAlert(
+        context: context,
+        exceptionAlert: signUpViewModel.exceptionState!.exceptionAlert,
+        message: signUpViewModel.exceptionState!.message,
+      );
+    });
+    isSignUpSubmit = true;
+  }
+
+  void _isValidateForm() {
+    isSignUpButtonEnabled =
+        (RegValidationUtil.isValidEmail(emailFormController.text) &&
+            RegValidationUtil.isValidPassword(passwordFormController.text) &&
+            RegValidationUtil.isValidNickname(nicknameFormController.text) &&
+            RegValidationUtil.isValidConfirmPassword(
+                passwordFormController.text,
+                passwordConfirmFormController.text) &&
+            selectedGender != GenderCode.unknown);
+    setState(() {});
+  }
+
+  void _handleGenderSelection(GenderCode genderCode) {
+    selectedGender = genderCode;
+    _isValidateForm();
+  }
+
+  String? _checkErrorText(String label) {
+    isSignUpSubmit = false;
+
+    return switch (label) {
+      '이메일' => emailFormController.text.isEmpty ||
+              RegValidationUtil.isValidEmail(emailFormController.text)
+          ? null
+          : '이메일 형식이 올바르지 않습니다',
+      '비밀번호' => passwordFormController.text.isEmpty ||
+              RegValidationUtil.isValidPassword(passwordFormController.text)
+          ? null
+          : '비밀번호는 8자 이상, 숫자, 특수문자를 포함해야 합니다',
+      '비밀번호 확인' => passwordConfirmFormController.text.isEmpty ||
+              RegValidationUtil.isValidConfirmPassword(
+                  passwordFormController.text,
+                  passwordConfirmFormController.text)
+          ? null
+          : '비밀번호가 일치하지 않습니다',
+      '닉네임' => nicknameFormController.text.isEmpty ||
+              RegValidationUtil.isValidNickname(nicknameFormController.text)
+          ? null
+          : '닉네임은 한글 또는 영문 3자 이상이어야 합니다',
+      _ => null,
+    };
+  }
+}
diff --git a/lib/presentation/sign_up/view_model/sign_up_view_model.dart b/lib/presentation/sign_up/view_model/sign_up_view_model.dart
new file mode 100644
index 00000000..b7525cf9
--- /dev/null
+++ b/lib/presentation/sign_up/view_model/sign_up_view_model.dart
@@ -0,0 +1,80 @@
+import 'dart:math';
+
+import 'package:firebase_core/firebase_core.dart';
+import 'package:flutter/foundation.dart';
+import 'package:weaco/core/enum/gender_code.dart';
+import 'package:weaco/core/exception/custom_business_exception.dart';
+import 'package:weaco/domain/user/model/profile_image.dart';
+import 'package:weaco/domain/user/model/user_auth.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/use_case/get_profile_image_list_use_case.dart';
+import 'package:weaco/domain/user/use_case/sign_up_use_case.dart';
+import 'package:weaco/presentation/common/enum/exception_alert.dart';
+import 'package:weaco/presentation/common/state/exception_state.dart';
+
+class SignUpViewModel extends ChangeNotifier {
+  final SignUpUseCase _signUpUseCase;
+  final GetProfileImageListUseCase _getProfileImagePathUseCase;
+  ExceptionState? exceptionState;
+
+  SignUpViewModel(
+      {required SignUpUseCase signUpUseCase,
+      required GetProfileImageListUseCase getProfileImagePathUseCase})
+      : _signUpUseCase = signUpUseCase,
+        _getProfileImagePathUseCase = getProfileImagePathUseCase;
+
+  /// 회원가입을 진행한다.
+  Future<void> signUp(
+      {required String email,
+      required String password,
+      required String nickname,
+      required GenderCode genderCode}) async {
+    try {
+      await _signUpUseCase.execute(
+          userAuth: UserAuth(email: email, password: password),
+          userProfile: UserProfile(
+              email: email,
+              nickname: nickname,
+              gender: genderCode.value,
+              profileImagePath: await _profileImagePath(),
+              feedCount: 0,
+              createdAt: DateTime.now()));
+    } on CustomBusinessException catch (e) {
+      exceptionState = ExceptionState(
+          message: e.message, exceptionAlert: ExceptionAlert.dialog);
+
+      rethrow;
+    } catch (e) {
+      String? message;
+      if (e is FirebaseException) {
+        message = switch (e.code) {
+          'user-not-found' => '존재하지 않는 유저입니다.',
+          'wrong-password' => '비밀번호가 맞지 않습니다.',
+          'email-already-in-use' => '이미 가입된 이메일입니다.',
+          'invalid-email' => '이메일 형식이 올바르지 못합니다.',
+          'operation-not-allowed' => '허용되지 않는 요청입니다.',
+          'weak-password' => '비밀번호 형식이 안전하지 않습니다.',
+          'network-request-failed' => '네트워크가 불안정 합니다.',
+          'too-many-requests' => '요청이 너무 많습니다.',
+          'user-disabled' => '이미 탈퇴한 회원입니다.',
+          'invalid-credential' => '이메일과 비밀번호를 확인해주세요.',
+          _ => null,
+        };
+      }
+
+      exceptionState = ExceptionState(
+          message: message ?? '회원가입에 실패 하였습니다.',
+          exceptionAlert: ExceptionAlert.snackBar);
+
+      rethrow;
+    }
+  }
+
+  /// 프로필 이미지 경로를 랜덤으로 가져온다.
+  Future<String> _profileImagePath() async {
+    final List<ProfileImage> imageList =
+        await _getProfileImagePathUseCase.execute();
+
+    return imageList[Random().nextInt(imageList.length)].imagePath;
+  }
+}
diff --git a/lib/presentation/user_page/screen/component/feed_grid/feed_grid_deleted_user_widget.dart b/lib/presentation/user_page/screen/component/feed_grid/feed_grid_deleted_user_widget.dart
new file mode 100644
index 00000000..2df80bdb
--- /dev/null
+++ b/lib/presentation/user_page/screen/component/feed_grid/feed_grid_deleted_user_widget.dart
@@ -0,0 +1,29 @@
+import 'package:flutter/material.dart';
+
+class FeedGridDeletedUserWidget extends StatelessWidget {
+  const FeedGridDeletedUserWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Expanded(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.center,
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Icon(
+            Icons.camera_alt_outlined,
+            size: 56,
+          ),
+          SizedBox(height: 8),
+          Text(
+            '찾을 수 없는 사용자입니다.',
+            style: TextStyle(
+              fontSize: 16,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/user_page/screen/component/feed_grid/feed_grid_empty_widget.dart b/lib/presentation/user_page/screen/component/feed_grid/feed_grid_empty_widget.dart
new file mode 100644
index 00000000..2bb7faa1
--- /dev/null
+++ b/lib/presentation/user_page/screen/component/feed_grid/feed_grid_empty_widget.dart
@@ -0,0 +1,29 @@
+import 'package:flutter/material.dart';
+
+class FeedGridEmptyWidget extends StatelessWidget {
+  const FeedGridEmptyWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Expanded(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.center,
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Icon(
+            Icons.camera_alt_outlined,
+            size: 56,
+          ),
+          SizedBox(height: 8),
+          Text(
+            '피드가 없습니다.',
+            style: TextStyle(
+              fontSize: 16,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/user_page/screen/component/user_profile/user_profile_deleted_widget.dart b/lib/presentation/user_page/screen/component/user_profile/user_profile_deleted_widget.dart
new file mode 100644
index 00000000..f334b784
--- /dev/null
+++ b/lib/presentation/user_page/screen/component/user_profile/user_profile_deleted_widget.dart
@@ -0,0 +1,65 @@
+import 'package:flutter/material.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+
+class UserProfileDeletedWidget extends StatelessWidget {
+  final UserProfile _userProfile;
+
+  const UserProfileDeletedWidget({
+    super.key,
+    required UserProfile userProfile,
+  }) : _userProfile = userProfile;
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Row(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 8),
+              child: CircleAvatar(
+                maxRadius: 26,
+                backgroundImage: NetworkImage(_userProfile.profileImagePath),
+              ),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.end,
+              children: [
+                Padding(
+                  padding: const EdgeInsets.only(right: 8),
+                  child: Text(
+                    _userProfile.nickname,
+                    style: const TextStyle(
+                      fontSize: 14,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                ),
+                const Text(
+                  '',
+                  style: TextStyle(
+                    fontSize: 12,
+                    color: Color(0xff9F9F9F),
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ),
+        const Row(
+          mainAxisAlignment: MainAxisAlignment.end,
+          children: [
+            Text(
+              '게시물 0',
+              style: TextStyle(
+                fontSize: 12,
+                color: Color(0xff9F9F9F),
+              ),
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/presentation/user_page/screen/component/user_profile/user_profile_widget.dart b/lib/presentation/user_page/screen/component/user_profile/user_profile_widget.dart
new file mode 100644
index 00000000..4d925636
--- /dev/null
+++ b/lib/presentation/user_page/screen/component/user_profile/user_profile_widget.dart
@@ -0,0 +1,65 @@
+import 'package:flutter/material.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+
+class UserProfileWidget extends StatelessWidget {
+  final UserProfile _userProfile;
+
+  const UserProfileWidget({
+    super.key,
+    required UserProfile userProfile,
+  }) : _userProfile = userProfile;
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Row(
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 8),
+              child: CircleAvatar(
+                maxRadius: 26,
+                backgroundImage: NetworkImage(_userProfile.profileImagePath),
+              ),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.end,
+              children: [
+                Padding(
+                  padding: const EdgeInsets.only(right: 8),
+                  child: Text(
+                    _userProfile.nickname,
+                    style: const TextStyle(
+                      fontSize: 14,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                ),
+                Text(
+                  _userProfile.email.split('@')[0],
+                  style: const TextStyle(
+                    fontSize: 12,
+                    color: Color(0xff9F9F9F),
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.end,
+          children: [
+            Text(
+              '게시물 ${_userProfile.feedCount}',
+              style: const TextStyle(
+                fontSize: 12,
+                color: Color(0xff9F9F9F),
+              ),
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/presentation/user_page/screen/user_page_screen.dart b/lib/presentation/user_page/screen/user_page_screen.dart
new file mode 100644
index 00000000..6294077d
--- /dev/null
+++ b/lib/presentation/user_page/screen/user_page_screen.dart
@@ -0,0 +1,116 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
+import 'package:provider/provider.dart';
+import 'package:weaco/core/go_router/router_static.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/presentation/common/component/cached_image_widget.dart';
+import 'package:weaco/presentation/user_page/screen/component/feed_grid/feed_grid_deleted_user_widget.dart';
+import 'package:weaco/presentation/user_page/screen/component/feed_grid/feed_grid_empty_widget.dart';
+import 'package:weaco/presentation/user_page/screen/component/user_profile/user_profile_deleted_widget.dart';
+import 'package:weaco/presentation/user_page/screen/component/user_profile/user_profile_widget.dart';
+import 'package:weaco/presentation/user_page/view_model/user_page_view_model.dart';
+
+class UserPageScreen extends StatefulWidget {
+  const UserPageScreen({super.key});
+
+  @override
+  State<UserPageScreen> createState() => _UserPageScreenState();
+}
+
+class _UserPageScreenState extends State<UserPageScreen> {
+  @override
+  Widget build(BuildContext context) {
+    UserPageViewModel userPageViewModel = context.watch<UserPageViewModel>();
+
+    final UserProfile? userProfile = userPageViewModel.userProfile;
+    final List<Feed> userFeedList = userPageViewModel.userFeedList;
+    final bool isPageLoading = userPageViewModel.isPageLoading;
+
+    return isPageLoading || userProfile == null
+        ? Container(
+            color: Theme.of(context).scaffoldBackgroundColor,
+            child: const Center(
+              child: CircularProgressIndicator(),
+            ),
+          )
+        : Scaffold(
+            appBar: PreferredSize(
+              preferredSize: const Size.fromHeight(42),
+              child: AppBar(
+                backgroundColor: Theme.of(context).scaffoldBackgroundColor,
+                scrolledUnderElevation: 0,
+              ),
+            ),
+            body: Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 28),
+              child: Column(
+                children: [
+                  userProfile.deletedAt == null
+                      ? UserProfileWidget(userProfile: userProfile)
+                      : UserProfileDeletedWidget(userProfile: userProfile),
+                  const Padding(
+                    padding: EdgeInsets.only(bottom: 8.0),
+                    child: Divider(),
+                  ),
+                  userProfile.deletedAt != null
+                      ? const FeedGridDeletedUserWidget()
+                      : userFeedList.isEmpty
+                          ? const FeedGridEmptyWidget()
+                          : _buildFeedList(),
+                ],
+              ),
+            ),
+          );
+  }
+
+  bool _handleFeedScroll(UserScrollNotification notification) {
+    UserPageViewModel userPageViewModel = context.read<UserPageViewModel>();
+    if (notification.direction == ScrollDirection.reverse &&
+        notification.metrics.maxScrollExtent * 0.85 <
+            notification.metrics.pixels) {
+      userPageViewModel.fetchFeed();
+    }
+
+    return false;
+  }
+
+  Widget _buildFeedList() {
+    return NotificationListener<UserScrollNotification>(
+      onNotification: _handleFeedScroll,
+      child: Expanded(
+        child: _buildFeedGridView(),
+      ),
+    );
+  }
+
+  Widget _buildFeedGridView() {
+    UserPageViewModel userPageViewModel = context.read<UserPageViewModel>();
+
+    return GridView.builder(
+      physics: const AlwaysScrollableScrollPhysics(),
+      itemCount: userPageViewModel.userFeedList.length,
+      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
+        childAspectRatio: 3 / 4,
+        crossAxisSpacing: 8,
+        mainAxisSpacing: 8,
+        crossAxisCount: 3,
+      ),
+      itemBuilder: (context, index) {
+        return _buildFeedCard(userPageViewModel.userFeedList[index]);
+      },
+    );
+  }
+
+  Widget _buildFeedCard(Feed currentFeed) {
+    return GestureDetector(
+      onTap: () {
+        RouterStatic.pushToOotdDetail(context, feed: currentFeed);
+      },
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(20),
+        child: CachedImageWidget(currentFeed.imagePath),
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/user_page/view_model/user_page_view_model.dart b/lib/presentation/user_page/view_model/user_page_view_model.dart
new file mode 100644
index 00000000..baa1e0d9
--- /dev/null
+++ b/lib/presentation/user_page/view_model/user_page_view_model.dart
@@ -0,0 +1,154 @@
+import 'dart:developer';
+
+import 'package:flutter/widgets.dart';
+import 'package:weaco/core/exception/not_found_exception.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/get_user_page_feeds_use_case.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/use_case/get_user_profile_use_case.dart';
+
+class UserPageViewModel with ChangeNotifier {
+  final String _email;
+  final GetUserProfileUseCase _getUserProfileUseCase;
+  final GetUserPageFeedsUseCase _getUserPageFeedsUseCase;
+
+  UserPageViewModel({
+    required String email,
+    required GetUserProfileUseCase getUserProfileUseCase,
+    required GetUserPageFeedsUseCase getUserPageFeedsUseCase,
+  })  : _email = email,
+        _getUserProfileUseCase = getUserProfileUseCase,
+        _getUserPageFeedsUseCase = getUserPageFeedsUseCase {
+    initializeUserPageData();
+  }
+
+  static const _fetchCount = 21;
+  static const _fetchMoreCount = 9;
+
+  UserProfile? _userProfile;
+  List<Feed> _userFeedList = [];
+
+  bool _isPageLoading = false;
+  bool _isFeedListLoading = false;
+  bool _isFeedListReachEnd = false;
+
+  DateTime _lastFeedDateTime = DateTime.now();
+
+  UserProfile? get userProfile => _userProfile;
+
+  List<Feed> get userFeedList => _userFeedList;
+
+  bool get isPageLoading => _isPageLoading;
+
+  bool get isFeedListLoading => _isFeedListLoading;
+
+  Future<void> initializeUserPageData() async {
+    changePageLoadingStatus(true);
+
+    // 유저 프로필 결과(null, deletedAt)에 따라 피드 리스트 요청을 차단
+    // 피드 리스트 요청 후에 페이지네이션에 사용하는 날짜 갱신
+    await getUserProfile(_email);
+
+    if (_userProfile != null && _userProfile!.deletedAt == null) {
+      await getInitialUserFeedList(_email);
+
+      setLastFeedDateTime();
+    }
+
+    changePageLoadingStatus(false);
+  }
+
+  void changePageLoadingStatus(bool status) {
+    _isPageLoading = status;
+    notifyListeners();
+  }
+
+  void changeFeedListLoadingStatus(bool status) {
+    _isFeedListLoading = status;
+    notifyListeners();
+  }
+
+  void changeIsFeedListReachEndStatus(bool status) {
+    _isFeedListReachEnd = status;
+    notifyListeners();
+  }
+
+  void setLastFeedDateTime() {
+    if (_userFeedList.isNotEmpty) {
+      _lastFeedDateTime = _userFeedList[_userFeedList.length - 1].createdAt;
+      notifyListeners();
+    }
+  }
+
+  // 유저 프로필 요청
+  Future<void> getUserProfile(String email) async {
+    try {
+      final result = await _getUserProfileUseCase.execute(email: email);
+
+      if (result == null) {
+        throw NotFoundException(
+          code: 404,
+          message: '이메일과 일치하는 사용자가 없습니다.',
+        );
+      }
+
+      _userProfile = result;
+    } on Exception catch (e) {
+      log(e.toString(), name: 'UserPageViewModel.getUserProfile()');
+    }
+    notifyListeners();
+  }
+
+  // 최초 화면 진입시 기본 갯수의 피드 리스트 요청
+  Future<void> getInitialUserFeedList(String email) async {
+    try {
+      final result = await _getUserPageFeedsUseCase.execute(
+        email: email,
+        createdAt: null,
+        limit: _fetchCount,
+      );
+
+      _userFeedList = result;
+    } on Exception catch (e) {
+      log(e.toString(), name: 'UserPageViewModel.getInitialUserFeedList()');
+    }
+    notifyListeners();
+  }
+
+  Future<void> fetchFeed() async {
+    // 모든 피드를 다 불러왔음을 확인하는 플래그값 true 일 때
+    // 유저 프로필의 feedCount 와 현재 피드 리스트의 길이가 같을 때
+    // -> 피드 페이지네이션 요청 차단
+    if (_isFeedListReachEnd ||
+        _userProfile!.feedCount == _userFeedList.length) {
+      return;
+    }
+
+    try {
+      // 피드 리스트 로딩중이 아닐때 요청
+      if (!_isFeedListLoading) {
+        changeFeedListLoadingStatus(true);
+
+        final result = await _getUserPageFeedsUseCase.execute(
+          email: _email,
+          createdAt: _lastFeedDateTime,
+          limit: _fetchMoreCount,
+        );
+
+        if (result.length < _fetchCount) {
+          changeIsFeedListReachEndStatus(true);
+          log('feed list reaches end!', name: 'UserPageViewModel.fetchFeed()');
+        }
+
+        _userFeedList.addAll(result);
+
+        changeFeedListLoadingStatus(false);
+
+        setLastFeedDateTime();
+        notifyListeners();
+      }
+    } on Exception catch (e) {
+      log(e.toString(), name: 'MyPageViewModel.removeSelectedFeed()');
+    }
+  }
+}
diff --git a/pubspec.yaml b/pubspec.yaml
index df23034e..c0933378 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -35,6 +35,36 @@ dependencies:
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.6
+  go_router: ^12.0.0
+  provider: ^6.1.2
+  get_it: ^7.7.0
+  firebase_analytics: ^10.10.4
+  firebase_auth: ^4.19.4
+  cloud_firestore: ^4.17.2
+  firebase_storage: ^11.7.4
+  firebase_crashlytics: ^3.5.4
+  firebase_core: ^2.30.1
+  shared_preferences: ^2.2.3
+  dio: ^5.4.3+1
+  path_provider: ^2.1.3
+  geolocator: ^11.0.0
+  hive: ^2.2.3
+  hive_flutter: ^1.1.0
+  flutter_dotenv: ^5.1.0
+  firebase_storage_mocks: ^0.6.1
+  hive_test: ^1.0.1
+  image_picker: ^1.1.1
+  permission_handler: ^11.3.1
+  intl: ^0.18.1
+  flutter_localizations:
+    sdk: flutter
+  package_info_plus: ^8.0.0
+  webview_flutter: ^4.7.0
+  image_cropper: ^6.0.0
+  infinite_scroll_pagination: ^4.0.0
+  dropdown_button2: ^2.3.9
+  flutter_native_splash: ^2.3.1
+  cached_network_image: ^3.3.1
 
 dev_dependencies:
   flutter_test:
@@ -46,6 +76,9 @@ dev_dependencies:
   # package. See that file for information about deactivating specific lint
   # rules and activating additional ones.
   flutter_lints: ^3.0.0
+  fake_cloud_firestore: ^2.5.1
+  firebase_auth_mocks: ^0.13.0
+  hive_generator: ^1.1.0
 
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec
@@ -59,7 +92,10 @@ flutter:
   uses-material-design: true
 
   # To add assets to your application, add an assets section, like this:
-  # assets:
+  assets:
+    - .env
+    - asset/icon/
+    - asset/image/
   #   - images/a_dot_burr.jpeg
   #   - images/a_dot_ham.jpeg
 
diff --git a/test/data/feed/data_source/remote_feed_data_source_impl_test.dart b/test/data/feed/data_source/remote_feed_data_source_impl_test.dart
new file mode 100644
index 00000000..ee74312c
--- /dev/null
+++ b/test/data/feed/data_source/remote_feed_data_source_impl_test.dart
@@ -0,0 +1,310 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:fake_cloud_firestore/fake_cloud_firestore.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/core/firebase/firestore_dto_mapper.dart';
+import 'package:weaco/data/feed/data_source/remote_feed_data_source.dart';
+import 'package:weaco/data/feed/data_source/remote_feed_data_source_impl.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+void main() {
+  final fakeFirestore = FakeFirebaseFirestore();
+  final RemoteFeedDataSource dataSource =
+      RemoteFeedDataSourceImpl(fireStore: fakeFirestore);
+
+  tearDown(() {
+    fakeFirestore.clearPersistence();
+  });
+
+  group(
+    'RemoteFeedDataSourceImpl 클래스',
+    () {
+      group(
+        'saveFeed()는',
+        () {
+          test('Firestore에 Feed를 저장하고, true를 반환해야 한다', () async {
+            // Given
+            Weather mockWeather = Weather(
+              temperature: 31,
+              timeTemperature: DateTime.parse('2024-05-06'),
+              code: 1,
+              createdAt: DateTime.parse('2024-05-06'),
+            );
+            Location mockLocation = Location(
+              lat: 31.23,
+              lng: 29.48,
+              city: '서울시, 노원구',
+              createdAt: DateTime.parse('2024-05-06'),
+            );
+            final mockFeed = Feed(
+              id: 'id',
+              imagePath: 'imagePath',
+              userEmail: 'test@email.com',
+              description: 'This is a test feed',
+              weather: mockWeather,
+              seasonCode: 2,
+              location: mockLocation,
+              createdAt: DateTime.parse('2024-05-06'),
+            );
+
+            // When
+            final result = await dataSource.saveFeed(feed: mockFeed);
+
+            // Then
+            expect(result, true);
+          });
+          test(
+            'Firestore에 데이터를 추가해야 한다.',
+            () async {
+              // Given
+              Weather mockWeather = Weather(
+                temperature: 31,
+                timeTemperature: DateTime.parse('2024-05-06'),
+                code: 1,
+                createdAt: DateTime.parse('2024-05-06'),
+              );
+              Location mockLocation = Location(
+                lat: 31.23,
+                lng: 29.48,
+                city: '서울시, 노원구',
+                createdAt: DateTime.parse('2024-05-06'),
+              );
+              DateTime dateTime = DateTime.parse('2024-05-06');
+
+              final mockFeed = Feed(
+                id: 'gyubro',
+                imagePath: 'imagePath',
+                userEmail: 'test@email.com',
+                description: 'This is a test feed',
+                weather: mockWeather,
+                seasonCode: 2,
+                location: mockLocation,
+                createdAt: dateTime,
+              );
+              await dataSource.saveFeed(feed: mockFeed);
+
+              // When
+              final snapshot = await fakeFirestore.collection('feeds').get();
+
+              // Then
+              expect(snapshot.docs.length, 1);
+              expect(
+                snapshot.docs.first.data()['user_email'],
+                equals(mockFeed.userEmail),
+              );
+            },
+          );
+        },
+      );
+      group('getFeed()는', () {
+        test('firestore에 id를 전달하면, firebase는 Json을 반환해야 한다', () async {
+          // Given
+          const testId = 'testId';
+          Weather mockWeather = Weather(
+            temperature: 31,
+            timeTemperature: DateTime.parse('2024-05-06'),
+            code: 1,
+            createdAt: DateTime.parse('2024-05-06'),
+          );
+
+          Location mockLocation = Location(
+            lat: 31.23,
+            lng: 29.48,
+            city: '서울시, 노원구',
+            createdAt: DateTime.parse('2024-05-06'),
+          );
+
+          final mockFeed = Feed(
+            id: testId,
+            imagePath: 'imagePath',
+            userEmail: 'test@email.com',
+            description: 'This is a test feed',
+            weather: mockWeather,
+            seasonCode: 2,
+            location: mockLocation,
+            createdAt: DateTime.now(),
+          );
+
+          await fakeFirestore
+              .collection('feeds')
+              .doc(testId)
+              .set(toFeedDto(feed: mockFeed));
+
+          // When
+          final result = await dataSource.getFeed(id: testId);
+
+          // Then
+          expect(result, mockFeed);
+        });
+      });
+      group('getUserFeedList()는', () {
+        test('firestore에 email을 전달하면, firebase는 List<Feed>를 반환해야 한다', () async {
+          // Given
+          for (int i = 0; i < 3; i++) {
+            await fakeFirestore.collection('feeds').add({
+              'weather': {
+                'code': i, // 날씨 코드
+                'temperature': 22.0, // 온도
+                'time_temperature': DateTime.parse('2024-05-01 13:27:00').toIso8601String(),
+                'created_at': DateTime.parse('2024-05-01 13:27:00').toIso8601String(),
+              },
+              'location': {
+                'lat': 35.234,
+                'lng': 131.1,
+                'city': '서울시 구로구',
+                'created_at': DateTime.parse('2024-05-01 13:27:00').toIso8601String(),
+              },
+              'created_at': DateTime.parse('2024-05-01 13:27:00'),
+              'description': 'desc',
+              'image_path':
+                  'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+              'season_code': 0,
+              'user_email': 'hoogom87@gmail.com',
+            });
+          }
+
+          // When
+          final result = await dataSource.getUserFeedList(
+            email: 'hoogom87@gmail.com',
+            limit: 20,
+            createdAt: DateTime.now(),
+          );
+
+          // Then
+          expect(result.length, 3);
+        });
+      });
+      group('deletedFeed()는', () {
+        test('id값을 전달하면, 특정 Feed를 삭제하고 true를 반환해야 한다', () async {
+          // Given
+          const testId = 'testId';
+
+          await fakeFirestore.collection('feeds').doc(testId).set({
+            'weather': {
+              'code': 0, // 날씨 코드
+              'temperature': 22.0, // 온도
+              'time_temperature': DateTime.parse('2024-05-01 13:27:00').toIso8601String(),
+              'created_at': DateTime.parse('2024-05-01 13:27:00').toIso8601String(),
+            },
+            'location': {
+              'lat': 35.234,
+              'lng': 131.1,
+              'city': '서울시 구로구',
+              'created_at': DateTime.parse('2024-05-01 13:27:00').toIso8601String(),
+            },
+            'created_at': DateTime.parse('2024-05-01 13:27:00'),
+            'description': 'desc',
+            'image_path':
+                'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+            'season_code': 0,
+            'user_email': 'hoogom87@gmail.com',
+          });
+
+          // When
+          final result = await dataSource.deleteFeed(id: testId);
+          final docResult =
+              await fakeFirestore.collection('feeds').doc(testId).get();
+
+          final feedDeletedAt =
+              toFeed(json: docResult.data()!, id: docResult.id).deletedAt;
+
+          // Then
+          expect(result, feedDeletedAt != null);
+        });
+      });
+      group('getSearchFeedList()는', () {
+        test('Firebase Storage를 통해 파라미터로 받은 조건에 해당하는 값을 받는다.', () async {
+          // Given
+          for (int i = 0; i < 3; i++) {
+            await fakeFirestore.collection('feeds').add({
+              'weather': {
+                'code': i, // 날씨 코드
+                'temperature': 22.0, // 온도
+                'time_temperature': DateTime.parse('2024-05-01 13:27:00').toIso8601String(),
+                'created_at': DateTime.parse('2024-05-01 13:27:00').toIso8601String(),
+              },
+              'location': {
+                'lat': 35.234,
+                'lng': 131.1,
+                'city': '서울시 구로구',
+                'created_at': DateTime.parse('2024-05-01 13:27:00').toIso8601String(),
+              },
+              'created_at': DateTime.parse('2024-05-01 13:27:00'),
+              'description': 'desc',
+              'image_path':
+                  'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+              'season_code': 0,
+              'user_email': 'hoogom87@gmail.com',
+            });
+          }
+
+          // When
+          final res = await dataSource.getSearchFeedList(
+            createdAt: DateTime.now(),
+            limit: 20,
+            seasonCode: 0,
+            weatherCode: 1,
+            minTemperature: 20,
+            maxTemperature: 25,
+          );
+
+          // Then
+          expect(res.length, 1);
+        });
+      });
+
+      group('getRecommendedFeedList()', () {
+        test('Firebase Storage를 통해 파라미터로 받은 조건에 해당하는 값을 받는다.', () async {
+          Weather mockWeather = Weather(
+            temperature: 25,
+            timeTemperature: DateTime.parse('2024-05-06'),
+            code: 1,
+            createdAt: DateTime.parse('2024-05-06'),
+          );
+
+          Location mockLocation = Location(
+            lat: 31.23,
+            lng: 29.48,
+            city: '서울시, 노원구',
+            createdAt: DateTime.parse('2024-05-06'),
+          );
+
+          final mockDailyLocationWeather = DailyLocationWeather(
+            seasonCode: 0,
+            highTemperature: 30,
+            lowTemperature: 20,
+            weatherList: List.generate(24, (index) => mockWeather),
+            yesterDayWeatherList: List.generate(24, (index) => mockWeather),
+            tomorrowWeatherList: List.generate(24, (index) => mockWeather),
+            location: mockLocation,
+            createdAt: DateTime.now(),
+          );
+
+          // Given
+          for (int i = 0; i < 3; i++) {
+            await fakeFirestore.collection('feeds').add({
+              'weather': mockWeather.toJson(),
+              'location': mockLocation.toJson(),
+              'created_at': Timestamp.fromDate(DateTime.parse('2024-05-01 13:27:00')),
+              'description': 'desc',
+              'image_path':
+                  'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+              'season_code': 0,
+              'user_email': 'hoogom87@gmail.com',
+              'deleted_at': null,
+            });
+          }
+
+          // When
+          final res = await dataSource.getRecommendedFeedList(
+              dailyLocationWeather: mockDailyLocationWeather);
+
+          // Then
+          expect(res.length, 3);
+        });
+      });
+    },
+  );
+}
diff --git a/test/data/feed/repository/feed_repository_impl_test.dart b/test/data/feed/repository/feed_repository_impl_test.dart
new file mode 100644
index 00000000..0af3f0c1
--- /dev/null
+++ b/test/data/feed/repository/feed_repository_impl_test.dart
@@ -0,0 +1,219 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/data/feed/repository/feed_repository_impl.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+import '../../../mock/data/feed/data_source/mock_remote_feed_data_source.dart';
+
+void main() {
+  final mockFeedDataSource = MockRemoteFeedDataSource();
+  final feedRepository =
+      FeedRepositoryImpl(remoteFeedDataSource: mockFeedDataSource);
+
+  group('FeedRepositoryImpl 클래스', () {
+    final mockFeed = Feed(
+      id: 'id',
+      imagePath: 'imagePath',
+      userEmail: 'userEmail',
+      description: 'description',
+      weather: Weather(
+        temperature: 1,
+        timeTemperature: DateTime.parse('2024-05-01 13:27:00'),
+        code: 1,
+        createdAt: DateTime.parse('2024-05-01 13:27:00'),
+      ),
+      seasonCode: 1,
+      location: Location(
+        lat: 1,
+        lng: 1,
+        city: 'city',
+        createdAt: DateTime.parse('2024-05-01 13:27:00'),
+      ),
+      createdAt: DateTime.parse('2024-05-01 13:27:00'),
+      deletedAt: null,
+    );
+
+    setUp(() {
+      mockFeedDataSource.feedList = [mockFeed, mockFeed, mockFeed];
+    });
+
+    tearDown(() => mockFeedDataSource.cleanUpMockData());
+
+    test('saveFeed는', () async {
+      // given
+      final mockFeed = Feed(
+        id: 'id',
+        imagePath: 'imagePath',
+        userEmail: 'userEmail',
+        description: 'description',
+        weather: Weather(
+          temperature: 1,
+          timeTemperature: DateTime.now(),
+          code: 1,
+          createdAt: DateTime.now(),
+        ),
+        seasonCode: 1,
+        location: Location(
+          lat: 1,
+          lng: 1,
+          city: 'city',
+          createdAt: DateTime.now(),
+        ),
+        createdAt: DateTime.now(),
+        deletedAt: null,
+      );
+
+      mockFeedDataSource.saveFeedReturnValue = true;
+      // when
+      final actual = await feedRepository.saveFeed(editedFeed: mockFeed);
+
+      // then
+      expect(actual, true);
+      expect(mockFeedDataSource.feedList.last, mockFeed);
+    });
+    test('deleteFeed는', () async {
+      // Given
+      const expectedId = 'id';
+      const expectedBool = true;
+
+      mockFeedDataSource.deleteFeedReturnValue = expectedBool;
+
+      // When
+      final actual = await feedRepository.deleteFeed(id: expectedId);
+
+      // Then
+      expect(mockFeedDataSource.deleteFeedParamId, expectedId);
+      expect(actual, expectedBool);
+    });
+    test('getUserFeedList는', () async {
+      // Given
+      final expectedList = mockFeedDataSource.feedList;
+
+      // When
+      final actual = await feedRepository.getUserFeedList(
+        email: 'userEmail',
+        createdAt: DateTime.now(),
+        limit: 10,
+      );
+
+      // Then
+      expect(actual, expectedList);
+    });
+    test('getOotdFeedList는', () async {
+      // Given
+      final expectedList = mockFeedDataSource.feedList;
+
+      // When
+      final actual = await feedRepository.getOotdFeedList(
+        createdAt: DateTime.now(),
+        dailyLocationWeather: DailyLocationWeather(
+          highTemperature: 25,
+          lowTemperature: 14,
+          weatherList: [],
+          yesterDayWeatherList: [],
+          tomorrowWeatherList: [],
+          location: Location(
+            lat: 13,
+            lng: 141,
+            city: 'city',
+            createdAt: DateTime.parse('2024-05-01 13:27:00'),
+          ),
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+          seasonCode: 0,
+        ),
+      );
+
+      // Then
+      expect(actual, expectedList);
+    });
+    test('getRecommendedFeedList는', () async {
+      // Given
+      final expectedList = mockFeedDataSource.feedList;
+
+      // When
+      final actual = await feedRepository.getRecommendedFeedList(
+        dailyLocationWeather: DailyLocationWeather(
+          highTemperature: 25,
+          lowTemperature: 14,
+          weatherList: [],
+          yesterDayWeatherList: [],
+          tomorrowWeatherList: [],
+          location: Location(
+            lat: 13,
+            lng: 141,
+            city: 'city',
+            createdAt: DateTime.now(),
+          ),
+          createdAt: DateTime.now(),
+          seasonCode: 0,
+        ),
+      );
+
+      // Then
+      expect(actual, expectedList);
+    });
+    test('getSearchFeedList', () async {
+      // Given
+      final expectedList = mockFeedDataSource.feedList;
+      final createdAt = DateTime.now();
+      const limit = 0;
+      const seasonCode = 1;
+      const weatherCode = 0;
+      const minTemperature = 0;
+      const maxTemperature = 10;
+
+      // When
+      final actual = await feedRepository.getSearchFeedList(
+        createdAt: createdAt,
+        limit: limit,
+        seasonCode: seasonCode,
+        weatherCode: weatherCode,
+        minTemperature: minTemperature,
+        maxTemperature: maxTemperature,
+      );
+
+      // Then
+      expect(actual, expectedList);
+      expect(mockFeedDataSource.paramMap['createdAt'], createdAt);
+      expect(mockFeedDataSource.paramMap['limit'], limit);
+      expect(mockFeedDataSource.paramMap['seasonCode'], seasonCode);
+      expect(mockFeedDataSource.paramMap['weatherCode'], weatherCode);
+      expect(mockFeedDataSource.paramMap['minTemperature'], minTemperature);
+      expect(mockFeedDataSource.paramMap['maxTemperature'], maxTemperature);
+    });
+    test('getFeed', () async {
+      // Given
+      final mockFeed = Feed(
+        id: 'id',
+        imagePath: 'imagePath',
+        userEmail: 'userEmail',
+        description: 'description',
+        weather: Weather(
+          temperature: 1,
+          timeTemperature: DateTime.parse('2024-05-01 13:27:00'),
+          code: 1,
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        ),
+        seasonCode: 1,
+        location: Location(
+          lat: 1,
+          lng: 1,
+          city: 'city',
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        ),
+        createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        deletedAt: null,
+      );
+
+      const expectedId = 'id';
+      // When
+      final actual = await feedRepository.getFeed(id: expectedId);
+
+      // Then
+      expect(actual, mockFeed);
+      expect(expectedId, mockFeedDataSource.getFeedId);
+    });
+  });
+}
diff --git a/test/data/feed/repository/ootd_feed_repository_impl_test.dart b/test/data/feed/repository/ootd_feed_repository_impl_test.dart
new file mode 100644
index 00000000..d0d7bd6e
--- /dev/null
+++ b/test/data/feed/repository/ootd_feed_repository_impl_test.dart
@@ -0,0 +1,262 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/data/feed/repository/ootd_feed_repository_impl.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+import '../../../mock/data/feed/repository/mock_feed_repository_impl.dart';
+import '../../../mock/data/file/repository/mock_file_repository_impl.dart';
+import '../../../mock/data/user/repository/mock_user_profile_repository_impl.dart';
+
+void main() {
+  group('OotdFeedRepositoryImpl 클래스', () {
+    final fileRepository = MockFileRepositoryImpl();
+    final feedRepository = MockFeedRepositoryImpl();
+    final userProfileRepository = MockUserProfileRepositoryImpl();
+    final ootdFeedRepository = OotdFeedRepositoryImpl(
+      fileRepository: fileRepository,
+      feedRepository: feedRepository,
+      userProfileRepository: userProfileRepository,
+    );
+    const String feedId = '1';
+
+    final Weather mockWeather = Weather(
+      temperature: 31,
+      timeTemperature: DateTime.parse('2024-05-06'),
+      code: 1,
+      createdAt: DateTime.parse('2024-05-06'),
+    );
+    final Location mockLocation = Location(
+      lat: 31.23,
+      lng: 29.48,
+      city: '서울시, 노원구',
+      createdAt: DateTime.parse('2024-05-06'),
+    );
+    final mockFeed = Feed(
+      id: null,
+      imagePath: 'imagePath',
+      userEmail: 'test@email.com',
+      description: 'This is a test feed',
+      weather: mockWeather,
+      seasonCode: 2,
+      location: mockLocation,
+      createdAt: DateTime.parse('2024-05-06'),
+    );
+
+    final mockUserProfile = UserProfile(
+      email: 'email',
+      nickname: 'nickname',
+      gender: 1,
+      profileImagePath: 'profileImagePath',
+      feedCount: 0,
+      createdAt: DateTime.parse('2024-05-06'),
+    );
+
+    setUp(() {
+      fileRepository.initMockData();
+      feedRepository.initMockData();
+      userProfileRepository.resetCallCount();
+      userProfileRepository.resetProfile();
+      userProfileRepository.addMyProfile(profile: mockUserProfile);
+    });
+
+    group('saveOotdFeed 메서드는', () {
+      test('피드를 저장하기 위해 FileRepository.saveOotdImage()를 한 번 호출한다.', () async {
+        // Given
+        const expectedCallCount = 1;
+
+        // When
+        await ootdFeedRepository.saveOotdFeed(feed: mockFeed);
+
+        // Then
+        expect(fileRepository.saveOotdImageCallCount, expectedCallCount);
+      });
+
+      test('피드를 저장하기 위해 FeedRepository.saveFeed()를 한 번 호출한다.', () async {
+        // Given
+        const expectedCallCount = 1;
+
+        // When
+        await ootdFeedRepository.saveOotdFeed(feed: mockFeed);
+
+        // Then
+        expect(feedRepository.saveFeedCallCount, expectedCallCount);
+      });
+
+      test(
+          '파라미터로 받은 feed 에 FileRepository.saveOotdImage()로 받은 path 를 '
+          '추가한 새로운 피드를 FeedRepository.saveFeed()에 전달한다.', () async {
+        // Given
+        const String path = 'abc.jpg';
+        fileRepository.saveOotdImageResult = path;
+
+        // 예상 값
+        final expectedFeed = mockFeed.copyWith(imagePath: path);
+
+        // When
+        await ootdFeedRepository.saveOotdFeed(feed: mockFeed);
+
+        // Then
+        expect(feedRepository.feed, expectedFeed);
+      });
+
+      test(
+          '유저 피드 카운트를 업데이트하기 위해 UserProfileRepository.getMyProfile()를 한 번 호출한다.',
+          () async {
+        // Given
+        const expectedCallCount = 1;
+
+        // When
+        await ootdFeedRepository.saveOotdFeed(feed: mockFeed);
+
+        // Then
+        expect(userProfileRepository.getMyProfileCallCount, expectedCallCount);
+      });
+
+      test(
+          '유저 피드 카운트를 업데이트하기 위해 UserProfileRepository.updateUserProfile()를 한 번 호출한다.',
+          () async {
+        // Given
+        const expectedCallCount = 1;
+
+        // When
+        await ootdFeedRepository.saveOotdFeed(feed: mockFeed);
+
+        // Then
+        expect(userProfileRepository.updateUserProfileCallCount,
+            expectedCallCount);
+      });
+
+      test(
+          '가져온 유저 피드 카운트에 1을 더한 userProfile 을 '
+          'UserProfileRepository.updateUserProfile()에 전달한다.', () async {
+        // Given
+        final expectedUseProfile =
+            mockUserProfile.copyWith(feedCount: mockUserProfile.feedCount + 1);
+
+        // When
+        await ootdFeedRepository.saveOotdFeed(feed: mockFeed);
+
+        // Then
+        expect(userProfileRepository.methodParameterMap['updateUserProfile'],
+            expectedUseProfile);
+      });
+
+      test(
+          ''
+          'FeedRepository.saveFeed, UserProfileRepository.updateMyFeedCount()를 '
+          '정상적으로 호출한 뒤, true 를 반환한다.', () async {
+        // Given
+        const expected = true;
+
+        // When
+        final actual = await ootdFeedRepository.saveOotdFeed(feed: mockFeed);
+
+        // Then
+        expect(actual, expected);
+      });
+
+      test('파라미터로 전달받은 Feed의 id값이 있으면 수정하는 Feed로써 FeedRepository.saveFeed를 한번 호출한다.', () async {
+        // Given
+        const int expected = 1;
+
+        // When
+        await ootdFeedRepository.saveOotdFeed(feed: mockFeed.copyWith(id: '1'));
+
+        // Then
+        expect(feedRepository.saveFeedCallCount, expected);
+      });
+
+      test('파라미터로 전달받은 Feed의 id값이 있으면 수정하는 Feed로써 FileRepository.saveOotdImage()를 호출하지 않는다.', () async {
+        // Given
+        const int expected = 0;
+
+        // When
+        await ootdFeedRepository.saveOotdFeed(feed: mockFeed.copyWith(id: '1'));
+
+        // Then
+        expect(fileRepository.saveImageCallCount, expected);
+      });
+
+      test('파라미터로 전달받은 Feed의 id값이 있으면 수정하는 Feed로써 UserProfileRepository.getMyProfile()를 호출하지 않는다.', () async {
+        // Given
+        const int expected = 0;
+
+        // When
+        await ootdFeedRepository.saveOotdFeed(feed: mockFeed.copyWith(id: '1'));
+
+        // Then
+        expect(userProfileRepository.getMyProfileCallCount, expected);
+      });
+    });
+
+    group('removeOotdFeed 메서드는', () {
+      test('피드를 삭제하기 위해 FeedRepository.deleteFeed()를 한 번 호출한다.', () async {
+        // Given
+        const expectedCallCount = 1;
+
+        // When
+        await ootdFeedRepository.removeOotdFeed(id: feedId);
+
+        // Then
+        expect(feedRepository.getDeleteFeedCallCount, expectedCallCount);
+      });
+
+      test(
+          '유저 피드 카운트를 업데이트하기 위해 UserProfileRepository.getMyProfile()를 한 번 호출한다.',
+          () async {
+        // Given
+        const expectedCallCount = 1;
+
+        // When
+        await ootdFeedRepository.removeOotdFeed(id: feedId);
+
+        // Then
+        expect(userProfileRepository.getMyProfileCallCount, expectedCallCount);
+      });
+
+      test(
+          '유저 피드 카운트를 업데이트하기 위해 UserProfileRepository.updateUserProfile()를 한 번 호출한다.',
+          () async {
+        // Given
+        const expectedCallCount = 1;
+
+        // When
+        await ootdFeedRepository.removeOotdFeed(id: feedId);
+
+        // Then
+        expect(userProfileRepository.updateUserProfileCallCount,
+            expectedCallCount);
+      });
+
+      test(
+          '가져온 유저 피드 카운트에 1을 뺀 값을 UserProfileRepository.updateUserProfile()에 전달한다.',
+          () async {
+        // Given
+        final expectedUserProfile =
+            mockUserProfile.copyWith(feedCount: mockUserProfile.feedCount - 1);
+
+        // When
+        await ootdFeedRepository.removeOotdFeed(id: feedId);
+
+        // Then
+        expect(userProfileRepository.methodParameterMap['updateUserProfile'],
+            expectedUserProfile);
+      });
+
+      test(
+          'FeedRepository.deleteFeed(), OotdFeedRepositoryImpl.updateMyFeedCount()를 '
+          '정상적으로 호출한 뒤, true 를 반환한다.', () async {
+        // Given
+        const expected = true;
+
+        // When
+        final actual = await ootdFeedRepository.removeOotdFeed(id: feedId);
+
+        // Then
+        expect(actual, expected);
+      });
+    });
+  });
+}
diff --git a/test/data/file/data_source/local_file_data_source_test.dart b/test/data/file/data_source/local_file_data_source_test.dart
new file mode 100644
index 00000000..4d81197a
--- /dev/null
+++ b/test/data/file/data_source/local_file_data_source_test.dart
@@ -0,0 +1,120 @@
+import 'dart:io';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/core/path_provider/path_provider_service.dart';
+import 'package:weaco/data/file/data_source/local/local_file_data_source.dart';
+import 'package:weaco/data/file/data_source/local/local_file_data_source_impl.dart';
+
+import '../../../mock/core/path_provider/mock_path_provider_service_impl.dart';
+
+
+void main() {
+  group('LocalFileDataSourceImpl 클래스', () {
+    final PathProviderService mockPathProvider = MockPathProviderServiceImpl();
+    final LocalFileDataSource dataSource =
+        LocalFileDataSourceImpl(pathProvider: mockPathProvider);
+
+    group('getImagePath 메서드는', () {
+      tearDown(() {
+        if (File('test/mock/assets/origin.png').existsSync()) {
+          File('test/mock/assets/origin.png').deleteSync();
+        }
+
+        if (File('test/mock/assets/cropped.png').existsSync()) {
+          File('test/mock/assets/cropped.png').deleteSync();
+        }
+      });
+
+      test('isOrigin 인자가 true일 경우, origin.png를 반환한다.', () async {
+        // Given
+        const isOrigin = true;
+        File('test/mock/assets/origin.png').writeAsBytesSync(
+            File('test/mock/assets/test_image.png').readAsBytesSync());
+
+        // When
+        File? file = await dataSource.getImage(isOrigin: isOrigin);
+
+        // Then
+        expect(file?.readAsBytesSync(),
+            File('test/mock/assets/origin.png').readAsBytesSync());
+      });
+
+      test('isOrigin 인자가 false일 경우, cropped.png를 반환한다.', () async {
+        // Given
+        const isOrigin = false;
+        File('test/mock/assets/cropped.png').writeAsBytesSync(
+            File('test/mock/assets/test_image.png').readAsBytesSync());
+
+        // When
+        File? file = await dataSource.getImage(isOrigin: isOrigin);
+
+        // Then
+        expect(file?.readAsBytesSync(),
+            File('test/mock/assets/cropped.png').readAsBytesSync());
+      });
+
+      test('찾으려는 파일이 없는 경우, null을 반환한다.', () async {
+        // Given
+        const isOrigin = false;
+
+        // When
+        File? file = await dataSource.getImage(isOrigin: isOrigin);
+
+        // Then
+        expect(file, null);
+      });
+    });
+
+    group('saveImage 메서드는', () {
+      tearDown(() async {
+        if (File('test/mock/assets/origin.png').existsSync()) {
+          File('test/mock/assets/origin.png').deleteSync();
+        }
+
+        if (File('test/mock/assets/cropped.png').existsSync()) {
+          File('test/mock/assets/cropped.png').deleteSync();
+        }
+      });
+
+      test('isOrigin 인자가 true일 경우, file 인자를 origin.png로 저장한다.', () async {
+        // Given
+        const isOrigin = true;
+        File file = File('test/mock/assets/test_image.png');
+
+        // When
+        await dataSource.saveImage(isOrigin: isOrigin, file: file);
+
+        // Then
+        expect(File('test/mock/assets/origin.png').readAsBytesSync(),
+            file.readAsBytesSync());
+      });
+
+      test('isOrigin 인자가 false일 경우, file 인자를 cropped.png로 저장한다.', () async {
+        // Given
+        const isOrigin = false;
+        File file = File('test/mock/assets/test_image.png');
+
+        // When
+        await dataSource.saveImage(isOrigin: isOrigin, file: file);
+
+        // Then
+        expect(File('test/mock/assets/cropped.png').readAsBytesSync(),
+            file.readAsBytesSync());
+      });
+
+      test('저장하려는 파일명과 동일한 파일이 이미 있는 경우, 해당 파일을 삭제한다.', () async {
+        // Given
+        const isOrigin = true;
+        File('test/mock/assets/origin.png').writeAsBytesSync(
+            File('test/mock/assets/test_image2.png').readAsBytesSync());
+        File file = File('test/mock/assets/test_image.png');
+
+        // When
+        await dataSource.saveImage(isOrigin: isOrigin, file: file);
+
+        // Then
+        expect(File('test/mock/assets/origin.png').readAsBytesSync(),
+            file.readAsBytesSync());
+      });
+    });
+  });
+}
diff --git a/test/data/file/data_source/remote_file_data_source_test.dart b/test/data/file/data_source/remote_file_data_source_test.dart
new file mode 100644
index 00000000..558a674d
--- /dev/null
+++ b/test/data/file/data_source/remote_file_data_source_test.dart
@@ -0,0 +1,54 @@
+import 'dart:io';
+import 'package:firebase_storage_mocks/firebase_storage_mocks.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/core/path_provider/path_provider_service.dart';
+import 'package:weaco/data/file/data_source/local/local_file_data_source.dart';
+import 'package:weaco/data/file/data_source/local/local_file_data_source_impl.dart';
+import 'package:weaco/data/file/data_source/remote/remote_file_data_source.dart';
+import 'package:weaco/data/file/data_source/remote/remote_file_data_source_impl.dart';
+
+import '../../../mock/core/firebase/mock_firebase_auth_service.dart';
+import '../../../mock/core/path_provider/mock_path_provider_service_impl.dart';
+
+void main() {
+  final PathProviderService mockPathProvider = MockPathProviderServiceImpl();
+  final LocalFileDataSource localFileDataSource =
+      LocalFileDataSourceImpl(pathProvider: mockPathProvider);
+
+  final MockFirebaseAuthService mockFirebaseAuthService = MockFirebaseAuthService();
+
+  final MockFirebaseStorage storage = MockFirebaseStorage();
+  final RemoteFileDataSource remoteFileDataSource =
+      RemoteFileDataSourceImpl(firebaseStorage: storage, firebaseAuthService: mockFirebaseAuthService);
+
+  group('RemoteFileDataSourceImpl 클래스', () {
+    setUp(() => mockFirebaseAuthService.initMockData());
+    tearDown(() {
+      if (File('test/mock/assets/cropped.png').existsSync()) {
+        File('test/mock/assets/cropped.png').deleteSync();
+      }
+    });
+
+    group('saveImage() 메소드는', () {
+      test('File 객체를 인자로 받아 업로드하고 다운로드 경로를 반환한다.', () async {
+        // Given
+        const isOrigin = false;
+        const email = 'bob@somedomain.com';
+        File('test/mock/assets/cropped.png').writeAsBytesSync(
+            File('test/mock/assets/test_image.png').readAsBytesSync());
+
+        final bucketPath = await storage.ref().child('').getDownloadURL();
+
+        // When
+        File? file = await localFileDataSource.getImage(isOrigin: isOrigin);
+
+        if (file != null) {
+          final path =
+              await remoteFileDataSource.saveImage(image: file);
+
+          expect(path.startsWith('${bucketPath}feed_images/$email'), true);
+        }
+      });
+    });
+  });
+}
diff --git a/test/data/file/repository/file_repository_impl_test.dart b/test/data/file/repository/file_repository_impl_test.dart
new file mode 100644
index 00000000..a3b20763
--- /dev/null
+++ b/test/data/file/repository/file_repository_impl_test.dart
@@ -0,0 +1,153 @@
+import 'dart:io';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/data/file/repository/file_repository_impl.dart';
+import 'package:weaco/domain/file/repository/file_repository.dart';
+
+import '../../../mock/data/file/data_source/local/mock_local_file_data_source_impl.dart';
+import '../../../mock/data/file/data_source/remote/mock_remote_file_data_source_impl.dart';
+
+void main() {
+  group('FileRepositoryImpl 클래스', () {
+    final mockLocalFileDataSource = MockLocalFileDataSourceImpl();
+    final mockRemoteFileDataSource = MockRemoteFileDataSourceImpl();
+    final FileRepository fileRepository = FileRepositoryImpl(
+        localFileDataSource: mockLocalFileDataSource,
+        remoteFileDataSource: mockRemoteFileDataSource);
+
+    setUp(() {
+      mockRemoteFileDataSource.initMockData();
+      mockLocalFileDataSource.initMockData();
+    });
+
+    group('getImage 메서드는', () {
+      test('인자를 LocalFileDataSource.getImage()에 파라미터로 그대로 전달한다.', () async {
+        // Given
+        const bool isOrigin = true;
+
+        // When
+        await fileRepository.getImage(isOrigin: isOrigin);
+
+        // Then
+        expect(mockLocalFileDataSource.methodParameter['isOrigin'], isOrigin);
+      });
+
+      test('LocalFileDataSource.getImage()을 한번 호출한다.', () async {
+        // Given
+        const bool isOrigin = true;
+
+        // When
+        await fileRepository.getImage(isOrigin: isOrigin);
+
+        // Then
+        expect(mockLocalFileDataSource.methodCallCount['getImage'], 1);
+      });
+
+      test('LocalFileDataSource.getImage()의 반환 값을 그대로 반환한다.', () async {
+        // Given
+        const bool isOrigin = true;
+        final File expectResult = File('test/mock/assets/test_image.png');
+        mockLocalFileDataSource.methodResult['getImage'] = expectResult;
+
+        // When
+        await fileRepository.getImage(isOrigin: isOrigin);
+
+        // Then
+        expect(mockLocalFileDataSource.methodResult['getImage'], expectResult);
+      });
+    });
+
+    group('saveImage 메서드는', () {
+
+      test('인자를 LocalFileDataSource.saveImage()에 파라미터로 그대로 전달한다.', () async {
+        // Given
+        const bool isOrigin = true;
+        final File file = File('test/mock/assets/test_image.png');
+        mockLocalFileDataSource.methodResult['saveImage'] = true;
+
+        // When
+        await fileRepository.saveImage(isOrigin: isOrigin, file: file);
+
+        // Then
+        expect(mockLocalFileDataSource.methodParameter['isOrigin'], isOrigin);
+        expect(mockLocalFileDataSource.methodParameter['file'], file);
+      });
+
+      test('LocalFileDataSource.saveImage()을 한번 호출한다.', () async {
+        // Given
+        const bool isOrigin = true;
+        final File file = File('test/mock/assets/test_image.png');
+        mockLocalFileDataSource.methodResult['saveImage'] = true;
+
+        // When
+        await fileRepository.saveImage(isOrigin: isOrigin, file: file);
+
+        // Then
+        expect(mockLocalFileDataSource.methodCallCount['saveImage'], 1);
+      });
+
+      test('LocalFileDataSource.getImage()의 반환 값을 그대로 반환한다.', () async {
+        // Given
+        const bool isOrigin = true;
+        final File file = File('test/mock/assets/test_image.png');
+        const bool expectResult = false;
+        mockLocalFileDataSource.methodResult['saveImage'] = expectResult;
+
+        // When
+        await fileRepository.saveImage(isOrigin: isOrigin, file: file);
+
+        // Then
+        expect(mockLocalFileDataSource.methodResult['saveImage'], expectResult);
+      });
+    });
+
+    group('saveOotdImage 메서드는', () {
+      test('LocalFileDataSource.getImage()의 isOrigin 파라미터 값으로 false를 전달한다.',
+          () async {
+        // Given
+        const bool expectedParameter = false;
+        mockLocalFileDataSource.methodResult['getImage'] = File('test/mock/assets/test_image.png');
+        mockRemoteFileDataSource.methodResult['saveImage'] = 'test/mock/assets/test_image.png';
+
+        // When
+        await fileRepository.saveOotdImage();
+
+        // Then
+        expect(mockLocalFileDataSource.methodParameter['isOrigin'],
+            expectedParameter);
+      });
+
+      test('LocalFileDataSource.getImage()을 한번 호출한다.', () async {
+        // Given
+        mockLocalFileDataSource.methodResult['getImage'] = File('test/mock/assets/test_image.png');
+        mockRemoteFileDataSource.methodResult['saveImage'] = 'test/mock/assets/test_image.png';
+
+        // When
+        await fileRepository.saveOotdImage();
+
+        // Then
+        expect(mockLocalFileDataSource.methodCallCount['getImage'], 1);
+      });
+
+      test('LocalFileDataSource.getImage()의 반환 값이 null이라면 Exception을 발생시킨다.', () async {
+        // Given
+        mockLocalFileDataSource.methodResult['getImage'] = null;
+
+        // When // Then
+        expect(fileRepository.saveOotdImage(),throwsA(isA<Exception>()));
+      });
+
+      test('RemoteFileDataSource.saveImage()의 반환 값을 그대로 반환한다.', () async {
+        // Given
+        const String expectResult = 'test/mock/assets/test_image.png';
+        mockLocalFileDataSource.methodResult['getImage'] = File('test/mock/assets/test_image.png');
+        mockRemoteFileDataSource.methodResult['saveImage'] = expectResult;
+
+        // When
+        final result = await fileRepository.saveOotdImage();
+
+        // Then
+        expect(result, expectResult);
+      });
+    });
+  });
+}
diff --git a/test/data/location/repository/location_repository_impl_test.dart b/test/data/location/repository/location_repository_impl_test.dart
new file mode 100644
index 00000000..9534bcc1
--- /dev/null
+++ b/test/data/location/repository/location_repository_impl_test.dart
@@ -0,0 +1,94 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/core/gps/gps_position.dart';
+import 'package:weaco/data/location/repository/location_repository_impl.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/location/repository/location_repository.dart';
+
+import '../../../mock/core/gps/mock_gps_helper_impl.dart';
+import '../../../mock/data/location/data_source/mock_remote_location_data_source_impl.dart';
+
+void main() {
+  group('LocationRepositoryImpl 클래스', () {
+    final mockGpsHelper = MockGpsHelperImpl();
+    final mockDataSource = MockRemoteLocationDataSourceImpl();
+    final LocationRepository repository = LocationRepositoryImpl(
+        gpsHelper: mockGpsHelper, remoteDataSource: mockDataSource);
+
+    group('getLocation 메서드는', () {
+      tearDown(() {
+        mockDataSource.initMockData();
+        mockGpsHelper.initMockData();
+      });
+
+      test('GpsHelper.getPosition 메서드를 한번 호출한다.', () async {
+        // Given
+        final GpsPosition position = GpsPosition(lat: 37.123, lng: 128.123);
+        mockGpsHelper.methodResult = position;
+        mockDataSource.methodResult = '';
+
+        // When
+        await repository.getLocation();
+
+        // Then
+        expect(mockGpsHelper.methodCallCount, 1);
+      });
+
+      test(
+          'GpsHelper.getPosition()을 통해 반환 받은 GpsPosition의 lat, lng 값을 통해 RemoteLocationDataSource.getDong()을 한번 호출한다.',
+          () async {
+        // Given
+        final GpsPosition position = GpsPosition(lat: 37.123, lng: 128.123);
+        mockGpsHelper.methodResult = position;
+        mockDataSource.methodResult = '';
+
+        // When
+        await repository.getLocation();
+
+        // Then
+        expect(mockDataSource.methodParameter['lng'], position.lng);
+        expect(mockDataSource.methodParameter['lat'], position.lat);
+        expect(mockDataSource.methodCallCount, 1);
+      });
+
+      test('RemoteLocationDataSource.getDong()을 호출하여 GpsPosition을 한국 주소로 변환한다.',
+          () async {
+        // Given
+        final GpsPosition position = GpsPosition(lat: 37.123, lng: 128.123);
+        mockGpsHelper.methodResult = position;
+        const address = '서울시 노원구';
+        mockDataSource.methodResult = address;
+
+        // When
+        final result = await repository.getLocation();
+
+        // Then
+        expect(result.city, address);
+      });
+
+      test(
+          'GpsHelper.getPosition()을 통해 반환 받은 GpsPosition의 lat, lng 값과 RemoteLocationDataSource.getDong()을 통해 반환 받은 주소를 조합하여 Location을 반환한다.',
+          () async {
+        // Given
+        final GpsPosition position = GpsPosition(lat: 37.123, lng: 128.123);
+        mockGpsHelper.methodResult = position;
+        mockGpsHelper.methodResult = position;
+        const address = '서울시 노원구';
+        mockDataSource.methodResult = address;
+        final createdAt = DateTime.now();
+        final Location expectLocation = Location(
+            lat: position.lat,
+            lng: position.lng,
+            city: address,
+            createdAt: createdAt);
+
+        // When
+        final result = await repository.getLocation();
+
+        // Then
+        expect(result.lat, expectLocation.lat);
+        expect(result.lng, expectLocation.lng);
+        expect(result.city, expectLocation.city);
+      });
+    });
+  });
+}
diff --git a/test/data/user/data_source/remote_profile_image_data_source_impl_test.dart b/test/data/user/data_source/remote_profile_image_data_source_impl_test.dart
new file mode 100644
index 00000000..e5e7869d
--- /dev/null
+++ b/test/data/user/data_source/remote_profile_image_data_source_impl_test.dart
@@ -0,0 +1,34 @@
+import 'package:fake_cloud_firestore/fake_cloud_firestore.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/data/user/data_source/remote_profile_image_data_source.dart';
+import 'package:weaco/data/user/data_source/remote_profile_image_data_source_impl.dart';
+
+void main() {
+  group('RemoteProfileImageDataSourceImpl 클래스', () {
+    final fakeFirestore = FakeFirebaseFirestore();
+    final RemoteProfileImageDataSource dataSource =
+        RemoteProfileImageDataSourceImpl(firestore: fakeFirestore);
+
+    group(
+        'getProfileImageList 메서드는 FirestoreDatabase의 profile_images 컬렉션의 모든 문서를 요청하여 반환한다.',
+        () {
+      test('', () async {
+        // Given
+        final imageList = [
+          'https://health.chosun.com/2024012201607_0.jpg',
+          'https://health.chosun.com/2024012201607_1.jpg'
+        ];
+        for (var path in imageList) {
+          fakeFirestore.collection('profile_images').add({'image_path': path});
+        }
+
+        // When
+        final result = await dataSource.getProfileImageList();
+
+        // Then
+        expect(result[0].imagePath, imageList[0]);
+        expect(result[1].imagePath, imageList[1]);
+      });
+    });
+  });
+}
diff --git a/test/data/user/repository/profile_image_repository_impl_test.dart b/test/data/user/repository/profile_image_repository_impl_test.dart
new file mode 100644
index 00000000..ab545858
--- /dev/null
+++ b/test/data/user/repository/profile_image_repository_impl_test.dart
@@ -0,0 +1,47 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/data/user/repository/profile_image_repository_impl.dart';
+import 'package:weaco/domain/user/model/profile_image.dart';
+import 'package:weaco/domain/user/repository/profile_image_repository.dart';
+
+import '../../../mock/data/user/data_source/mock_remote_profile_image_data_source_impl.dart';
+
+void main() {
+  group('ProfileImageRepositoryImpl 클래스', () {
+    final mockDataSource = MockRemoteProfileImageDataSourceImpl();
+    final ProfileImageRepository repository =
+        ProfileImageRepositoryImpl(remoteDataSource: mockDataSource);
+
+    group('getProfileImageList 메서드는', () {
+      tearDown(() {
+        mockDataSource.initMockData();
+      });
+
+      test('RemoteProfileImageDataSource.getProfileImageList()를 한번 호출한다.',
+          () async {
+        // Given
+        final expectResult = [ProfileImage(id: '0', imagePath: 'image path')];
+        mockDataSource.methodResult = expectResult;
+
+        // When
+        mockDataSource.getProfileImageList();
+
+        // Then
+        expect(mockDataSource.methodCallCount, 1);
+      });
+
+      test(
+          'RemoteProfileImageDataSource.getProfileImageList()에서 반환 받은 값을 그대로 반환한다.',
+          () async {
+        // Given
+        final expectResult = [ProfileImage(id: '0', imagePath: 'image path')];
+        mockDataSource.methodResult = expectResult;
+
+        // When
+        final result = await repository.getProfileImageList();
+
+        // Then
+        expect(expectResult, result);
+      });
+    });
+  });
+}
diff --git a/test/data/user/repository/user_auth_repository_impl_test.dart b/test/data/user/repository/user_auth_repository_impl_test.dart
new file mode 100644
index 00000000..fa7ab7c3
--- /dev/null
+++ b/test/data/user/repository/user_auth_repository_impl_test.dart
@@ -0,0 +1,290 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/data/user/repository/user_auth_repository_impl.dart';
+import 'package:weaco/domain/user/model/user_auth.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/repository/user_auth_repository.dart';
+
+import '../../../mock/data/user/data_source/mock_remote_user_profile_data_source.dart';
+import '../../../mock/data/user/data_source/mock_user_auth_data_source.dart';
+
+void main() {
+  final MockUserAuthDataSourceImpl userAuthDataSource =
+      MockUserAuthDataSourceImpl();
+  final MockRemoteUserProfileDataSourceImpl userProfileDataSource =
+      MockRemoteUserProfileDataSourceImpl();
+
+  final UserAuthRepository userAuthRepository = UserAuthRepositoryImpl(
+    userAuthDataSource: userAuthDataSource,
+    remoteUserProfileDataSource: userProfileDataSource,
+  );
+
+  final userAuth = UserAuth(
+    email: 'qoophon@gmail.com',
+    password: 'password',
+  );
+  final userProfile = UserProfile(
+    email: 'qoophon@gmail.com',
+    nickname: '김동혁',
+    gender: 1,
+    profileImagePath: '/test/assets/image.jpg',
+    feedCount: 0,
+    createdAt: DateTime(2024, 05, 09),
+  );
+
+  group('UserAuthRepositoryImpl 클래스', () {
+    setUp(() {
+      userAuthDataSource.initMockData();
+      userProfileDataSource.initMockData();
+    });
+
+    group('signUp() 메소드는', () {
+      test('UserAuthDataSource.signUp() 메소드를 무조건 1회 호출한다.', () async {
+        // given
+        int expectCallCount = 1;
+
+        // when
+        await userAuthRepository.signUp(
+          userAuth: userAuth,
+          userProfile: userProfile,
+        );
+
+        // then
+        expect(userAuthDataSource.signUpCallCount, expectCallCount);
+      });
+
+      test(
+          'UserAuthDataSource.signUp() 이 실패하면'
+          'RemoteUserProfileDataSource.saveUserProfile() 메소드를'
+          '호출하지 않는다.', () async {
+        // given
+        int expectCallCount = 0;
+
+        userAuthDataSource.returnValue = false;
+
+        // when
+        await userAuthRepository.signUp(
+          userAuth: userAuth,
+          userProfile: userProfile,
+        );
+
+        // then
+        expect(userProfileDataSource.methodCallCount, expectCallCount);
+      });
+
+      test(
+          'UserAuthDataSource.signUp() 이 성공하면'
+          'RemoteUserProfileDataSource.saveUserProfile() 메소드를'
+          '1회 호출한다.', () async {
+        // given
+        int expectCallCount = 1;
+
+        userAuthDataSource.returnValue = true;
+
+        // when
+        await userAuthRepository.signUp(
+          userAuth: userAuth,
+          userProfile: userProfile,
+        );
+
+        // then
+        expect(userProfileDataSource.methodCallCount, expectCallCount);
+      });
+
+      test(
+          '인자로 받은 값을 각각 '
+          'UserAuthDataSource.signUp(),'
+          'RemoteUserProfileDataSource.saveUserProfile() 메소드에 그대로 전달한다.',
+          () async {
+        // given
+        final expectUserAuth = userAuth.copyWith();
+        final expectUserProfile = userProfile.copyWith();
+
+        final expectUserAuthParameter = {
+          'email': expectUserAuth.email,
+          'password': expectUserAuth.password,
+        };
+
+        userAuthDataSource.returnValue = true;
+        userProfileDataSource.isSaved = true;
+
+        // when
+        await userAuthRepository.signUp(
+          userAuth: expectUserAuth,
+          userProfile: expectUserProfile,
+        );
+
+        // then
+        expect(userAuthDataSource.methodParameter, expectUserAuthParameter);
+        expect(userProfileDataSource.methodUserProfileParameter,
+            expectUserProfile);
+      });
+
+      test('회원가입이 성공했을 때 true 를 반환한다.', () async {
+        // given
+        final expectUserAuth = userAuth.copyWith();
+        final expectUserProfile = userProfile.copyWith();
+
+        userAuthDataSource.returnValue = true;
+        userProfileDataSource.isSaved = true;
+
+        // when
+        final actualResult = await userAuthRepository.signUp(
+          userAuth: expectUserAuth,
+          userProfile: expectUserProfile,
+        );
+
+        // then
+        expect(actualResult, true);
+      });
+      test('회원가입이 성공했을 때 false 를 반환한다.', () async {
+        // given
+        final expectUserAuth = userAuth.copyWith();
+        final expectUserProfile = userProfile.copyWith();
+
+        userAuthDataSource.returnValue = false;
+
+        // when
+        final actualResult = await userAuthRepository.signUp(
+          userAuth: expectUserAuth,
+          userProfile: expectUserProfile,
+        );
+
+        // then
+        expect(actualResult, false);
+      });
+    });
+
+    group('signIn() 메소드는', () {
+      test('UserAuthDataSource.signIn() 메소드를 1회 호출한다.', () async {
+        // given
+        int expectCallCount = 1;
+
+        // when
+        await userAuthRepository.signIn(
+          userAuth: userAuth,
+        );
+
+        // then
+        expect(userAuthDataSource.signInCallCount, expectCallCount);
+      });
+
+      test('인자로 받은 값을 UserAuthDataSource.signIn() 메소드에 그대로 전달한다.', () async {
+        // given
+        final expectUserAuth = userAuth.copyWith();
+
+        final expectUserAuthParameter = {
+          'email': expectUserAuth.email,
+          'password': expectUserAuth.password,
+        };
+
+        // when
+        await userAuthRepository.signIn(
+          userAuth: expectUserAuth,
+        );
+
+        // then
+        expect(userAuthDataSource.methodParameter, expectUserAuthParameter);
+      });
+
+      test('로그인이 성공했을 때 true 를 반환한다.', () async {
+        // given
+        final expectUserAuth = userAuth.copyWith();
+
+        userAuthDataSource.returnValue = true;
+
+        // when
+        final actualResult = await userAuthRepository.signIn(
+          userAuth: expectUserAuth,
+        );
+
+        // then
+        expect(actualResult, true);
+      });
+
+      test('로그인이 성공했을 때 false 를 반환한다.', () async {
+        // given
+        final expectUserAuth = userAuth.copyWith();
+
+        userAuthDataSource.returnValue = false;
+
+        // when
+        final actualResult = await userAuthRepository.signIn(
+          userAuth: expectUserAuth,
+        );
+
+        // then
+        expect(actualResult, false);
+      });
+    });
+
+    group('logOut() 메소드는', () {
+      test('UserAuthDataSource.logOut() 메소드를 1회 호출한다.', () async {
+        // given
+        int expectCallCount = 1;
+
+        // when
+        await userAuthRepository.logOut();
+
+        // then
+        expect(userAuthDataSource.logOutCallCount, expectCallCount);
+      });
+
+      test('로그아웃이 성공했을 때 true 를 반환한다.', () async {
+        // given
+        userAuthDataSource.returnValue = true;
+
+        // when
+        final actualResult = await userAuthRepository.logOut();
+
+        // then
+        expect(actualResult, true);
+      });
+
+      test('로그아웃이 성공했을 때 false 를 반환한다.', () async {
+        // given
+        userAuthDataSource.returnValue = false;
+
+        // when
+        final actualResult = await userAuthRepository.logOut();
+
+        // then
+        expect(actualResult, false);
+      });
+    });
+
+    group('signOut() 메소드는', () {
+      test('UserAuthDataSource.signOut() 메소드를 1회 호출한다.', () async {
+        // given
+        int expectCallCount = 1;
+
+        // when
+        await userAuthRepository.signOut();
+
+        // then
+        expect(userAuthDataSource.signOutCallCount, expectCallCount);
+      });
+
+      test('회원탈퇴가 성공했을 때 true 를 반환한다.', () async {
+        // given
+        userAuthDataSource.returnValue = true;
+
+        // when
+        final actualResult = await userAuthRepository.signOut();
+
+        // then
+        expect(actualResult, true);
+      });
+
+      test('회원탈퇴가 성공했을 때 false 를 반환한다.', () async {
+        // given
+        userAuthDataSource.returnValue = false;
+
+        // when
+        final actualResult = await userAuthRepository.signOut();
+
+        // then
+        expect(actualResult, false);
+      });
+    });
+  });
+}
diff --git a/test/data/weather/data_source/local_data_source/local_daily_location_weather_data_source_impl_test.dart b/test/data/weather/data_source/local_data_source/local_daily_location_weather_data_source_impl_test.dart
new file mode 100644
index 00000000..8843b944
--- /dev/null
+++ b/test/data/weather/data_source/local_data_source/local_daily_location_weather_data_source_impl_test.dart
@@ -0,0 +1,178 @@
+import 'dart:convert';
+
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/data/weather/data_source/local_data_source/local_daily_location_weather_data_source.dart';
+import 'package:weaco/data/weather/data_source/local_data_source/local_daily_location_weather_data_source_impl.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+import '../../../../mock/core/hive/mock_hive_wrapper.dart';
+
+void main() async {
+  group('LocalDailyLocationWeatherDataSourceImpl 클래스', () {
+    final hiveWrapper = MockHiveWrapper();
+    final LocalDailyLocationWeatherDataSource
+        localDailyLocationWeatherDataSource =
+        LocalDailyLocationWeatherDataSourceImpl(hiveWrapper: hiveWrapper);
+
+    setUp(() async {
+      await hiveWrapper.initMockData();
+    });
+
+    group('saveLocalDailyLocationWeather 메서드는', () {
+      test('HiveWrapper.writeData()의 key, value 를 호출한다.', () async {
+        // Given
+        const String testKey = 'daily_location_weather_key';
+
+        final dateNow = DateTime.now();
+
+        final dailyLocationWeather = DailyLocationWeather(
+          highTemperature: 21,
+          lowTemperature: 12,
+          weatherList: [
+            Weather(
+              temperature: 1,
+              timeTemperature: dateNow,
+              code: 1,
+              createdAt: dateNow,
+            ),
+            Weather(
+              temperature: 1,
+              timeTemperature: dateNow,
+              code: 1,
+              createdAt: dateNow,
+            )
+          ],
+          yesterDayWeatherList: [
+            Weather(
+              temperature: 1,
+              timeTemperature: dateNow,
+              code: 1,
+              createdAt: dateNow,
+            ),
+            Weather(
+              temperature: 1,
+              timeTemperature: dateNow,
+              code: 1,
+              createdAt: dateNow,
+            )
+          ],
+          tomorrowWeatherList: [
+            Weather(
+              temperature: 1,
+              timeTemperature: dateNow,
+              code: 1,
+              createdAt: dateNow,
+            ),
+            Weather(
+              temperature: 1,
+              timeTemperature: dateNow,
+              code: 1,
+              createdAt: dateNow,
+            )
+          ],
+          location: Location(
+            lat: 113.1,
+            lng: 213.1,
+            city: '서울시',
+            createdAt: dateNow,
+          ),
+          createdAt: dateNow,
+          seasonCode: 0,
+        );
+
+        // When
+        await localDailyLocationWeatherDataSource.saveLocalDailyLocationWeather(
+          dailyLocationWeather: dailyLocationWeather,
+        );
+
+        // Then
+        expect(testKey, hiveWrapper.mockKey);
+        expect(
+          jsonEncode(dailyLocationWeather.toJson()),
+          hiveWrapper.mockValue,
+        );
+      });
+    });
+
+    group('getLocalDailyLocationWeather 메서드는', () {
+      test('로컬에 저장된 데이터를 HiveWrapper.readData()로 value 를 호출한다.', () async {
+        // Given
+        const String testKey = 'daily_location_weather_key';
+
+        final dateNow = DateTime.now();
+
+        final dailyLocationWeather = DailyLocationWeather(
+          highTemperature: 21,
+          lowTemperature: 12,
+          weatherList: [
+            Weather(
+              temperature: 1,
+              timeTemperature: dateNow,
+              code: 1,
+              createdAt: dateNow,
+            ),
+            Weather(
+              temperature: 1,
+              timeTemperature: dateNow,
+              code: 1,
+              createdAt: dateNow,
+            )
+          ],
+          yesterDayWeatherList: [
+            Weather(
+              temperature: 1,
+              timeTemperature: dateNow,
+              code: 1,
+              createdAt: dateNow,
+            ),
+            Weather(
+              temperature: 1,
+              timeTemperature: dateNow,
+              code: 1,
+              createdAt: dateNow,
+            )
+          ],
+          tomorrowWeatherList: [
+            Weather(
+              temperature: 1,
+              timeTemperature: dateNow,
+              code: 1,
+              createdAt: dateNow,
+            ),
+            Weather(
+              temperature: 1,
+              timeTemperature: dateNow,
+              code: 1,
+              createdAt: dateNow,
+            )
+          ],
+          location: Location(
+            lat: 113.1,
+            lng: 213.1,
+            city: '서울시',
+            createdAt: dateNow,
+          ),
+          createdAt: dateNow,
+          seasonCode: 0,
+        );
+
+        await localDailyLocationWeatherDataSource.saveLocalDailyLocationWeather(
+          dailyLocationWeather: dailyLocationWeather,
+        );
+
+        // When
+        final weatherData = await localDailyLocationWeatherDataSource
+            .getLocalDailyLocationWeather();
+
+        // Then
+        expect(testKey, hiveWrapper.mockKey);
+        expect(
+          weatherData,
+          DailyLocationWeather.fromJson(jsonDecode(hiveWrapper.mockValue)),
+        );
+      });
+    });
+  });
+}
diff --git a/test/data/weather/data_source/remote_data_source/meteo_weather_api_test.dart b/test/data/weather/data_source/remote_data_source/meteo_weather_api_test.dart
new file mode 100644
index 00000000..797a4639
--- /dev/null
+++ b/test/data/weather/data_source/remote_data_source/meteo_weather_api_test.dart
@@ -0,0 +1,117 @@
+import 'package:flutter_dotenv/flutter_dotenv.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/core/config/meteo_config.dart';
+import 'package:weaco/core/dio/base_response.dart';
+import 'package:weaco/core/exception/internal_server_exception.dart';
+import 'package:weaco/core/exception/not_found_exception.dart';
+import 'package:weaco/data/weather/data_source/remote_data_source/meteo_weather_api.dart';
+import 'package:weaco/data/weather/dto/daily_dto.dart';
+import 'package:weaco/data/weather/dto/hourly_dto.dart';
+import 'package:weaco/data/weather/dto/weather_dto.dart';
+
+import '../../../../mock/core/dio/mock_meteo_dio.dart';
+
+Future<void> main() async {
+  await dotenv.load(fileName: '.env');
+
+  group('MeteoWeatherApi 클래스', () {
+    final MockMeteoDio mockMeteoDio = MockMeteoDio();
+    final MeteoWeatherApi meteoWeatherApi = MeteoWeatherApi(dio: mockMeteoDio);
+    const double lat = 37.27;
+    const double lng = 127.27;
+    BaseResponse response = BaseResponse(statusCode: 200, body: {});
+    setUp(() => mockMeteoDio.initMockData());
+
+    group('getWeather 메서드는', () {
+      test('인자로 전달받은 lat과 lng으로 url을 만들어 dio.get에 전달한다.', () async {
+        // Given
+        final expectedUrl =
+            '${MeteoConfig.baseUrl}/v1/forecast?hourly=temperature_2m,'
+            'weathercode&latitude=$lat&longitude=$lng&lang=ko&past_days=1&'
+            'forecast_days=2&daily=temperature_2m_max,temperature_2m_min&'
+            'timezone=Asia%2FTokyo';
+        mockMeteoDio.getResponseReturnData = response;
+
+        // When
+        await meteoWeatherApi.getWeather(lat: lat, lng: lng);
+
+        // Then
+        expect(mockMeteoDio.getPathParameter, expectedUrl);
+      });
+
+      test('반환받은 status code가 404라면 NotFoundException예외를 던진다.', () async {
+        // Given
+        mockMeteoDio.getResponseReturnData =
+            BaseResponse(statusCode: 404, body: {});
+
+        // When Then
+        expect(meteoWeatherApi.getWeather(lat: lat, lng: lng),
+            throwsA(isA<NotFoundException>()));
+      });
+
+      test('반환받은 status code가 500이라면 InternalServerException예외를 던진다.',
+          () async {
+        // Given
+        mockMeteoDio.getResponseReturnData =
+            BaseResponse(statusCode: 500, body: {});
+
+        // When Then
+        expect(meteoWeatherApi.getWeather(lat: lat, lng: lng),
+            throwsA(isA<InternalServerException>()));
+      });
+
+      test('반환받은 status code가 200이라면 BaseResponse를 반환한다.', () async {
+        // Given
+        final expected = WeatherDto(
+          latitude: lat,
+          longitude: lng,
+          hourly: HourlyDto(
+            time: [
+              '2021-10-01T00:00:00+09:00',
+              '2021-10-01T01:00:00+09:00',
+              '2021-10-01T02:00:00+09:00'
+            ],
+            temperature2m: [10.0],
+            weathercode: [1],
+          ),
+          daily: DailyDto(
+            temperature2mMax: [20.0],
+            temperature2mMin: [10.0],
+          ),
+        );
+        mockMeteoDio.getResponseReturnData =
+            BaseResponse(statusCode: 200, body: {
+          'latitude': lat,
+          'longitude': lng,
+          'hourly': {
+            'time': [
+              '2021-10-01T00:00:00+09:00',
+              '2021-10-01T01:00:00+09:00',
+              '2021-10-01T02:00:00+09:00'
+            ],
+            'temperature_2m': [10.0],
+            'weathercode': [1],
+          },
+          'daily': {
+            'temperature_2m_max': [20.0],
+            'temperature_2m_min': [10.0],
+          },
+        });
+
+        // When
+        final result = await meteoWeatherApi.getWeather(lat: lat, lng: lng);
+
+        // Then
+        expect(result.latitude, expected.latitude);
+        expect(result.longitude, expected.longitude);
+        expect(result.hourly?.time, expected.hourly?.time);
+        expect(result.hourly?.temperature2m, expected.hourly?.temperature2m);
+        expect(result.hourly?.weathercode, expected.hourly?.weathercode);
+        expect(
+            result.daily?.temperature2mMax, expected.daily?.temperature2mMax);
+        expect(
+            result.daily?.temperature2mMin, expected.daily?.temperature2mMin);
+      });
+    });
+  });
+}
diff --git a/test/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source_impl_test.dart b/test/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source_impl_test.dart
new file mode 100644
index 00000000..27c0f6f6
--- /dev/null
+++ b/test/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source_impl_test.dart
@@ -0,0 +1,37 @@
+import 'package:fake_cloud_firestore/fake_cloud_firestore.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source.dart';
+import 'package:weaco/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source_impl.dart';
+
+void main() {
+  group('RemoteWeatherBackgroundImageDataSourceImpl 클래스', () {
+    final fakeFirestore = FakeFirebaseFirestore();
+    final RemoteWeatherBackgroundImageDataSource dataSource =
+        RemoteWeatherBackgroundImageDataSourceImpl(firestore: fakeFirestore);
+
+    group(
+        'getWeatherBackgroundImageList 메서드는 FirestoreDatabase의 weather_background_images 컬렉션의 모든 문서를 요청하여 반환한다.',
+        () {
+      test('', () async {
+        // Given
+        final codes = [0, 1];
+        final imagePaths = [
+          'https://health.chosun.com/2024012201607_0.jpg',
+          'https://health.chosun.com/2024012201607_1.jpg'
+        ];
+        for (int idx = 0; idx < imagePaths.length; idx++) {
+          fakeFirestore
+              .collection('weather_background_images')
+              .add({'code': codes[idx], 'image_path': imagePaths[idx]});
+        }
+
+        // When
+        final result = await dataSource.getWeatherBackgroundImageList();
+
+        // Then
+        expect(result[0].imagePath, imagePaths[0]);
+        expect(result[1].imagePath, imagePaths[1]);
+      });
+    });
+  });
+}
diff --git a/test/data/weather/repository/daily_location_weather_repository_impl_test.dart b/test/data/weather/repository/daily_location_weather_repository_impl_test.dart
new file mode 100644
index 00000000..f8b7de87
--- /dev/null
+++ b/test/data/weather/repository/daily_location_weather_repository_impl_test.dart
@@ -0,0 +1,171 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/data/weather/dto/daily_dto.dart';
+import 'package:weaco/data/weather/dto/hourly_dto.dart';
+import 'package:weaco/data/weather/dto/weather_dto.dart';
+import 'package:weaco/data/weather/mapper/daily_location_weather_mapper.dart';
+import 'package:weaco/data/weather/repository/daily_location_weather_repository_impl.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/repository/daily_location_weather_repository.dart';
+
+import '../../../mock/data/location/repository/mock_location_repository_impl.dart';
+import '../../../mock/data/weather/data_source/local_data_source/mock_local_daily_location_weather_data_source_impl.dart';
+import '../../../mock/data/weather/data_source/remote_data_source/mock_remote_weather_data_source_impl.dart';
+
+void main() {
+  group('DailyLocationRepositoryImpl 클래스', () {
+    final MockLocalDailyLocationWeatherDataSourceImpl
+        localDailyLocationWeatherDataSource =
+        MockLocalDailyLocationWeatherDataSourceImpl();
+    final MockRemoteWeatherDataSourceImpl remoteWeatherDataSource =
+        MockRemoteWeatherDataSourceImpl();
+    final MockLocationRepositoryImpl locationRepository =
+        MockLocationRepositoryImpl();
+    final DailyLocationWeatherRepository dailyLocationWeatherRepository =
+        DailyLocationWeatherRepositoryImpl(
+      localDailyLocationWeatherDataSource: localDailyLocationWeatherDataSource,
+      remoteWeatherDataSource: remoteWeatherDataSource,
+      locationRepository: locationRepository,
+    );
+    const double latitude = 37.5665;
+    const double longitude = 126.978;
+    DateTime now = DateTime(2024, 5, 5, 12, 0, 0);
+    WeatherDto weatherDto = WeatherDto(
+      latitude: latitude,
+      longitude: longitude,
+      daily: DailyDto(
+        time:
+            List.generate(3, (index) => '${now.year}-${now.month}-${now.day}'),
+        temperature2mMax: [20, 25, 30],
+        temperature2mMin: [10, 15, 20],
+      ),
+      hourly: HourlyDto(
+          time: List.generate(
+              72,
+              (index) =>
+                  '${now.year}-${now.month.toString().padLeft(2, '0')}-${(index ~/ 24 <= 1 ? now.day.toString().padLeft(2, '0') : (now.day - 1).toString().padLeft(2, '0'))}T${(index % 24).toString().padLeft(2, '0')}:00:00'),
+          temperature2m: List.generate(72, (index) => 15.0),
+          weathercode: List.generate(72, (index) => 1)),
+    );
+
+    Location location =
+        Location(lat: latitude, lng: longitude, city: '서울', createdAt: now);
+
+    DailyLocationWeather dailyLocationWeather =
+        weatherDto.toDailyLocationWeather(location: location);
+
+    setUp(() {
+      localDailyLocationWeatherDataSource.initMockData();
+      remoteWeatherDataSource.initMockData();
+      locationRepository.initMockData();
+    });
+
+    group('getDailyLocationWeather 메서드는', () {
+      test('로컬 DailyLocationWeather가 없을 경우, 새로운 데이터를 가져와 반환한다.', () async {
+        // Given
+        localDailyLocationWeatherDataSource.getLocalDailyLocationWeatherResult =
+            null;
+        remoteWeatherDataSource.getWeatherResult = weatherDto;
+        locationRepository.getLocationResult = location;
+
+        // When
+        await dailyLocationWeatherRepository.getDailyLocationWeather();
+
+        // Then
+        expect(
+            localDailyLocationWeatherDataSource
+                .getLocalDailyLocationWeatherResult,
+            isNull);
+        expect(
+            localDailyLocationWeatherDataSource
+                .getLocalDailyLocationWeatherCallCount,
+            1);
+        expect(remoteWeatherDataSource.getWeatherCallCount, 1);
+        expect(locationRepository.getLocationCallCount, 1);
+        expect(
+            localDailyLocationWeatherDataSource
+                .saveLocalDailyLocationWeatherCallCount,
+            1);
+      });
+
+      test('로컬 DailyLocationWeather가 생성된지 3시간이 지났을 경우, 새로운 데이터를 가져와 반환한다.',
+          () async {
+        // Given
+        localDailyLocationWeatherDataSource.getLocalDailyLocationWeatherResult =
+            dailyLocationWeather.copyWith(
+                createdAt: now.subtract(const Duration(hours: 4)));
+        remoteWeatherDataSource.getWeatherResult = weatherDto;
+        locationRepository.getLocationResult = location;
+
+        // When
+        final DailyLocationWeather actual =
+            await dailyLocationWeatherRepository.getDailyLocationWeather();
+
+        // Then
+        expect(actual.createdAt.isAfter(now.subtract(const Duration(hours: 3))),
+            isTrue);
+        expect(
+            localDailyLocationWeatherDataSource
+                .getLocalDailyLocationWeatherCallCount,
+            1);
+        expect(remoteWeatherDataSource.getWeatherCallCount, 1);
+        expect(locationRepository.getLocationCallCount, 1);
+        expect(
+            localDailyLocationWeatherDataSource
+                .saveLocalDailyLocationWeatherCallCount,
+            1);
+      });
+
+      test('로컬 DailyLocationWeather가 생성일자가 오늘이 아니라면 새로운 데이터를 가져와 반환한다.',
+          () async {
+        // Given
+        localDailyLocationWeatherDataSource.getLocalDailyLocationWeatherResult =
+            dailyLocationWeather.copyWith(
+                createdAt: now.subtract(const Duration(days: 1)));
+        remoteWeatherDataSource.getWeatherResult = weatherDto;
+        locationRepository.getLocationResult = location;
+
+        // When
+        final DailyLocationWeather actual =
+            await dailyLocationWeatherRepository.getDailyLocationWeather();
+
+        // Then
+        expect(actual.createdAt.isAfter(now.subtract(const Duration(hours: 3))),
+            isTrue);
+        expect(
+            localDailyLocationWeatherDataSource
+                .getLocalDailyLocationWeatherCallCount,
+            1);
+        expect(remoteWeatherDataSource.getWeatherCallCount, 1);
+        expect(locationRepository.getLocationCallCount, 1);
+        expect(
+            localDailyLocationWeatherDataSource
+                .saveLocalDailyLocationWeatherCallCount,
+            1);
+      });
+
+      test('로컬 DailyLocationWeather가 최신 데이터인 경우, 로컬 데이터를 반환한다.', () async {
+        // Given
+        localDailyLocationWeatherDataSource.getLocalDailyLocationWeatherResult =
+            dailyLocationWeather;
+
+        // When
+        final DailyLocationWeather actual =
+            await dailyLocationWeatherRepository.getDailyLocationWeather();
+
+        // Then
+        expect(actual, dailyLocationWeather);
+        expect(
+            localDailyLocationWeatherDataSource
+                .getLocalDailyLocationWeatherCallCount,
+            1);
+        expect(remoteWeatherDataSource.getWeatherCallCount, 0);
+        expect(locationRepository.getLocationCallCount, 0);
+        expect(
+            localDailyLocationWeatherDataSource
+                .saveLocalDailyLocationWeatherCallCount,
+            0);
+      });
+    });
+  });
+}
diff --git a/test/data/weather/repository/weather_background_image_repository_impl_test.dart b/test/data/weather/repository/weather_background_image_repository_impl_test.dart
new file mode 100644
index 00000000..688c7be1
--- /dev/null
+++ b/test/data/weather/repository/weather_background_image_repository_impl_test.dart
@@ -0,0 +1,52 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/data/weather/repository/weather_background_image_repository_impl.dart';
+import 'package:weaco/domain/weather/model/weather_background_image.dart';
+import 'package:weaco/domain/weather/repository/weather_background_image_repository.dart';
+
+import '../../../mock/data/weather/data_source/remote_data_source/mock_remote_weather_background_image_data_source_impl.dart';
+
+void main() {
+  group('ProfileImageRepositoryImpl 클래스', () {
+    final mockDataSource = MockRemoteWeatherBackgroundImageDataSourceImpl();
+    final WeatherBackgroundImageRepository repository =
+        WeatherBackgroundImageRepositoryImpl(remoteDataSource: mockDataSource);
+
+    group('getWeatherBackgroundImageList 메서드는', () {
+      tearDown(() {
+        mockDataSource.initMockData();
+      });
+
+      test(
+          'RemoteWeatherBackgroundImageDataSource.getWeatherBackgroundImageList()를 한번 호출한다.',
+          () async {
+        // Given
+        final expectResult = [
+          WeatherBackgroundImage(code: 0, imagePath: 'image path')
+        ];
+        mockDataSource.methodResult = expectResult;
+
+        // When
+        mockDataSource.getWeatherBackgroundImageList();
+
+        // Then
+        expect(mockDataSource.methodCallCount, 1);
+      });
+
+      test(
+          'RemoteWeatherBackgroundImageDataSource.getWeatherBackgroundImageList()에서 반환 받은 값을 그대로 반환한다.',
+          () async {
+        // Given
+        final expectResult = [
+          WeatherBackgroundImage(code: 0, imagePath: 'image path')
+        ];
+        mockDataSource.methodResult = expectResult;
+
+        // When
+        final result = await repository.getWeatherBackgroundImageList();
+
+        // Then
+        expect(expectResult, result);
+      });
+    });
+  });
+}
diff --git a/test/domain/feed/use_case/get_detail_feed_detail_use_case_test.dart b/test/domain/feed/use_case/get_detail_feed_detail_use_case_test.dart
new file mode 100644
index 00000000..f03cd878
--- /dev/null
+++ b/test/domain/feed/use_case/get_detail_feed_detail_use_case_test.dart
@@ -0,0 +1,66 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/get_detail_feed_detail_use_case.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+import '../../../mock/data/feed/repository/mock_feed_repository_impl.dart';
+
+
+
+void main() {
+  group('GetDetailFeedDetailUseCase 클래스', () {
+    final feedRepository = MockFeedRepositoryImpl();
+    final getDetailFeedDetailUseCase =
+        GetDetailFeedDetailUseCase(feedRepository: feedRepository);
+
+    setUp(() => feedRepository.initMockData());
+
+    group('getFeed 메소드는', () {
+      test('파라미터로 받은 id를 FeedRepository.getFeed에 넘긴다.', () async {
+        // Given
+        const String expectedId = 'id';
+
+        // When
+        await getDetailFeedDetailUseCase.execute(id: expectedId);
+
+        // Then
+        expect(feedRepository.methodParameterMap[expectedId], expectedId);
+      });
+
+      test('FeedRepository.getFeed를 호출하고 반환 받은 값을 그대로 반환한다.', () async {
+        // Given
+        const int expectedCallCount = 1;
+        final expectedFeed = Feed(
+          id: 'id',
+          imagePath: 'imagePath',
+          userEmail: 'userEmail',
+          description: 'description',
+          weather: Weather(
+            temperature: 1,
+            timeTemperature: DateTime.now(),
+            code: 1,
+            createdAt: DateTime.now(),
+          ),
+          seasonCode: 1,
+          location: Location(
+            lat: 1,
+            lng: 1,
+            city: 'city',
+            createdAt: DateTime.now(),
+          ),
+          createdAt: DateTime.now(),
+          deletedAt: null,
+        );
+        feedRepository.getFeedResult = expectedFeed;
+
+        // When
+        final actual = await getDetailFeedDetailUseCase.execute(id: '1');
+
+        // Then
+        expect(actual, expectedFeed);
+        expect(feedRepository.getFeedCallCount, expectedCallCount);
+      });
+    });
+  });
+}
diff --git a/test/domain/feed/use_case/get_my_page_feeds_use_case_test.dart b/test/domain/feed/use_case/get_my_page_feeds_use_case_test.dart
new file mode 100644
index 00000000..753e003f
--- /dev/null
+++ b/test/domain/feed/use_case/get_my_page_feeds_use_case_test.dart
@@ -0,0 +1,113 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/get_my_page_feeds_use_case.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+import '../../../mock/data/feed/repository/mock_feed_repository_impl.dart';
+
+void main() {
+  group('GetMyPageFeedsUseCase 클래스', () {
+    final mockFeedRepository = MockFeedRepositoryImpl();
+    final GetMyPageFeedsUseCase useCase =
+        GetMyPageFeedsUseCase(feedRepository: mockFeedRepository);
+
+    group('execute 메서드는', () {
+      setUp(
+        () => mockFeedRepository.initMockData(),
+      );
+
+      test('FeedRepository.getFeedList()를 한번 호출한다.', () async {
+        // Given
+        const expectCount = 1;
+        const email = 'yoonji5809@gmail.com';
+
+        // When
+        await useCase.execute(
+            email: email, createdAt: DateTime.now(), limit: 20);
+
+        // Then
+        expect(mockFeedRepository.getFeedListcallCount, expectCount);
+      });
+
+      test('FeedRepository.getFeedList()를 호출하고 반환 받은 값을 그대로 반환한다.', () async {
+        // Given
+        const email = 'yoonji5809@gmail.com';
+
+        final expectFeedList = [
+          Feed(
+            id: '1',
+            imagePath:
+                'https://fastly.picsum.photos/id/813/200/300.jpg?hmac=D5xik3d3YUFq2gWtCzrQZs6zuAcmSvgqdZb063ezs4U',
+            userEmail: 'yoonji5809@gmail.com',
+            description: 'OOTD 설명',
+            weather: Weather(
+              temperature: 11,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.parse('2024-05-01 13:27:00'),
+            ),
+            seasonCode: 1,
+            location: Location(
+              lat: 113.1,
+              lng: 213.1,
+              city: '서울시',
+              createdAt: DateTime.now(),
+            ),
+            createdAt: DateTime.now(),
+          ),
+          Feed(
+            id: '2',
+            imagePath:
+                'https://fastly.picsum.photos/id/813/200/300.jpg?hmac=D5xik3d3YUFq2gWtCzrQZs6zuAcmSvgqdZb063ezs4U',
+            userEmail: 'yoonji5809@gmail.com',
+            description: 'OOTD 설명',
+            weather: Weather(
+                temperature: 11,
+                timeTemperature: DateTime.parse('2024-05-01 13:27:00'),
+                code: 1,
+                createdAt: DateTime.parse('2024-05-01 13:27:00')),
+            seasonCode: 1,
+            location: Location(
+              lat: 113.1,
+              lng: 213.1,
+              city: '서울시',
+              createdAt: DateTime.parse('2024-05-01 13:27:00'),
+            ),
+            createdAt: DateTime.parse('2024-05-01 13:27:00'),
+          ),
+          Feed(
+            id: '3',
+            imagePath:
+                'https://fastly.picsum.photos/id/813/200/300.jpg?hmac=D5xik3d3YUFq2gWtCzrQZs6zuAcmSvgqdZb063ezs4U',
+            userEmail: 'yoonji5809@gmail.com',
+            description: 'OOTD 설명',
+            weather: Weather(
+              temperature: 11,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.parse('2024-05-01 13:27:00'),
+            ),
+            seasonCode: 1,
+            location: Location(
+              lat: 113.1,
+              lng: 213.1,
+              city: '서울시',
+              createdAt: DateTime.now(),
+            ),
+            createdAt: DateTime.now(),
+          )
+        ];
+
+        mockFeedRepository.addFeedList(feedList: expectFeedList);
+
+        // When
+        final feedList = await useCase.execute(
+            email: email, createdAt: DateTime.now(), limit: 20);
+
+        // Then
+        expect(feedList, expectFeedList);
+      });
+    });
+  });
+}
diff --git a/test/domain/feed/use_case/get_ootd_feed_list_use_case_test.dart b/test/domain/feed/use_case/get_ootd_feed_list_use_case_test.dart
new file mode 100644
index 00000000..a1636a3d
--- /dev/null
+++ b/test/domain/feed/use_case/get_ootd_feed_list_use_case_test.dart
@@ -0,0 +1,70 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/feed/use_case/get_ootd_feeds_use_case.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+import '../../../mock/data/feed/repository/mock_feed_repository_impl.dart';
+
+void main() {
+  group('GetOotdFeedsUseCase 클래스', () {
+    final mockFeedRepository = MockFeedRepositoryImpl();
+    final GetOotdFeedsUseCase useCase =
+        GetOotdFeedsUseCase(feedRepository: mockFeedRepository);
+
+    group('execute 메서드는', () {
+      setUp(
+        () => mockFeedRepository.initMockData(),
+      );
+
+      test('FeedRepository.getOotdList()를 한번 호출한다.', () async {
+        // Given
+        const expectCount = 1;
+        Weather mockWeather = Weather(
+          temperature: 25,
+          timeTemperature: DateTime.parse('2024-05-06'),
+          code: 1,
+          createdAt: DateTime.parse('2024-05-06'),
+        );
+
+        Location mockLocation = Location(
+          lat: 31.23,
+          lng: 29.48,
+          city: '서울시, 노원구',
+          createdAt: DateTime.parse('2024-05-06'),
+        );
+
+        final mockDailyLocationWeather = DailyLocationWeather(
+          seasonCode: 0,
+          highTemperature: 30,
+          lowTemperature: 20,
+          weatherList: [
+            mockWeather,
+            mockWeather,
+            mockWeather,
+          ],
+          yesterDayWeatherList: [
+            mockWeather,
+            mockWeather,
+            mockWeather,
+          ],
+          tomorrowWeatherList: [
+            mockWeather,
+            mockWeather,
+            mockWeather,
+          ],
+          location: mockLocation,
+          createdAt: DateTime.now(),
+        );
+
+        // When
+        await useCase.execute(
+          createdAt: DateTime.now(),
+          dailyLocationWeather: mockDailyLocationWeather,
+        );
+
+        // Then
+        expect(mockFeedRepository.getOotdFeedsListCallCount, expectCount);
+      });
+    });
+  });
+}
diff --git a/test/domain/feed/use_case/get_recommended_feeds_use_case_test.dart b/test/domain/feed/use_case/get_recommended_feeds_use_case_test.dart
new file mode 100644
index 00000000..4ff3a6d9
--- /dev/null
+++ b/test/domain/feed/use_case/get_recommended_feeds_use_case_test.dart
@@ -0,0 +1,145 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/get_recommended_feeds_use_case.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+import '../../../mock/data/feed/repository/mock_feed_repository_impl.dart';
+
+void main() {
+  group('GetUserPageUserProfileUseCase 클래스', () {
+    final mockFeedRepository = MockFeedRepositoryImpl();
+    final GetRecommendedFeedsUseCase useCase =
+        GetRecommendedFeedsUseCase(feedRepository: mockFeedRepository);
+
+    setUp(() {
+      mockFeedRepository.initMockData();
+
+      final expectedDailyLocationWeather = DailyLocationWeather(
+        seasonCode: 0,
+        highTemperature: 15,
+        lowTemperature: 12,
+        weatherList: [
+          Weather(
+            temperature: 1,
+            timeTemperature: DateTime.now(),
+            code: 1,
+            createdAt: DateTime.now(),
+          ),
+          Weather(
+            temperature: 1,
+            timeTemperature: DateTime.now(),
+            code: 1,
+            createdAt: DateTime.now(),
+          )
+        ],
+        yesterDayWeatherList: [
+          Weather(
+            temperature: 1,
+            timeTemperature: DateTime.now(),
+            code: 1,
+            createdAt: DateTime.now(),
+          ),
+          Weather(
+            temperature: 1,
+            timeTemperature: DateTime.now(),
+            code: 1,
+            createdAt: DateTime.now(),
+          )
+        ],
+        tomorrowWeatherList: [
+          Weather(
+            temperature: 1,
+            timeTemperature: DateTime.now(),
+            code: 1,
+            createdAt: DateTime.now(),
+          ),
+          Weather(
+            temperature: 1,
+            timeTemperature: DateTime.now(),
+            code: 1,
+            createdAt: DateTime.now(),
+          )
+        ],
+        location: Location(
+          lat: 113.1,
+          lng: 213.1,
+          city: '서울시',
+          createdAt: DateTime.now(),
+        ),
+        createdAt: DateTime.now(),
+      );
+
+      mockFeedRepository.dailyLocationWeather = expectedDailyLocationWeather;
+    });
+
+    group('execute 메서드는', () {
+      test('FeedRepository.getRecommendedFeeds()을 한번 호출한다.', () async {
+        // Given
+        const expectCount = 1;
+
+        // When
+        await useCase.execute(
+            dailyLocationWeather: mockFeedRepository.dailyLocationWeather!);
+
+        // Then
+        expect(mockFeedRepository.getRecommendedFeedsCallCount, expectCount);
+      });
+
+      test('FeedRepository.getRecommendedFeeds()를 호출하고 반환 받은 값을 그대로 반환한다.',
+          () async {
+        // Given
+        final feed1 = Feed(
+            id: '0',
+            imagePath: '',
+            userEmail: 'hoogom87@gmail.com',
+            description: '오늘의 OOTD',
+            weather: Weather(
+                code: 0,
+                temperature: 23.4,
+                timeTemperature: DateTime.now(),
+                createdAt: DateTime.now()),
+            seasonCode: 0,
+            location: Location(
+                createdAt: DateTime.now(),
+                lat: 38.325,
+                lng: 128.4356,
+                city: '서울'),
+            createdAt: DateTime.now(),
+            deletedAt: DateTime.now());
+        final feed2 = feed1.copyWith(
+            weather: Weather(
+                temperature: 26.4,
+                timeTemperature: DateTime.now(),
+                code: 1,
+                createdAt: DateTime.now()));
+        final feed3 = feed1.copyWith(
+            seasonCode: 1,
+            weather: Weather(
+                temperature: 18.4,
+                timeTemperature: DateTime.now(),
+                code: 2,
+                createdAt: DateTime.now()));
+        final feed4 = feed1.copyWith(
+            seasonCode: 2,
+            weather: Weather(
+                temperature: 9.4,
+                timeTemperature: DateTime.now(),
+                code: 3,
+                createdAt: DateTime.now()));
+        mockFeedRepository.addFeed(feed: feed1);
+        mockFeedRepository.addFeed(feed: feed2);
+        mockFeedRepository.addFeed(feed: feed3);
+        mockFeedRepository.addFeed(feed: feed4);
+
+        // When
+        final result = await useCase.execute(
+            dailyLocationWeather: mockFeedRepository.dailyLocationWeather!);
+
+        // Then
+        expect(result, [feed1, feed2, feed3, feed4]);
+      });
+    });
+  });
+}
diff --git a/test/domain/feed/use_case/get_search_feeds_use_case_test.dart b/test/domain/feed/use_case/get_search_feeds_use_case_test.dart
new file mode 100644
index 00000000..5dde140e
--- /dev/null
+++ b/test/domain/feed/use_case/get_search_feeds_use_case_test.dart
@@ -0,0 +1,129 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/get_search_feeds_use_case.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+import '../../../mock/data/feed/repository/mock_feed_repository_impl.dart';
+
+void main() {
+  group('GetSearchFeedsUseCase 클래스', () {
+    final mockFeedRepository = MockFeedRepositoryImpl();
+    final GetSearchFeedsUseCase getSearchFeedsUseCase =
+        GetSearchFeedsUseCase(feedRepository: mockFeedRepository);
+
+    setUp(() => mockFeedRepository.initMockData());
+
+    group('execute 메서드는', () {
+      test('FeedRepository.getSearchFeeds()을 한번 호출한다.', () async {
+        // Given
+        const expectCount = 1;
+
+        // When
+        await getSearchFeedsUseCase.execute();
+
+        // Then
+        expect(mockFeedRepository.getSearchFeedsCallCount, expectCount);
+      });
+
+      test('인자로 받은 필터링 조건을 FeedRepository.getSearchFeeds()에 그대로 전달한다.',
+          () async {
+        // Given
+        final Map<String, dynamic> expectParameter = {
+          'limit': 20,
+          'createdAt': null,
+          'seasonCode': 0,
+          'weatherCode': 0,
+          'minTemperature': 20,
+          'maxTemperature': 25,
+        };
+
+        // When
+        await getSearchFeedsUseCase.execute(
+          limit: expectParameter['limit'],
+          createdAt: expectParameter['createdAt'],
+          seasonCode: expectParameter['seasonCode'],
+          weatherCode: expectParameter['weatherCode'],
+          minTemperature: expectParameter['minTemperature'],
+          maxTemperature: expectParameter['maxTemperature'],
+        );
+
+        // Then
+        expect(mockFeedRepository.methodParameterMap, expectParameter);
+      });
+
+      test('FeedRepository.getSearchFeeds()를 호출하고 반환 받은 값을 그대로 반환한다.',
+          () async {
+        // Given
+        final feed1 = Feed(
+            id: '0',
+            imagePath: '',
+            userEmail: 'qoophon@gmail.com',
+            description: '오늘의 OOTD',
+            weather: Weather(
+                code: 0,
+                temperature: 23.4,
+                timeTemperature: DateTime.now(),
+                createdAt: DateTime.now()),
+            seasonCode: 0,
+            location: Location(
+                createdAt: DateTime.now(),
+                lat: 38.325,
+                lng: 128.4356,
+                city: '서울'),
+            createdAt: DateTime.now(),
+            deletedAt: DateTime.now());
+        final feed2 = feed1.copyWith(
+            weather: Weather(
+                temperature: 26.4,
+                timeTemperature: DateTime.now(),
+                code: 1,
+                createdAt: DateTime.now()));
+        final feed3 = feed1.copyWith(
+            seasonCode: 1,
+            weather: Weather(
+                temperature: 18.4,
+                timeTemperature: DateTime.now(),
+                code: 2,
+                createdAt: DateTime.now()));
+        final feed4 = feed1.copyWith(
+            seasonCode: 2,
+            weather: Weather(
+                temperature: 9.4,
+                timeTemperature: DateTime.now(),
+                code: 3,
+                createdAt: DateTime.now()));
+        mockFeedRepository.addFeed(feed: feed1);
+        mockFeedRepository.addFeed(feed: feed2);
+        mockFeedRepository.addFeed(feed: feed3);
+        mockFeedRepository.addFeed(feed: feed4);
+
+        // When
+        final result1 = await getSearchFeedsUseCase.execute();
+        final result2 = await getSearchFeedsUseCase.execute(seasonCode: 0);
+        final result3 = await getSearchFeedsUseCase.execute(seasonCode: 1);
+        final result4 = await getSearchFeedsUseCase.execute(
+            minTemperature: 0, maxTemperature: 10);
+        final result5 = await getSearchFeedsUseCase.execute(
+            minTemperature: 10, maxTemperature: 20);
+        final result6 = await getSearchFeedsUseCase.execute(
+            minTemperature: 0, maxTemperature: 20);
+        final result7 = await getSearchFeedsUseCase.execute(
+            seasonCode: 2, minTemperature: 0, maxTemperature: 20);
+        final result8 = await getSearchFeedsUseCase.execute(weatherCode: 3);
+        final result9 = await getSearchFeedsUseCase.execute(weatherCode: 4);
+
+        // Then
+        expect(result1, [feed1, feed2, feed3, feed4]);
+        expect(result2, [feed1, feed2]);
+        expect(result3, [feed3]);
+        expect(result4, [feed4]);
+        expect(result5, [feed3]);
+        expect(result6, [feed3, feed4]);
+        expect(result7, [feed4]);
+        expect(result8, [feed4]);
+        expect(result9, []);
+      });
+    });
+  });
+}
diff --git a/test/domain/feed/use_case/get_user_page_feeds_use_case_test.dart b/test/domain/feed/use_case/get_user_page_feeds_use_case_test.dart
new file mode 100644
index 00000000..dff0ee70
--- /dev/null
+++ b/test/domain/feed/use_case/get_user_page_feeds_use_case_test.dart
@@ -0,0 +1,113 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/get_user_page_feeds_use_case.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+import '../../../mock/data/feed/repository/mock_feed_repository_impl.dart';
+
+void main() {
+  group('GetUserPageFeedsUseCase 클래스', () {
+    final mockFeedRepository = MockFeedRepositoryImpl();
+    final GetUserPageFeedsUseCase useCase =
+    GetUserPageFeedsUseCase(feedRepository: mockFeedRepository);
+
+    group('execute 메서드는', () {
+      setUp(
+            () => mockFeedRepository.initMockData(),
+      );
+
+      test('FeedRepository.getFeedList()를 한번 호출한다.', () async {
+        // Given
+        const expectCount = 1;
+        const email = 'gildong@gmail.com';
+
+        // When
+        await useCase.execute(
+            email: email, createdAt: DateTime.now(), limit: 20);
+
+        // Then
+        expect(mockFeedRepository.getFeedListcallCount, expectCount);
+      });
+
+      test('FeedRepository.getFeedList()를 호출하고 반환 받은 값을 그대로 반환한다.', () async {
+        // Given
+        const email = 'gildong@gmail.com';
+
+        final expectFeedList = [
+          Feed(
+            id: '1',
+            imagePath:
+            'https://fastly.picsum.photos/id/813/200/300.jpg?hmac=D5xik3d3YUFq2gWtCzrQZs6zuAcmSvgqdZb063ezs4U',
+            userEmail: 'yoonji5809@gmail.com',
+            description: 'OOTD 설명',
+            weather: Weather(
+              temperature: 11,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.parse('2024-05-01 13:27:00'),
+            ),
+            seasonCode: 1,
+            location: Location(
+              lat: 113.1,
+              lng: 213.1,
+              city: '서울시',
+              createdAt: DateTime.now(),
+            ),
+            createdAt: DateTime.now(),
+          ),
+          Feed(
+            id: '2',
+            imagePath:
+            'https://fastly.picsum.photos/id/813/200/300.jpg?hmac=D5xik3d3YUFq2gWtCzrQZs6zuAcmSvgqdZb063ezs4U',
+            userEmail: 'yoonji5809@gmail.com',
+            description: 'OOTD 설명',
+            weather: Weather(
+                temperature: 11,
+                timeTemperature: DateTime.parse('2024-05-01 13:27:00'),
+                code: 1,
+                createdAt: DateTime.parse('2024-05-01 13:27:00')),
+            seasonCode: 1,
+            location: Location(
+              lat: 113.1,
+              lng: 213.1,
+              city: '서울시',
+              createdAt: DateTime.parse('2024-05-01 13:27:00'),
+            ),
+            createdAt: DateTime.parse('2024-05-01 13:27:00'),
+          ),
+          Feed(
+            id: '3',
+            imagePath:
+            'https://fastly.picsum.photos/id/813/200/300.jpg?hmac=D5xik3d3YUFq2gWtCzrQZs6zuAcmSvgqdZb063ezs4U',
+            userEmail: 'yoonji5809@gmail.com',
+            description: 'OOTD 설명',
+            weather: Weather(
+              temperature: 11,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.parse('2024-05-01 13:27:00'),
+            ),
+            seasonCode: 1,
+            location: Location(
+              lat: 113.1,
+              lng: 213.1,
+              city: '서울시',
+              createdAt: DateTime.now(),
+            ),
+            createdAt: DateTime.now(),
+          )
+        ];
+
+        mockFeedRepository.addFeedList(feedList: expectFeedList);
+
+        // When
+        final feedList = await useCase.execute(
+            email: email, createdAt: DateTime.now(), limit: 20);
+
+        // Then
+        expect(feedList, expectFeedList);
+      });
+    });
+  });
+}
diff --git a/test/domain/feed/use_case/remove_my_page_feed_use_case_test.dart b/test/domain/feed/use_case/remove_my_page_feed_use_case_test.dart
new file mode 100644
index 00000000..4df7b726
--- /dev/null
+++ b/test/domain/feed/use_case/remove_my_page_feed_use_case_test.dart
@@ -0,0 +1,36 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/feed/use_case/remove_my_page_feed_use_case.dart';
+import '../../../mock/data/feed/repository/mock_ootd_feed_repository_impl.dart';
+
+void main() {
+  group('RemoveMyPageFeedUseCase 클래스', () {
+    final mockOotdFeedRepository = MockOotdFeedRepositoryImpl();
+    final RemoveMyPageFeedUseCase useCase =
+        RemoveMyPageFeedUseCase(ootdFeedRepository: mockOotdFeedRepository);
+
+    group('execute 메소드는', () {
+      test('파라미터로 전달받은 id를 OotdFeedRepository에 그대로 전달한다.', () async {
+        // Given
+        const expected = 'id';
+
+        // When
+        await useCase.execute(id: expected);
+
+        // Then
+        expect(mockOotdFeedRepository.removeOotdFeedParamId, expected);
+      });
+
+      test('OotdFeedRepository.removeOotdFeed를 호출하고 반환받은 값을 그대로 반환한다.', () async {
+        // Given
+        const expected = true;
+        mockOotdFeedRepository.removeOotdFeedReturnValue = expected;
+
+        // When
+        final result = await useCase.execute(id: 'id');
+
+        // Then
+        expect(result, expected);
+      });
+    });
+  });
+}
diff --git a/test/domain/feed/use_case/save_edit_feed_use_case_test.dart b/test/domain/feed/use_case/save_edit_feed_use_case_test.dart
new file mode 100644
index 00000000..0a923856
--- /dev/null
+++ b/test/domain/feed/use_case/save_edit_feed_use_case_test.dart
@@ -0,0 +1,85 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/save_edit_feed_use_case.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+import '../../../mock/data/feed/repository/mock_ootd_feed_repository_impl.dart';
+
+void main() {
+  group('SaveEditFeedUseCase 클래스', () {
+    final ootdFeedRepository = MockOotdFeedRepositoryImpl();
+    final saveEditFeedUseCase =
+        SaveEditFeedUseCase(ootdFeedRepository: ootdFeedRepository);
+
+    setUp(() => ootdFeedRepository.initMockData());
+
+    group('execute 메소드는', () {
+      test('OotdFeedRepository.saveFeed를 한번 호출한다.', () async {
+        // Given
+        const int expectedCallCount = 1;
+
+        final mockFeedNew = Feed(
+          id: '',
+          imagePath: 'imagePath',
+          userEmail: 'userEmail',
+          description: 'description',
+          weather: Weather(
+            temperature: 1,
+            timeTemperature: DateTime.now(),
+            code: 1,
+            createdAt: DateTime.now(),
+          ),
+          seasonCode: 1,
+          location: Location(
+            lat: 1,
+            lng: 1,
+            city: 'city',
+            createdAt: DateTime.now(),
+          ),
+          createdAt: DateTime.now(),
+          deletedAt: null,
+        );
+
+        // When
+        await saveEditFeedUseCase.execute(feed: mockFeedNew);
+
+        // Then
+        expect(ootdFeedRepository.saveOotdFeedCallCount, expectedCallCount);
+      });
+
+      test('OotdFeedRepository.saveFeed를 호출하고 반환받은 값을 그대로 반환한다.', () async {
+        // Given
+        const bool expected = true;
+        final editedFeed = Feed(
+          id: 'id',
+          imagePath: 'imagePath',
+          userEmail: 'userEmail',
+          description: 'description',
+          weather: Weather(
+            temperature: 1,
+            timeTemperature: DateTime.now(),
+            code: 1,
+            createdAt: DateTime.now(),
+          ),
+          seasonCode: 1,
+          location: Location(
+            lat: 1,
+            lng: 1,
+            city: 'city',
+            createdAt: DateTime.now(),
+          ),
+          createdAt: DateTime.now(),
+          deletedAt: null,
+        );
+        ootdFeedRepository.saveOotdFeedParamFeed = editedFeed;
+        ootdFeedRepository.saveOotdFeedReturnValue = expected;
+
+        // When
+        final actual = await saveEditFeedUseCase.execute(feed: editedFeed);
+
+        // Then
+        expect(actual, expected);
+      });
+    });
+  });
+}
diff --git a/test/domain/file/use_case/get_background_image_list_use_case_test.dart b/test/domain/file/use_case/get_background_image_list_use_case_test.dart
new file mode 100644
index 00000000..23d9a272
--- /dev/null
+++ b/test/domain/file/use_case/get_background_image_list_use_case_test.dart
@@ -0,0 +1,43 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/weather/use_case/get_background_image_list_use_case.dart';
+import 'package:weaco/domain/weather/model/weather_background_image.dart';
+
+import '../../../mock/data/weather/repository/mock_weather_background_image_repository_impl.dart';
+
+void main() {
+  group('GetHomeImageUseCase 클래스', () {
+    final mockFileRepository = MockWeatherBackgroundImageRepository();
+    final GetBackgroundImageListUseCase getHomeBackgroundImageListUseCase =
+        GetBackgroundImageListUseCase(
+            weatherBackgroundImageRepository: mockFileRepository);
+    setUp(() => mockFileRepository.initMockData());
+    group('execute 메소드는', () {
+      test(
+          'WeatherBackgroundImageRepository.getWeatherBackgroundImageList()를 한번 호출한다',
+          () async {
+        // Given
+        const int expectedCallCount = 1;
+
+        // When
+        await getHomeBackgroundImageListUseCase.execute();
+
+        // Then
+        expect(mockFileRepository.methodCallCount, expectedCallCount);
+      });
+
+      test(
+          'WeatherBackgroundImageRepository.getWeatherBackgroundImageList()의 반환값을 반환한다',
+          () async {
+        // Given
+        final expected = [WeatherBackgroundImage(code: 0, imagePath: 'test')];
+        mockFileRepository.getWeatherBackgroundImageListResult = expected;
+
+        // When
+        final actual = await getHomeBackgroundImageListUseCase.execute();
+
+        // Then
+        expect(actual, expected);
+      });
+    });
+  });
+}
diff --git a/test/domain/file/use_case/get_image_use_case_test.dart b/test/domain/file/use_case/get_image_use_case_test.dart
new file mode 100644
index 00000000..41b99ec8
--- /dev/null
+++ b/test/domain/file/use_case/get_image_use_case_test.dart
@@ -0,0 +1,27 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/file/use_case/get_image_use_case.dart';
+
+import '../../../mock/data/file/repository/mock_file_repository_impl.dart';
+
+void main() {
+  group('GetImageUseCase 클래스', () {
+    final mockFileRepository = MockFileRepositoryImpl();
+    final GetImageUseCase useCase =
+        GetImageUseCase(fileRepository: mockFileRepository);
+
+    setUp(() => mockFileRepository.initMockData());
+
+    group('execute 메서드는', () {
+      test('FileRepository.getImage()을 한번 호출한다.', () async {
+        // Given
+        const expectCount = 1;
+
+        // When
+        await useCase.execute(isOrigin: true);
+
+        // Then
+        expect(mockFileRepository.getImageCallCount, expectCount);
+      });
+    });
+  });
+}
\ No newline at end of file
diff --git a/test/domain/file/use_case/refresh_user_page_use_case_test.dart b/test/domain/file/use_case/refresh_user_page_use_case_test.dart
new file mode 100644
index 00000000..9a08926e
--- /dev/null
+++ b/test/domain/file/use_case/refresh_user_page_use_case_test.dart
@@ -0,0 +1,161 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/common/use_case/refresh_user_page_use_case.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+
+import '../../../mock/data/feed/use_case/mock_get_user_page_feeds_use_case.dart';
+import '../../../mock/data/user/use_case/mock_get_user_profile_use_case.dart';
+
+void main() {
+  group('RefreshUserPageUseCase 클래스', () {
+    final MockGetUserProfileUseCase mockGetUserProfileUseCase =
+        MockGetUserProfileUseCase();
+    final MockGetUserPageFeedsUseCase mockGetUserPageFeedsUseCase =
+        MockGetUserPageFeedsUseCase();
+
+    final RefreshUserPageUseCase refreshUserPageUseCase =
+        RefreshUserPageUseCase(
+            getUserProfileUseCase: mockGetUserProfileUseCase,
+            getUserPageFeedsUseCase: mockGetUserPageFeedsUseCase);
+
+    final Map<String, dynamic> expectedParameterMap = {
+      'email': 'qoophon@gmail.com',
+      'createdAt': null,
+      'limit': 20,
+    };
+
+    final expectProfile = UserProfile(
+      email: 'qoophon@gmail.com',
+      nickname: '김동혁',
+      gender: 1,
+      profileImagePath:
+          'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+      feedCount: 0,
+      createdAt: DateTime.parse('2024-05-01 13:27:00'),
+    );
+
+    final expectFeedList = [
+      Feed(
+        id: '1',
+        imagePath:
+            'https://fastly.picsum.photos/id/813/200/300.jpg?hmac=D5xik3d3YUFq2gWtCzrQZs6zuAcmSvgqdZb063ezs4U',
+        userEmail: 'qoophon@gmail.com',
+        description: 'OOTD 설명',
+        weather: Weather(
+          temperature: 11,
+          timeTemperature: DateTime.now(),
+          code: 1,
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        ),
+        seasonCode: 1,
+        location: Location(
+          lat: 113.1,
+          lng: 213.1,
+          city: '서울시',
+          createdAt: DateTime.now(),
+        ),
+        createdAt: DateTime.now(),
+      ),
+      Feed(
+        id: '2',
+        imagePath:
+            'https://fastly.picsum.photos/id/813/200/300.jpg?hmac=D5xik3d3YUFq2gWtCzrQZs6zuAcmSvgqdZb063ezs4U',
+        userEmail: 'qoophon@gmail.com',
+        description: 'OOTD 설명',
+        weather: Weather(
+            temperature: 11,
+            timeTemperature: DateTime.parse('2024-05-01 13:27:00'),
+            code: 1,
+            createdAt: DateTime.parse('2024-05-01 13:27:00')),
+        seasonCode: 1,
+        location: Location(
+          lat: 113.1,
+          lng: 213.1,
+          city: '서울시',
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        ),
+        createdAt: DateTime.parse('2024-05-01 13:27:00'),
+      ),
+      Feed(
+        id: '3',
+        imagePath:
+            'https://fastly.picsum.photos/id/813/200/300.jpg?hmac=D5xik3d3YUFq2gWtCzrQZs6zuAcmSvgqdZb063ezs4U',
+        userEmail: 'qoophon@gmail.com',
+        description: 'OOTD 설명',
+        weather: Weather(
+          temperature: 11,
+          timeTemperature: DateTime.now(),
+          code: 1,
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        ),
+        seasonCode: 1,
+        location: Location(
+          lat: 113.1,
+          lng: 213.1,
+          city: '서울시',
+          createdAt: DateTime.now(),
+        ),
+        createdAt: DateTime.now(),
+      )
+    ];
+
+    setUp(() {
+      mockGetUserProfileUseCase.initMockData();
+      mockGetUserPageFeedsUseCase.initMockData();
+    });
+
+    group('execute() 메소드는', () {
+      test(
+          'mockGetUserProfileUseCase.execute(), '
+          'mockGetUserPageFeedsUseCase.execute() 메소드를 각 1회 호출한다.', () async {
+        const int expectCallCount = 1;
+
+        await refreshUserPageUseCase.execute(
+          email: expectedParameterMap['email'],
+          createdAt: expectedParameterMap['createdAt'],
+          limit: expectedParameterMap['limit'],
+        );
+
+        expect(mockGetUserProfileUseCase.executeCallCount, expectCallCount);
+        expect(mockGetUserPageFeedsUseCase.executeCallCount, expectCallCount);
+      });
+      test(
+          '전달 받은 인자를'
+          'mockGetUserProfileUseCase.execute() 와 '
+          'mockGetUserPageFeedsUseCase.execute() 메소드에 그대로 각각 전달한다.', () async {
+        await refreshUserPageUseCase.execute(
+          email: expectedParameterMap['email'],
+          createdAt: expectedParameterMap['createdAt'],
+          limit: expectedParameterMap['limit'],
+        );
+
+        expect(mockGetUserProfileUseCase.methodParameter,
+            expectedParameterMap['email']);
+        expect(mockGetUserPageFeedsUseCase.methodParameterMap,
+            expectedParameterMap);
+      });
+      test(
+          'mockGetUserProfileUseCase.execute() 와 '
+          'mockGetUserPageFeedsUseCase.execute() 메소드를 호출하고 전달받은 반환값을 '
+          'Map 형태로 감싸 반환한다.', () async {
+        mockGetUserProfileUseCase.returnValue = expectProfile;
+        mockGetUserPageFeedsUseCase.returnValue = expectFeedList;
+
+        final expectReturnValue = {
+          'userProfile': expectProfile,
+          'feedList': expectFeedList,
+        };
+
+        final actualReturnValue = await refreshUserPageUseCase.execute(
+          email: expectedParameterMap['email'],
+          createdAt: expectedParameterMap['createdAt'],
+          limit: expectedParameterMap['limit'],
+        );
+
+        expect(actualReturnValue, expectReturnValue);
+      });
+    });
+  });
+}
diff --git a/test/domain/file/use_case/save_image_use_case_test.dart b/test/domain/file/use_case/save_image_use_case_test.dart
new file mode 100644
index 00000000..bb4848d4
--- /dev/null
+++ b/test/domain/file/use_case/save_image_use_case_test.dart
@@ -0,0 +1,53 @@
+import 'dart:io';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/file/use_case/save_image_use_case.dart';
+
+import '../../../mock/data/file/repository/mock_file_repository_impl.dart';
+
+void main() {
+  group('SaveImageUseCase 클래스', () {
+    final mockFileRepository = MockFileRepositoryImpl();
+    final SaveImageUseCase useCase =
+    SaveImageUseCase(fileRepository: mockFileRepository);
+
+    setUp(() => mockFileRepository.initMockData());
+
+    group('execute 메서드는', () {
+      test('FileRepository.saveImage()을 한번 호출한다.', () async {
+        // Given
+        const expectCount = 1;
+        File data = File('flutter-wea-co\\test\\mock\\assets\\test_file.txt');
+
+        // When
+        await useCase.execute(file: data, isOrigin: true);
+
+        // Then
+        expect(mockFileRepository.saveImageCallCount, expectCount);
+      });
+
+      test('인자로 data를 FileRepository.saveImage()에 그대로 전달한다.', () async {
+        // Given
+        File data = File('flutter-wea-co\\test\\mock\\assets\\test_file.txt');
+
+        // When
+        await useCase.execute(file: data, isOrigin: true);
+
+        // Then
+        expect(mockFileRepository.methodParameterMap['data'], data);
+      });
+
+      test('FileRepository.saveImage()을 호출하고 반환 받은 값을 그대로 반환한다.', () async {
+        // Given
+        File data = File('flutter-wea-co\\test\\mock\\assets\\test_file.txt');
+        bool expectResult = false;
+        mockFileRepository.saveImageResult = expectResult;
+
+        // When
+        final result = await mockFileRepository.saveImage(isOrigin: true, file: data);
+
+        // Then
+        expect(result, expectResult);
+      });
+    });
+  });
+}
diff --git a/test/domain/location/use_case/get_location_use_case_test.dart b/test/domain/location/use_case/get_location_use_case_test.dart
new file mode 100644
index 00000000..fbdf1447
--- /dev/null
+++ b/test/domain/location/use_case/get_location_use_case_test.dart
@@ -0,0 +1,55 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/location/use_case/get_location_use_case.dart';
+
+import '../../../mock/data/location/repository/mock_location_repository_impl.dart';
+
+void main() {
+  group('GetLocationUseCase 클래스', () {
+    final MockLocationRepositoryImpl mockLocationRepositoryImpl =
+        MockLocationRepositoryImpl();
+
+    final GetLocationUseCase getLocationUseCase =
+        GetLocationUseCase(locationRepository: mockLocationRepositoryImpl);
+
+    setUp(() => mockLocationRepositoryImpl.initMockData());
+
+    group('execute 메서드는', () {
+      test('LocationRepository.getLocation()을 한번 호출한다.', () async {
+        // Given
+        const expectCount = 1;
+        final expectLocation = Location(
+          lat: 40.3,
+          lng: 127.3,
+          city: 'Seoul',
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        );
+        mockLocationRepositoryImpl.getLocationResult = expectLocation;
+
+        // When
+        await getLocationUseCase.execute();
+
+        // Then
+        expect(mockLocationRepositoryImpl.getLocationCallCount, expectCount);
+      });
+
+      test('LocationRepository.getLocation()를 호출하고 반환 받은 값을 그대로 반환한다.',
+          () async {
+        // Given
+        final expectLocation = Location(
+          lat: 40.3,
+          lng: 127.3,
+          city: 'Seoul',
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        );
+        mockLocationRepositoryImpl.getLocationResult = expectLocation;
+
+        // When
+        final actualLocation = await getLocationUseCase.execute();
+
+        // Then
+        expect(actualLocation, expectLocation);
+      });
+    });
+  });
+}
diff --git a/test/domain/user/data_source/remote_user_profile_data_source_test.dart b/test/domain/user/data_source/remote_user_profile_data_source_test.dart
new file mode 100644
index 00000000..ed62ad44
--- /dev/null
+++ b/test/domain/user/data_source/remote_user_profile_data_source_test.dart
@@ -0,0 +1,190 @@
+import 'package:fake_cloud_firestore/fake_cloud_firestore.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/data/user/data_source/remote_user_profile_data_source.dart';
+import 'package:weaco/data/user/data_source/remote_user_profile_date_source_impl.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+
+import '../../../mock/core/firebase/mock_firebase_auth_service.dart';
+
+void main() async {
+  final instance = FakeFirebaseFirestore();
+  final firebaseService = MockFirebaseAuthService();
+
+  final RemoteUserProfileDataSource dataSource =
+      RemoteUserProfileDataSourceImpl(
+          firestore: instance, firebaseService: firebaseService);
+
+  group(
+    'RemoteUserProfileDataSource 클래스',
+    () {
+      setUp(() => firebaseService.initMockData());
+
+      test('saveUserProfile()은 firebase storage에 파라미터로 받은 유저 프로필 정보를 저장한다.',
+          () async {
+        // Given
+        final expectedUserProfile = UserProfile(
+          email: 'test@gmail.com',
+          nickname: '테스트',
+          gender: 1,
+          profileImagePath:
+              'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+          feedCount: 0,
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        );
+
+        // When
+        final bool res =
+            await dataSource.saveUserProfile(userProfile: expectedUserProfile);
+
+        // Then
+        expect(res, true);
+      });
+      test(
+          'getUserProfile()은 firebase storage에서 파라미터로 받은 이메일과 동일한 유저 프로필 정보를 반환한다.',
+          () async {
+        // Given
+        await instance.collection('user_profiles').add({
+          'created_at': DateTime.parse('2024-05-01 13:27:00'),
+          'deleted_at': null,
+          'email': 'hoogom87@gmail.com',
+          'feed_count': 0,
+          'gender': 1,
+          'nickname': '호구몬',
+          'profile_image_path':
+              'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg'
+        });
+
+        // When
+        final UserProfile res =
+            await dataSource.getUserProfile(email: 'hoogom87@gmail.com');
+
+        final expectProfile = UserProfile(
+          email: 'hoogom87@gmail.com',
+          nickname: '호구몬',
+          gender: 1,
+          profileImagePath:
+              'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+          feedCount: 0,
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+          deletedAt: null,
+        );
+
+        // Then
+        expect(res, expectProfile);
+      });
+
+      test(
+        'getUserProfile() email 이 null 일 경우, 현재 유저 프로필 정보를 반환한다.',
+        () async {
+          // Given
+          await instance.collection('user_profiles').add({
+            'created_at': DateTime.parse('2024-05-08 02:27:00'),
+            'deleted_at': null,
+            'email': firebaseService.user?.email,
+            'feed_count': 0,
+            'gender': 1,
+            'nickname': '호구몬',
+            'profile_image_path':
+                'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg'
+          });
+
+          final expectProfile = UserProfile(
+            email: 'bob@somedomain.com',
+            nickname: '호구몬',
+            gender: 1,
+            profileImagePath:
+                'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+            feedCount: 0,
+            createdAt: DateTime.parse('2024-05-08 02:27:00'),
+            deletedAt: null,
+          );
+
+          // When
+          final result = await dataSource.getUserProfile();
+
+          // Then
+          expect(result, expectProfile);
+        },
+      );
+
+      test(
+        'updateUserProfile()은 userProfile 이 null 일 경우, 현재 유저 프로필 정보를 업데이트한다.',
+        () async {
+          // Given
+          await instance.collection('user_profiles').add({
+            'created_at': '2024-05-01 13:27:00',
+            'deleted_at': null,
+            'email': 'test@gmail.com',
+            'feed_count': 0,
+            'gender': 1,
+            'nickname': '호구몬',
+            'profile_image_path':
+                'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg'
+          });
+
+          final editedUserProfile = UserProfile(
+            email: 'test@gmail.com',
+            nickname: '테스트123',
+            gender: 1,
+            profileImagePath:
+                'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+            feedCount: 0,
+            createdAt: DateTime.parse('2024-05-01 13:27:00'),
+          );
+
+          // When
+          final bool res = await dataSource.updateUserProfile(
+              userProfile: editedUserProfile);
+
+          // Then
+          expect(res, true);
+        },
+      );
+      test(
+        'removeUserProfile()은 firebase storage에서 파라미터로 받은 이메일과 동일한 유저 프로필 정보를 삭제한다.',
+        () async {
+          // Given
+          await instance.collection('user_profiles').add({
+            'created_at': '2024-05-01 13:27:00',
+            'deleted_at': null,
+            'email': 'test@gmail.com',
+            'feed_count': 0,
+            'gender': 1,
+            'nickname': '호구몬',
+            'profile_image_path':
+                'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg'
+          });
+
+          // When
+          final bool res = await dataSource.removeUserProfile();
+
+          // Then
+          expect(res, true);
+        },
+      );
+
+      test(
+        'removeUserProfile()은 userProfile 이 null 일 경우, 현재 유저 프로필 정보를 삭제한다.',
+        () async {
+          // Given
+          await instance.collection('user_profiles').add({
+            'created_at': '2024-05-08 02:27:00',
+            'deleted_at': null,
+            'email': firebaseService.user?.email,
+            'feed_count': 0,
+            'gender': 1,
+            'nickname': '호구몬',
+            'profile_image_path':
+                'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg'
+          });
+
+          // When
+          final bool res = await dataSource.removeUserProfile();
+
+          // Then
+          expect(res, true);
+        },
+      );
+    },
+  );
+}
diff --git a/test/domain/user/repository/user_profile_repository_impl_test.dart b/test/domain/user/repository/user_profile_repository_impl_test.dart
new file mode 100644
index 00000000..92f3ceea
--- /dev/null
+++ b/test/domain/user/repository/user_profile_repository_impl_test.dart
@@ -0,0 +1,124 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/repository/user_profile_repository.dart';
+import 'package:weaco/data/user/repository/user_profile_repository_impl.dart';
+
+import '../../../mock/data/user/data_source/mock_remote_user_profile_data_source.dart';
+
+void main() {
+  group('UserProfileRepositoryImpl 클래스', () {
+    final remoteUserProfileDataSource = MockRemoteUserProfileDataSourceImpl();
+    final UserProfileRepository userProfileRepository =
+        UserProfileRepositoryImpl(
+            remoteUserProfileDataSource: remoteUserProfileDataSource);
+
+    group('getMyProfile 메서드는', () {
+      setUp(() {
+        remoteUserProfileDataSource.initMockData();
+      });
+
+      test('remoteUserProfileDataSource.getUserProfile 메서드를 한 번 호출한다.',
+          () async {
+        // Given
+        const int expectedCount = 1;
+        UserProfile userProfile = UserProfile(
+          email: 'test@email.com',
+          nickname: 'test',
+          gender: 0,
+          profileImagePath:
+              'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+          feedCount: 0,
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        );
+
+        remoteUserProfileDataSource.getUserProfileResult = userProfile;
+
+        // When
+        await userProfileRepository.getMyProfile();
+
+        // Then
+        expect(remoteUserProfileDataSource.methodCallCount, expectedCount);
+      });
+
+      test(
+          'remoteUserProfileDataSource.getUserProfile 메서드를 한 번 호출하고 유저 프로필을 반환한다.',
+          () async {
+        // Given
+        const int expectedCount = 1;
+        UserProfile expectedUserProfile = UserProfile(
+          email: 'test@email.com',
+          nickname: 'test',
+          gender: 0,
+          profileImagePath:
+              'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+          feedCount: 0,
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        );
+
+        remoteUserProfileDataSource.getUserProfileResult = expectedUserProfile;
+
+        // When
+        final actualUserProfile = await userProfileRepository.getMyProfile();
+
+        // Then
+        expect(remoteUserProfileDataSource.methodCallCount, expectedCount);
+        expect(actualUserProfile, expectedUserProfile);
+      });
+    });
+
+    group('getUserProfile 메서드는', () {
+      setUp(() {
+        remoteUserProfileDataSource.initMockData();
+      });
+
+      test('remoteUserProfileDataSource.getUserProfile 메서드를 한 번 호출한다.',
+          () async {
+        // Given
+        const int expectedCount = 1;
+        UserProfile userProfile = UserProfile(
+          email: 'test@email.com',
+          nickname: 'test',
+          gender: 0,
+          profileImagePath:
+              'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+          feedCount: 0,
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        );
+
+        remoteUserProfileDataSource.getUserProfileResult = userProfile;
+
+        // When
+        await userProfileRepository.getUserProfile(email: userProfile.email);
+
+        // Then
+        expect(remoteUserProfileDataSource.methodCallCount, expectedCount);
+      });
+
+      test(
+          'remoteUserProfileDataSource.getUserProfile 메서드를 한 번 호출하고 유저 프로필을 반환한다.',
+          () async {
+        // Given
+        const int expectedCount = 1;
+        UserProfile expectedUserProfile = UserProfile(
+          email: 'test@email.com',
+          nickname: 'test',
+          gender: 0,
+          profileImagePath:
+              'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+          feedCount: 0,
+          createdAt: DateTime.parse('2024-05-01 13:27:00'),
+        );
+
+        remoteUserProfileDataSource.getUserProfileResult = expectedUserProfile;
+
+        // When
+        final actualUserProfile = await userProfileRepository.getUserProfile(
+            email: expectedUserProfile.email);
+
+        // Then
+        expect(remoteUserProfileDataSource.methodCallCount, expectedCount);
+        expect(actualUserProfile, expectedUserProfile);
+      });
+    });
+  });
+}
diff --git a/test/domain/user/use_case/get_my_profile_use_case_test.dart b/test/domain/user/use_case/get_my_profile_use_case_test.dart
new file mode 100644
index 00000000..5610799a
--- /dev/null
+++ b/test/domain/user/use_case/get_my_profile_use_case_test.dart
@@ -0,0 +1,51 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/use_case/get_my_profile_use_case.dart';
+import '../../../mock/data/user/repository/mock_user_profile_repository_impl.dart';
+
+void main() {
+  group('GetMyPageUserProfileUseCase 클래스', () {
+    final mockUserProfileRepository = MockUserProfileRepositoryImpl();
+    final GetMyPageUserProfileUseCase useCase = GetMyPageUserProfileUseCase(
+        userProfileRepository: mockUserProfileRepository);
+
+    setUp(() {
+      mockUserProfileRepository.resetCallCount();
+      mockUserProfileRepository.resetProfile();
+    });
+
+    group('execute 메서드는', () {
+      test('UserProfileRepository.getMyProfile()을 한번 호출한다.', () async {
+        // Given
+        const expectCount = 1;
+
+        // When
+        await useCase.execute();
+
+        // Then
+        expect(mockUserProfileRepository.getMyProfileCallCount, expectCount);
+      });
+
+      test('UserProfileRepository.getMyProfile()를 호출하고 반환 받은 값을 그대로 반환한다.',
+          () async {
+        // Given
+        const validEmail = 'abcd@gmail.com';
+        final expectProfile = UserProfile(
+            email: validEmail,
+            nickname: '테스트',
+            gender: 1,
+            profileImagePath:
+                'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+            feedCount: 0,
+            createdAt: DateTime.parse('2024-05-01 13:27:00'));
+        mockUserProfileRepository.addMyProfile(profile: expectProfile);
+
+        // When
+        final profile = await useCase.execute();
+
+        // Then
+        expect(profile, expectProfile);
+      });
+    });
+  });
+}
diff --git a/test/domain/user/use_case/get_user_profile_use_case_test.dart b/test/domain/user/use_case/get_user_profile_use_case_test.dart
new file mode 100644
index 00000000..e4ffb9dc
--- /dev/null
+++ b/test/domain/user/use_case/get_user_profile_use_case_test.dart
@@ -0,0 +1,54 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/use_case/get_user_profile_use_case.dart';
+
+import '../../../mock/data/user/repository/mock_user_profile_repository_impl.dart';
+
+void main() {
+  group('GetUserProfileUseCase 클래스', () {
+    final mockUserProfileRepository = MockUserProfileRepositoryImpl();
+    GetUserProfileUseCase useCase =
+        GetUserProfileUseCase(userProfileRepository: mockUserProfileRepository);
+
+    group('getDetailUserProfile 메서드는', () {
+      setUp(() {
+        mockUserProfileRepository.methodParameterMap.clear();
+        mockUserProfileRepository.resetProfile();
+      });
+
+      test("'user@email.com'을 반환한다.", () async {
+        // Given
+        const String expectedResult = 'user@email.com';
+
+        // When
+        final UserProfile? result =
+            await useCase.execute(email: expectedResult);
+
+        // Then
+        expect(result, null);
+      });
+
+      test('이메일에 해당하는 프로필이 있는 경우 해당 프로필을 반환한다.', () async {
+        // Given
+        String email = 'mock@email.com';
+        UserProfile? expectedResult = UserProfile(
+          email: 'mock@email.com',
+          nickname: 'nickName',
+          gender: 0,
+          profileImagePath:
+              'https://health.chosun.com/site/data/img_dir/2024/01/22/2024012201607_0.jpg',
+          feedCount: 0,
+          createdAt: DateTime.parse('2024-05-01 14:27:00'),
+        );
+
+        mockUserProfileRepository.addProfile(profile: expectedResult);
+
+        // When
+        final result = await useCase.execute(email: email);
+
+        // expect
+        expect(result, expectedResult);
+      });
+    });
+  });
+}
diff --git a/test/domain/user/use_case/log_out_use_case_test.dart b/test/domain/user/use_case/log_out_use_case_test.dart
new file mode 100644
index 00000000..e16cca62
--- /dev/null
+++ b/test/domain/user/use_case/log_out_use_case_test.dart
@@ -0,0 +1,41 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/user/use_case/log_out_use_case.dart';
+
+import '../../../mock/data/user/repository/mock_user_auth_repository_impl.dart';
+
+
+void main() {
+  group('LogOutUseCase 클래스', () {
+    final userAuthRepository = MockUserAuthRepositoryImpl();
+    final LogOutUseCase useCase =
+        LogOutUseCase(userAuthRepository: userAuthRepository);
+
+    setUp(() => userAuthRepository.initMockData());
+
+    group('logOut 메서드는', () {
+      test('로그아웃 실패를 반환한다.', () async {
+        // Given
+        userAuthRepository.isLogOut = false;
+        final expectedResult = await userAuthRepository.logOut();
+
+        // When
+        final actual = await useCase.execute();
+
+        // Then
+        expect(actual, expectedResult);
+      });
+
+      test('로그아웃 성공을 반환한다.', () async {
+        // Given
+        userAuthRepository.isLogOut = true;
+        final expectedResult = await userAuthRepository.logOut();
+
+        // When
+        final actual = await useCase.execute();
+
+        // Then
+        expect(actual, expectedResult);
+      });
+    });
+  });
+}
diff --git a/test/domain/user/use_case/sign_in_use_case_test.dart b/test/domain/user/use_case/sign_in_use_case_test.dart
new file mode 100644
index 00000000..bc9de1b8
--- /dev/null
+++ b/test/domain/user/use_case/sign_in_use_case_test.dart
@@ -0,0 +1,79 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/user/model/user_auth.dart';
+import 'package:weaco/domain/user/use_case/sign_in_use_case.dart';
+
+import '../../../mock/data/user/repository/mock_user_auth_repository_impl.dart';
+
+void main() {
+  final mockUserAuthRepositoryImpl = MockUserAuthRepositoryImpl();
+
+  final SignInUseCase signInUseCase =
+      SignInUseCase(userAuthRepository: mockUserAuthRepositoryImpl);
+
+  setUp(() {
+    mockUserAuthRepositoryImpl.initMockData();
+  });
+
+  group('SignInUseCase 클래스', () {
+    group('execute() 메소드는', () {
+      test('UserAuthRepository.signIn() 메소드를 1회 호출한다.', () async {
+        int expectCallCount = 1;
+
+        final expectParameter = UserAuth(
+          email: 'qoophon@gmail.com',
+          password: 'password',
+        );
+
+        await signInUseCase.execute(userAuth: expectParameter);
+
+        expect(mockUserAuthRepositoryImpl.signInCallCount, expectCallCount);
+      });
+      test('전달받은 인자를 그대로 UserAuthRepository.signIn() 로 전달한다.', () async {
+        final expectParameter = UserAuth(
+          email: 'qoophon@gmail.com',
+          password: 'password',
+        );
+
+        await signInUseCase.execute(userAuth: expectParameter);
+
+        expect(mockUserAuthRepositoryImpl.methodParameter, expectParameter);
+      });
+      test('일치하는 유저가 없을시 false를 반환한다.', () async {
+        final expectParameter = UserAuth(
+          email: 'qoophon@gmail.com',
+          password: 'password',
+        );
+
+        mockUserAuthRepositoryImpl.addUserAuth(
+          UserAuth(
+            email: 'qoophon@gmail.com',
+            password: 'password1',
+          ),
+        );
+
+        final actualReturnValue =
+            await signInUseCase.execute(userAuth: expectParameter);
+
+        expect(actualReturnValue, false);
+      });
+      test('일치하는 유저가 있을 시 true를 반환한다.', () async {
+        final expectParameter = UserAuth(
+          email: 'qoophon@gmail.com',
+          password: 'password',
+        );
+
+        mockUserAuthRepositoryImpl.addUserAuth(
+          UserAuth(
+            email: 'qoophon@gmail.com',
+            password: 'password',
+          ),
+        );
+
+        final actualReturnValue =
+            await signInUseCase.execute(userAuth: expectParameter);
+
+        expect(actualReturnValue, true);
+      });
+    });
+  });
+}
diff --git a/test/domain/user/use_case/sign_out_use_case_test.dart b/test/domain/user/use_case/sign_out_use_case_test.dart
new file mode 100644
index 00000000..c1d684da
--- /dev/null
+++ b/test/domain/user/use_case/sign_out_use_case_test.dart
@@ -0,0 +1,40 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/user/use_case/sign_out_use_case.dart';
+
+import '../../../mock/data/user/repository/mock_user_auth_repository_impl.dart';
+
+void main() {
+  group('SignOutUseCase 클래스', () {
+    final userAuthRepository = MockUserAuthRepositoryImpl();
+    final SignOutUseCase useCase =
+        SignOutUseCase(userAuthRepository: userAuthRepository);
+
+    group('signOut 메서드는', () {
+      setUp(() => userAuthRepository.initMockData());
+
+      test('회원 탈퇴에 실패한다.', () async {
+        // Given
+        const bool expectedResult = false;
+        userAuthRepository.isSignOut = expectedResult;
+
+        // When
+        final result = await useCase.execute();
+
+        // Then
+        expect(result, expectedResult);
+      });
+
+      test('회원 탈퇴에 성공한다.', () async {
+        // Given
+        const bool expectedResult = true;
+        userAuthRepository.isSignOut = expectedResult;
+
+        // When
+        final result = await useCase.execute();
+
+        // Then
+        expect(result, expectedResult);
+      });
+    });
+  });
+}
diff --git a/test/domain/user/use_case/sign_up_use_case_test.dart b/test/domain/user/use_case/sign_up_use_case_test.dart
new file mode 100644
index 00000000..caa5a886
--- /dev/null
+++ b/test/domain/user/use_case/sign_up_use_case_test.dart
@@ -0,0 +1,100 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/user/model/user_auth.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/use_case/sign_up_use_case.dart';
+
+import '../../../mock/data/user/repository/mock_user_auth_repository_impl.dart';
+
+void main() {
+  group('SignUpUseCase 클래스', () {
+    final userAuthRepository = MockUserAuthRepositoryImpl();
+    final SignUpUseCase signUpUseCase =
+        SignUpUseCase(userAuthRepository: userAuthRepository);
+
+    group('execute 메서드는', () {
+      test('UserRepository.signUpUser()를 호출하여 회원가입에 성공하면 true를 반환한다.',
+          () async {
+            userAuthRepository.initMockData();
+
+        // Given
+        const existingEmail = 'existingUser@email.com';
+        const newEmail = 'newUser@email.com';
+        final existingUserAuth =
+            UserAuth(email: existingEmail, password: 'password');
+        final existingUserProfile = UserProfile(
+          email: existingUserAuth.email,
+          nickname: 'nickname',
+          gender: 1,
+          profileImagePath: 'profileImagePath',
+          feedCount: 0,
+          createdAt: DateTime.parse('2024-05-01'),
+        );
+        final newUserAuth = UserAuth(email: newEmail, password: 'password');
+        final newUserProfile = UserProfile(
+          email: newUserAuth.email,
+          nickname: 'nickname',
+          gender: 1,
+          profileImagePath: 'profileImagePath',
+          feedCount: 0,
+          createdAt: DateTime.parse('2024-05-05'),
+        );
+        userAuthRepository.isRegisteredResult = true;
+
+        // When
+        signUpUseCase.execute(
+            userAuth: existingUserAuth, userProfile: existingUserProfile);
+
+        if (!await userAuthRepository.isRegistered(email: newUserAuth.email)) {
+          bool success = await userAuthRepository.signUp(
+              userAuth: newUserAuth, userProfile: newUserProfile);
+
+
+          // Then
+          expect(success, true);
+        }
+      });
+
+      test('UserRepository.signUpUser()를 호출하여 회원가입에 실패하면 false를 반환한다.',
+          () async {
+        userAuthRepository.initMockData();
+
+        // Given
+        const existingEmail = 'existingUser@email.com';
+        const newEmailDuplicated = 'existingUser@email.com';
+        final existingUserAuth =
+            UserAuth(email: existingEmail, password: 'password');
+        final existingUserProfile = UserProfile(
+          email: existingUserAuth.email,
+          nickname: 'nickname',
+          gender: 1,
+          profileImagePath: 'profileImagePath',
+          feedCount: 0,
+          createdAt: DateTime.parse('2024-05-01'),
+        );
+        final newUserAuth =
+            UserAuth(email: newEmailDuplicated, password: 'password');
+        final newUserProfileDuplicated = UserProfile(
+          email: newUserAuth.email,
+          nickname: 'nickname',
+          gender: 1,
+          profileImagePath: 'profileImagePath',
+          feedCount: 0,
+          createdAt: DateTime.parse('2024-05-05'),
+        );
+        userAuthRepository.isRegisteredResult = true;
+
+        // When
+        signUpUseCase.execute(
+            userAuth: existingUserAuth, userProfile: existingUserProfile);
+
+        if (!await userAuthRepository.isRegistered(email: newUserAuth.email)) {
+          bool fail = await userAuthRepository.signUp(
+              userAuth: newUserAuth, userProfile: newUserProfileDuplicated);
+
+          // Then
+          expect(fail, true);
+        }
+      });
+    });
+  });
+}
diff --git a/test/domain/weather/use_case/get_daily_location_weather_use_case_test.dart b/test/domain/weather/use_case/get_daily_location_weather_use_case_test.dart
new file mode 100644
index 00000000..72e70f56
--- /dev/null
+++ b/test/domain/weather/use_case/get_daily_location_weather_use_case_test.dart
@@ -0,0 +1,166 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/model/weather.dart';
+import 'package:weaco/domain/weather/use_case/get_daily_location_weather_use_case.dart';
+
+import '../../../mock/data/weather/repository/mock_daily_location_weather_repository_impl.dart';
+
+void main() {
+  group('GetDailyLocationWeatherUseCase 클래스', () {
+    final mockDailyLocationWeatherRepository =
+        MockDailyLocationWeatherRepositoryImpl();
+    final GetDailyLocationWeatherUseCase useCase =
+        GetDailyLocationWeatherUseCase(
+            dailyLocationWeatherRepository: mockDailyLocationWeatherRepository);
+
+    setUp(() {
+      mockDailyLocationWeatherRepository.initMockData();
+    });
+    group('execute 메서드는', () {
+      test('DailyLocationWeatherRepository.getDailyLocationWeather()을 한번 호출한다.',
+          () async {
+        // Given
+        const expectedCallCount = 1;
+
+        final expectedDailyLocationWeather = DailyLocationWeather(
+          seasonCode: 0,
+          highTemperature: 15,
+          lowTemperature: 12,
+          weatherList: [
+            Weather(
+              temperature: 1,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.now(),
+            ),
+            Weather(
+              temperature: 1,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.now(),
+            )
+          ],
+          yesterDayWeatherList: [
+            Weather(
+              temperature: 1,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.now(),
+            ),
+            Weather(
+              temperature: 1,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.now(),
+            )
+          ],
+          tomorrowWeatherList: [
+            Weather(
+              temperature: 1,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.now(),
+            ),
+            Weather(
+              temperature: 1,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.now(),
+            )
+          ],
+          location: Location(
+            lat: 113.1,
+            lng: 213.1,
+            city: '서울시',
+            createdAt: DateTime.now(),
+          ),
+          createdAt: DateTime.now(),
+        );
+        mockDailyLocationWeatherRepository.dailyLocationWeatherResult =
+            expectedDailyLocationWeather;
+
+        // When
+        await useCase.execute();
+
+        // Then
+        expect(mockDailyLocationWeatherRepository.dailyLocationWeatherCallCount,
+            expectedCallCount);
+      });
+
+      test(
+          'DailyWeatherRepository.getDailyLocationWeather()를 호출하고 반환 받은 값을 그대로 반환한다.',
+          () async {
+        // Given
+        const expectedCallCount = 1;
+
+        final expectedDailyLocationWeather = DailyLocationWeather(
+          seasonCode: 0,
+          highTemperature: 15,
+          lowTemperature: 12,
+          weatherList: [
+            Weather(
+              temperature: 1,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.now(),
+            ),
+            Weather(
+              temperature: 1,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.now(),
+            )
+          ],
+          yesterDayWeatherList: [
+            Weather(
+              temperature: 1,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.now(),
+            ),
+            Weather(
+              temperature: 1,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.now(),
+            )
+          ],
+          tomorrowWeatherList: [
+            Weather(
+              temperature: 1,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.now(),
+            ),
+            Weather(
+              temperature: 1,
+              timeTemperature: DateTime.now(),
+              code: 1,
+              createdAt: DateTime.now(),
+            )
+          ],
+          location: Location(
+            lat: 113.1,
+            lng: 213.1,
+            city: '서울시',
+            createdAt: DateTime.now(),
+          ),
+          createdAt: DateTime.now(),
+        );
+
+        mockDailyLocationWeatherRepository.dailyLocationWeatherResult =
+            expectedDailyLocationWeather;
+        // When
+        final actualWeatherInfo = await useCase.execute();
+
+        // Then
+        expect(actualWeatherInfo, expectedDailyLocationWeather);
+        expect(
+          mockDailyLocationWeatherRepository.dailyLocationWeatherCallCount,
+          expectedCallCount,
+        );
+      });
+    });
+  });
+}
diff --git a/test/mock/assets/test_file.txt b/test/mock/assets/test_file.txt
new file mode 100644
index 00000000..1efe5691
--- /dev/null
+++ b/test/mock/assets/test_file.txt
@@ -0,0 +1 @@
+테스트 파일 입니다.
\ No newline at end of file
diff --git a/test/mock/assets/test_image.png b/test/mock/assets/test_image.png
new file mode 100644
index 00000000..50c2e2eb
Binary files /dev/null and b/test/mock/assets/test_image.png differ
diff --git a/test/mock/assets/test_image2.png b/test/mock/assets/test_image2.png
new file mode 100644
index 00000000..1272a5bd
Binary files /dev/null and b/test/mock/assets/test_image2.png differ
diff --git a/test/mock/core/dio/mock_meteo_dio.dart b/test/mock/core/dio/mock_meteo_dio.dart
new file mode 100644
index 00000000..ebeebd1b
--- /dev/null
+++ b/test/mock/core/dio/mock_meteo_dio.dart
@@ -0,0 +1,38 @@
+import 'package:weaco/core/dio/base_dio.dart';
+import 'package:weaco/core/dio/base_response.dart';
+
+class MockMeteoDio implements BaseDio {
+  int getCallCount = 0;
+  String getPathParameter = '';
+  Map<String, dynamic>? getQueryParametersParameter;
+  Map<String, dynamic>? getHeadersParameter;
+  Duration? getConnectTimeoutParameter;
+  Duration? getReceiveTimeoutParameter;
+  BaseResponse getResponseReturnData = BaseResponse(statusCode: -1, body: {});
+
+  void initMockData() {
+    getCallCount = 0;
+    getResponseReturnData = BaseResponse(statusCode: -1, body: {});
+    getQueryParametersParameter = null;
+    getHeadersParameter = null;
+    getConnectTimeoutParameter = null;
+    getReceiveTimeoutParameter = null;
+  }
+
+  @override
+  Future<BaseResponse> get({
+    required String path,
+    Map<String, dynamic>? queryParameters,
+    Map<String, dynamic>? headers,
+    Duration? connectTimeout,
+    Duration? receiveTimeout,
+  }) async {
+    getCallCount++;
+    getPathParameter = path;
+    getQueryParametersParameter = queryParameters;
+    getHeadersParameter = headers;
+    getConnectTimeoutParameter = connectTimeout;
+    getReceiveTimeoutParameter = receiveTimeout;
+    return getResponseReturnData;
+  }
+}
diff --git a/test/mock/core/firebase/mock_firebase_auth_service.dart b/test/mock/core/firebase/mock_firebase_auth_service.dart
new file mode 100644
index 00000000..d2eedde1
--- /dev/null
+++ b/test/mock/core/firebase/mock_firebase_auth_service.dart
@@ -0,0 +1,83 @@
+import 'dart:developer';
+
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:firebase_auth_mocks/firebase_auth_mocks.dart';
+import 'package:weaco/core/firebase/firebase_auth_service.dart';
+
+class MockFirebaseAuthService implements FirebaseAuthService {
+  @override
+  final user = MockUser(
+    isAnonymous: false,
+    uid: 'someuid',
+    email: 'bob@somedomain.com',
+    displayName: 'Bob',
+  );
+
+  MockFirebaseAuth _mockAuth = MockFirebaseAuth();
+  UserCredential? _userCredential;
+  FirebaseAuthService? firebaseAuthService;
+
+  @override
+  FirebaseAuth get firebaseAuth => _mockAuth;
+
+  @override
+  UserCredential? get userCredential => _userCredential;
+
+  void initMockData() async {
+    _mockAuth = MockFirebaseAuth(mockUser: user as MockUser, signedIn: true);
+    _userCredential = await _mockAuth.createUserWithEmailAndPassword(
+        email: 'bob@somedomain.com', password: 'password');
+  }
+
+  // 회원가입
+  @override
+  Future<UserCredential?> signUp({
+    required String email,
+    required String password,
+  }) async {
+    try {
+      return await _mockAuth.createUserWithEmailAndPassword(
+          email: email, password: password);
+    } on Exception catch (e) {
+      log(e.toString(), name: 'FirebaseService.signUp()');
+      rethrow;
+    }
+  }
+
+  // 로그인
+  @override
+  Future<UserCredential?> signIn({
+    required String email,
+    required String password,
+  }) async {
+    try {
+      return await _mockAuth.signInWithEmailAndPassword(
+          email: email, password: password);
+    } on Exception catch (e) {
+      log(e.toString(), name: 'FirebaseService.signIn()');
+      rethrow;
+    }
+  }
+
+  // 로그아웃
+  @override
+  Future<void> logOut() async {
+    try {
+      await _mockAuth.signOut();
+    } on Exception catch (e) {
+      log(e.toString(), name: 'FirebaseService.logOut()');
+      rethrow;
+    }
+  }
+
+  // 회원탈퇴
+  @override
+  Future<void> signOut() async {
+    try {
+      await _mockAuth.currentUser!.delete();
+    } on Exception catch (e) {
+      log(e.toString(), name: 'FirebaseService.signOut()');
+      rethrow;
+    }
+  }
+}
diff --git a/test/mock/core/gps/mock_gps_helper_impl.dart b/test/mock/core/gps/mock_gps_helper_impl.dart
new file mode 100644
index 00000000..0af7b626
--- /dev/null
+++ b/test/mock/core/gps/mock_gps_helper_impl.dart
@@ -0,0 +1,27 @@
+import 'package:weaco/core/gps/gps_helper.dart';
+import 'package:weaco/core/gps/gps_permission_status.dart';
+import 'package:weaco/core/gps/gps_position.dart';
+
+class MockGpsHelperImpl implements GpsHelper {
+  int methodCallCount = 0;
+  dynamic methodResult;
+  final Map<String, dynamic> methodParameter = {};
+
+  void initMockData() {
+    methodCallCount = 0;
+    methodResult = null;
+    methodParameter.clear();
+  }
+
+  @override
+  Future<GpsPermissionStatus> getPermission() async {
+    methodCallCount++;
+    return methodResult;
+  }
+
+  @override
+  Future<GpsPosition> getPosition() async {
+    methodCallCount++;
+    return methodResult;
+  }
+}
diff --git a/test/mock/core/hive/mock_hive_wrapper.dart b/test/mock/core/hive/mock_hive_wrapper.dart
new file mode 100644
index 00000000..a842b982
--- /dev/null
+++ b/test/mock/core/hive/mock_hive_wrapper.dart
@@ -0,0 +1,29 @@
+import 'package:hive_flutter/hive_flutter.dart';
+import 'package:hive_test/hive_test.dart';
+import 'package:weaco/core/hive/hive_wrapper.dart';
+
+class MockHiveWrapper implements HiveWrapper {
+  Box? dataBox;
+  String mockKey = '';
+  String mockValue = '';
+
+  Future<void> initMockData() async {
+    await setUpTestHive();
+    dataBox = await Hive.openBox('weacoBox');
+    mockKey = '';
+    mockValue = '';
+  }
+
+  @override
+  Future<void> writeData(String key, String value) async {
+    mockKey = key;
+    mockValue = value;
+    await dataBox!.put(mockKey, value);
+  }
+
+  @override
+  Future<String> readData(String key) async {
+    mockKey = key;
+    return await dataBox!.get(key);
+  }
+}
diff --git a/test/mock/core/path_provider/mock_path_provider_service_impl.dart b/test/mock/core/path_provider/mock_path_provider_service_impl.dart
new file mode 100644
index 00000000..ce27c662
--- /dev/null
+++ b/test/mock/core/path_provider/mock_path_provider_service_impl.dart
@@ -0,0 +1,8 @@
+import 'package:weaco/core/path_provider/path_provider_service.dart';
+
+class MockPathProviderServiceImpl implements PathProviderService {
+  @override
+  Future<String> getCacheDirectory() async {
+    return 'test/mock/assets';
+  }
+}
diff --git a/test/mock/data/feed/data_source/mock_remote_feed_data_source.dart b/test/mock/data/feed/data_source/mock_remote_feed_data_source.dart
new file mode 100644
index 00000000..4fd68541
--- /dev/null
+++ b/test/mock/data/feed/data_source/mock_remote_feed_data_source.dart
@@ -0,0 +1,76 @@
+// ignore_for_file: public_member_api_docs, sort_constructors_first
+import 'package:weaco/data/feed/data_source/remote_feed_data_source.dart';
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+
+class MockRemoteFeedDataSource implements RemoteFeedDataSource {
+  List<Feed> feedList = [];
+  bool saveFeedReturnValue = false;
+  bool deleteFeedReturnValue = false;
+  String deleteFeedParamId = '';
+  Map<String, dynamic> paramMap = {};
+  String getFeedId = '';
+
+  void cleanUpMockData() {
+    feedList = [];
+    saveFeedReturnValue = false;
+    deleteFeedParamId = '';
+    deleteFeedReturnValue = false;
+    getFeedId = '';
+    paramMap.clear();
+  }
+
+  @override
+  Future<bool> deleteFeed({required String id}) async {
+    deleteFeedParamId = id;
+    return deleteFeedReturnValue;
+  }
+
+  @override
+  Future<Feed> getFeed({required String id}) async {
+    getFeedId = id;
+    return feedList.first;
+  }
+
+  @override
+  Future<List<Feed>> getRecommendedFeedList(
+      {required DailyLocationWeather dailyLocationWeather, createdAt}) async {
+    return feedList;
+  }
+
+  @override
+  Future<List<Feed>> getSearchFeedList({
+    DateTime? createdAt,
+    required int limit,
+    int? seasonCode,
+    int? weatherCode,
+    int? minTemperature,
+    int? maxTemperature,
+  }) async {
+    paramMap['createdAt'] = createdAt;
+    paramMap['limit'] = limit;
+    paramMap['seasonCode'] = seasonCode;
+    paramMap['weatherCode'] = weatherCode;
+    paramMap['minTemperature'] = minTemperature;
+    paramMap['maxTemperature'] = maxTemperature;
+
+    return feedList;
+  }
+
+  @override
+  Future<List<Feed>> getUserFeedList({
+    DateTime? createdAt,
+    required String email,
+    required int limit,
+  }) async {
+    return feedList;
+  }
+
+  @override
+  Future<bool> saveFeed({required Feed feed}) async {
+    if (saveFeedReturnValue) {
+      feedList.add(feed);
+    }
+    return saveFeedReturnValue;
+  }
+}
diff --git a/test/mock/data/feed/repository/mock_feed_repository_impl.dart b/test/mock/data/feed/repository/mock_feed_repository_impl.dart
new file mode 100644
index 00000000..6ce42160
--- /dev/null
+++ b/test/mock/data/feed/repository/mock_feed_repository_impl.dart
@@ -0,0 +1,171 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/repository/feed_repository.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+
+class MockFeedRepositoryImpl implements FeedRepository {
+  int getFeedListcallCount = 0;
+  int getFeedCallCount = 0;
+  int getRecommendedFeedsCallCount = 0;
+  int getOotdFeedsListCallCount = 0;
+  int getSearchFeedsCallCount = 0;
+  int getDeleteFeedCallCount = 0;
+  String getFeedParamId = '';
+
+  // 메서드 호출시 인자 확인을 위한 map
+  final Map<String, dynamic> methodParameterMap = {};
+  final List<Feed> _fakeFeedList = [];
+  DailyLocationWeather? dailyLocationWeather;
+  Feed? getFeedResult;
+  Feed? getOotdFeedsResult;
+  Feed? feed;
+  Map<String, dynamic> feedMap = {};
+  int saveFeedCallCount = 0;
+  bool deleteFeedReturnValue = false;
+
+  @override
+  Future<List<Feed>> getUserFeedList({
+    required String email,
+    required DateTime? createdAt,
+    required int? limit,
+  }) async {
+    getFeedListcallCount++;
+    methodParameterMap['email'] = email;
+    methodParameterMap['limit'] = limit;
+    methodParameterMap['createdAt'] = createdAt;
+    return await Future.value(_fakeFeedList);
+  }
+
+  void addFeedList({required List<Feed> feedList}) {
+    _fakeFeedList.clear();
+    _fakeFeedList.addAll(feedList);
+  }
+
+  void initMockData() {
+    saveFeedCallCount = 0;
+    getFeedListcallCount = 0;
+    getFeedCallCount = 0;
+    getRecommendedFeedsCallCount = 0;
+    getSearchFeedsCallCount = 0;
+    methodParameterMap.clear();
+    _fakeFeedList.clear();
+    getFeedResult = null;
+    getOotdFeedsResult = null;
+    deleteFeedReturnValue = false;
+  }
+
+  /// [getFeedCallCount] + 1
+  /// [getFeedParamId]에 [id] 저장
+  /// [getFeedResult] 반환
+  @override
+  Future<Feed?> getFeed({required String id}) async {
+    getFeedCallCount++;
+    methodParameterMap['id'] = id;
+    return getFeedResult;
+  }
+
+  /// [_fakeFeedList]에서 조건에 맞는 피드 데이터를 찾아서 리스트로 반환
+  /// 호출시 [getRecommendedFeedsCallCount] + 1
+  @override
+  Future<List<Feed>> getRecommendedFeedList({
+    required DailyLocationWeather dailyLocationWeather,
+  }) {
+    getRecommendedFeedsCallCount++;
+
+    List<Feed> result = _fakeFeedList;
+
+    return Future.value(result);
+  }
+
+  /// [_fakeFeedList]에서 조건에 맞는 피드 데이터를 찾아서 리스트로 반환
+  /// 호출시 [getSearchFeedsCallCount] + 1
+  @override
+  Future<List<Feed>> getSearchFeedList({
+    int? limit = 20,
+    DateTime? createdAt,
+    int? seasonCode,
+    int? weatherCode,
+    int? minTemperature,
+    int? maxTemperature,
+  }) {
+    getSearchFeedsCallCount++;
+    methodParameterMap['limit'] = limit;
+    methodParameterMap['createdAt'] = createdAt;
+    methodParameterMap['seasonCode'] = seasonCode;
+    methodParameterMap['weatherCode'] = weatherCode;
+    methodParameterMap['minTemperature'] = minTemperature;
+    methodParameterMap['maxTemperature'] = maxTemperature;
+
+    List<Feed> result = _fakeFeedList;
+
+    if (seasonCode != null) {
+      result =
+          result.where((element) => element.seasonCode == seasonCode).toList();
+    }
+
+    if (weatherCode != null) {
+      result = result
+          .where((element) => element.weather.code == weatherCode)
+          .toList();
+    }
+
+    if (minTemperature != null && maxTemperature != null) {
+      result = result
+          .where((element) =>
+              element.weather.temperature >= minTemperature &&
+              element.weather.temperature <= maxTemperature)
+          .toList();
+    }
+
+    if (createdAt != null) {
+      result = result
+          .where((e) =>
+              e.createdAt.isAtSameMomentAs(createdAt) ||
+              e.createdAt.isBefore(createdAt))
+          .toList();
+    }
+
+    if (limit != null) {
+      result = result.take(limit).toList();
+    } else {
+      result = result.take(20).toList();
+    }
+
+    return Future.value(result);
+  }
+
+  /// [_fakeFeedList]에 피드 추가
+  void addFeed({required Feed feed}) {
+    _fakeFeedList.add(feed);
+  }
+
+  /// [_fakeFeedList]의 모든 피드 삭제
+  void resetFeedList() {
+    _fakeFeedList.clear();
+  }
+
+  /// [getOotdFeedsListCallCount] + 1
+  /// [getOotdFeedsResult] 반환
+  @override
+  Future<List<Feed>> getOotdFeedList({
+    DateTime? createdAt,
+    required DailyLocationWeather dailyLocationWeather,
+  }) async {
+    getOotdFeedsListCallCount++;
+    return getOotdFeedsResult == null ? [] : [getOotdFeedsResult!];
+  }
+
+  @override
+  Future<bool> deleteFeed({required String id}) async {
+    getDeleteFeedCallCount++;
+    feedMap.remove(id);
+    return deleteFeedReturnValue;
+  }
+
+  @override
+  Future<bool> saveFeed({required Feed editedFeed}) async {
+    saveFeedCallCount++;
+    feed = editedFeed;
+
+    return true;
+  }
+}
diff --git a/test/mock/data/feed/repository/mock_ootd_feed_repository_impl.dart b/test/mock/data/feed/repository/mock_ootd_feed_repository_impl.dart
new file mode 100644
index 00000000..e0b7618b
--- /dev/null
+++ b/test/mock/data/feed/repository/mock_ootd_feed_repository_impl.dart
@@ -0,0 +1,36 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/repository/ootd_feed_repository.dart';
+
+class MockOotdFeedRepositoryImpl implements OotdFeedRepository {
+  int saveOotdFeedCallCount = 0;
+  int removeOotdFeedCallCount = 0;
+  bool saveOotdFeedReturnValue = false;
+  bool removeOotdFeedReturnValue = false;
+  String removeOotdFeedParamId = '';
+  Feed? saveOotdFeedParamFeed;
+
+  void initMockData() {
+    saveOotdFeedCallCount = 0;
+    removeOotdFeedCallCount = 0;
+    saveOotdFeedReturnValue = false;
+    removeOotdFeedReturnValue = false;
+    removeOotdFeedParamId = '';
+    saveOotdFeedParamFeed = null;
+  }
+
+  @override
+  Future<bool> removeOotdFeed({required String id}) async {
+    removeOotdFeedCallCount++;
+    removeOotdFeedParamId = id;
+
+    return removeOotdFeedReturnValue;
+  }
+
+  @override
+  Future<bool> saveOotdFeed({required Feed feed}) async {
+    saveOotdFeedCallCount++;
+    saveOotdFeedParamFeed = feed;
+
+    return saveOotdFeedReturnValue;
+  }
+}
diff --git a/test/mock/data/feed/use_case/mock_get_user_page_feeds_use_case.dart b/test/mock/data/feed/use_case/mock_get_user_page_feeds_use_case.dart
new file mode 100644
index 00000000..123c7b52
--- /dev/null
+++ b/test/mock/data/feed/use_case/mock_get_user_page_feeds_use_case.dart
@@ -0,0 +1,33 @@
+import 'package:weaco/domain/feed/model/feed.dart';
+import 'package:weaco/domain/feed/use_case/get_user_page_feeds_use_case.dart';
+
+class MockGetUserPageFeedsUseCase implements GetUserPageFeedsUseCase {
+  int executeCallCount = 0;
+  Map<String, dynamic> methodParameterMap = {};
+  List<Feed> returnValue = [];
+
+  void initMockData() {
+    executeCallCount = 0;
+    methodParameterMap.clear();
+    returnValue.clear();
+  }
+
+  /// [execute] 호출시
+  /// [executeCallCount] + 1
+  /// [methodParameterMap] 에 전달 받은 인자 저장
+  /// [returnValue] 반환
+  @override
+  Future<List<Feed>> execute({
+    required String email,
+    required DateTime? createdAt,
+    int? limit = 20,
+  }) async {
+    executeCallCount++;
+    methodParameterMap = {
+      'email': email,
+      'createdAt': createdAt,
+      'limit': limit,
+    };
+    return await Future.value(returnValue);
+  }
+}
diff --git a/test/mock/data/file/data_source/local/mock_local_file_data_source_impl.dart b/test/mock/data/file/data_source/local/mock_local_file_data_source_impl.dart
new file mode 100644
index 00000000..dfa16967
--- /dev/null
+++ b/test/mock/data/file/data_source/local/mock_local_file_data_source_impl.dart
@@ -0,0 +1,29 @@
+import 'dart:io';
+import 'package:weaco/data/file/data_source/local/local_file_data_source.dart';
+
+class MockLocalFileDataSourceImpl implements LocalFileDataSource {
+  final Map<String, int> methodCallCount = {};
+  final Map<String, dynamic> methodResult = {};
+  final Map<String, dynamic> methodParameter = {};
+
+  void initMockData() {
+    methodResult.clear();
+    methodParameter.clear();
+    methodCallCount.clear();
+  }
+
+  @override
+  Future<File?> getImage({required bool isOrigin}) async {
+    methodCallCount['getImage'] = (methodCallCount['getImage'] ?? 0) + 1;
+    methodParameter['isOrigin'] = isOrigin;
+    return methodResult['getImage'];
+  }
+
+  @override
+  Future<bool> saveImage({required bool isOrigin, required File file}) async {
+    methodCallCount['saveImage'] = (methodCallCount['saveImage'] ?? 0) + 1;
+    methodParameter['isOrigin'] = isOrigin;
+    methodParameter['file'] = file;
+    return methodResult['saveImage'];
+  }
+}
diff --git a/test/mock/data/file/data_source/remote/mock_remote_file_data_source_impl.dart b/test/mock/data/file/data_source/remote/mock_remote_file_data_source_impl.dart
new file mode 100644
index 00000000..2e138bb9
--- /dev/null
+++ b/test/mock/data/file/data_source/remote/mock_remote_file_data_source_impl.dart
@@ -0,0 +1,22 @@
+import 'dart:io';
+
+import 'package:weaco/data/file/data_source/remote/remote_file_data_source.dart';
+
+class MockRemoteFileDataSourceImpl implements RemoteFileDataSource {
+  final Map<String, int> methodCallCount = {};
+  final Map<String, dynamic> methodResult = {};
+  final Map<String, dynamic> methodParameter = {};
+
+  void initMockData() {
+    methodResult.clear();
+    methodParameter.clear();
+    methodCallCount.clear();
+  }
+
+  @override
+  Future<String> saveImage({required File image}) async {
+    methodCallCount['saveImage'] = (methodCallCount['method'] ?? 0) + 1;
+    methodParameter['image'] = image;
+    return methodResult['saveImage'];
+  }
+}
diff --git a/test/mock/data/file/repository/mock_file_repository_impl.dart b/test/mock/data/file/repository/mock_file_repository_impl.dart
new file mode 100644
index 00000000..1ea7a604
--- /dev/null
+++ b/test/mock/data/file/repository/mock_file_repository_impl.dart
@@ -0,0 +1,39 @@
+import 'dart:io';
+import 'package:weaco/domain/file/repository/file_repository.dart';
+
+class MockFileRepositoryImpl implements FileRepository {
+  int getImageCallCount = 0;
+  int saveImageCallCount = 0;
+  int saveOotdImageCallCount = 0;
+  final Map<String, dynamic> methodParameterMap = {};
+  File? getImageResult;
+  String saveOotdImageResult = '';
+  bool saveImageResult = false;
+
+  void initMockData() {
+    getImageCallCount = 0;
+    saveImageCallCount = 0;
+    saveOotdImageCallCount = 0;
+    methodParameterMap.clear();
+    saveOotdImageResult = '';
+  }
+
+  @override
+  Future<File?> getImage({required bool isOrigin}) async {
+    getImageCallCount++;
+    return getImageResult;
+  }
+
+  @override
+  Future<bool> saveImage({required bool isOrigin, required File file}) async {
+    saveImageCallCount++;
+    methodParameterMap['data'] = file;
+    return saveImageResult;
+  }
+
+  @override
+  Future<String> saveOotdImage() async {
+    saveOotdImageCallCount++;
+    return saveOotdImageResult;
+  }
+}
diff --git a/test/mock/data/location/data_source/mock_remote_location_data_source_impl.dart b/test/mock/data/location/data_source/mock_remote_location_data_source_impl.dart
new file mode 100644
index 00000000..315e5c73
--- /dev/null
+++ b/test/mock/data/location/data_source/mock_remote_location_data_source_impl.dart
@@ -0,0 +1,21 @@
+import 'package:weaco/data/location/data_source/remote_data_source/remote_location_data_source.dart';
+
+class MockRemoteLocationDataSourceImpl implements RemoteLocationDataSource {
+  int methodCallCount = 0;
+  dynamic methodResult;
+  final Map<String, dynamic> methodParameter = {};
+
+  void initMockData() {
+    methodCallCount = 0;
+    methodResult = null;
+    methodParameter.clear();
+  }
+
+  @override
+  Future<String> getDong({required double lat, required double lng}) async {
+    methodCallCount++;
+    methodParameter['lat'] = lat;
+    methodParameter['lng'] = lng;
+    return methodResult;
+  }
+}
diff --git a/test/mock/data/location/repository/mock_location_repository_impl.dart b/test/mock/data/location/repository/mock_location_repository_impl.dart
new file mode 100644
index 00000000..01cc8d69
--- /dev/null
+++ b/test/mock/data/location/repository/mock_location_repository_impl.dart
@@ -0,0 +1,22 @@
+import 'package:weaco/domain/location/model/location.dart';
+import 'package:weaco/domain/location/repository/location_repository.dart';
+
+class MockLocationRepositoryImpl implements LocationRepository {
+  int getLocationCallCount = 0;
+  Location? getLocationResult;
+
+  void initMockData() {
+    getLocationCallCount = 0;
+    getLocationResult = null;
+  }
+
+  /// 위도, 경도를 인자로 Location 객체를 반환
+  ///
+  /// @return [Location?] geolocator 로 반환 받은 값을 이용하여 생성한 [Location] 객체
+  @override
+  Future<Location> getLocation() async {
+    getLocationCallCount++;
+
+    return getLocationResult ?? (throw Exception('위치 반환 실패'));
+  }
+}
diff --git a/test/mock/data/user/data_source/mock_remote_profile_image_data_source_impl.dart b/test/mock/data/user/data_source/mock_remote_profile_image_data_source_impl.dart
new file mode 100644
index 00000000..95365edd
--- /dev/null
+++ b/test/mock/data/user/data_source/mock_remote_profile_image_data_source_impl.dart
@@ -0,0 +1,21 @@
+import 'package:weaco/data/user/data_source/remote_profile_image_data_source.dart';
+import 'package:weaco/domain/user/model/profile_image.dart';
+
+class MockRemoteProfileImageDataSourceImpl
+    implements RemoteProfileImageDataSource {
+  int methodCallCount = 0;
+  dynamic methodResult;
+  final Map<String, dynamic> methodParameter = {};
+
+  void initMockData() {
+    methodCallCount = 0;
+    methodResult = null;
+    methodParameter.clear();
+  }
+
+  @override
+  Future<List<ProfileImage>> getProfileImageList() async {
+    methodCallCount++;
+    return methodResult;
+  }
+}
diff --git a/test/mock/data/user/data_source/mock_remote_user_profile_data_source.dart b/test/mock/data/user/data_source/mock_remote_user_profile_data_source.dart
new file mode 100644
index 00000000..50ecb6b4
--- /dev/null
+++ b/test/mock/data/user/data_source/mock_remote_user_profile_data_source.dart
@@ -0,0 +1,52 @@
+import 'package:weaco/data/user/data_source/remote_user_profile_data_source.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+
+class MockRemoteUserProfileDataSourceImpl
+    implements RemoteUserProfileDataSource {
+  int methodCallCount = 0;
+  UserProfile? getUserProfileResult;
+  bool isRemoved = false;
+  bool isSaved = false;
+  bool isUpdated = false;
+
+  UserProfile? methodUserProfileParameter;
+  String? methodEmailParameter;
+
+  void initMockData() {
+    methodCallCount = 0;
+    getUserProfileResult = null;
+    isRemoved = false;
+    isSaved = false;
+    isUpdated = false;
+    methodUserProfileParameter = null;
+    methodEmailParameter = null;
+  }
+
+  @override
+  Future<UserProfile> getUserProfile({String? email}) {
+    methodCallCount++;
+    methodEmailParameter = email;
+    return Future.value(getUserProfileResult);
+  }
+
+  @override
+  Future<bool> updateUserProfile({UserProfile? userProfile}) async {
+    methodCallCount++;
+    methodUserProfileParameter = userProfile;
+    return isUpdated;
+  }
+
+  @override
+  Future<bool> saveUserProfile({required UserProfile userProfile}) async {
+    methodCallCount++;
+    methodUserProfileParameter = userProfile;
+    return isSaved;
+  }
+
+  @override
+  Future<bool> removeUserProfile({String? email}) async {
+    methodCallCount++;
+    methodEmailParameter = email;
+    return isRemoved;
+  }
+}
diff --git a/test/mock/data/user/data_source/mock_user_auth_data_source.dart b/test/mock/data/user/data_source/mock_user_auth_data_source.dart
new file mode 100644
index 00000000..84be2b54
--- /dev/null
+++ b/test/mock/data/user/data_source/mock_user_auth_data_source.dart
@@ -0,0 +1,65 @@
+import 'package:weaco/data/user/data_source/user_auth_data_source.dart';
+
+class MockUserAuthDataSourceImpl implements UserAuthDataSource {
+  int logOutCallCount = 0;
+  int signInCallCount = 0;
+  int signOutCallCount = 0;
+  int signUpCallCount = 0;
+  int signInCheckCallCount = 0;
+  String? signInCheckReturnValue;
+
+  Map<String, dynamic> methodParameter = {};
+
+  bool returnValue = false;
+
+  void initMockData() {
+    logOutCallCount = 0;
+    signInCallCount = 0;
+    signOutCallCount = 0;
+    signUpCallCount = 0;
+    signInCheckCallCount = 0;
+    methodParameter.clear();
+    returnValue = false;
+    signInCheckReturnValue = null;
+  }
+
+  @override
+  Future<bool> signUp({required String email, required String password}) {
+    signUpCallCount++;
+    methodParameter = {
+      'email': email,
+      'password': password,
+    };
+
+    return Future.value(returnValue);
+  }
+
+  @override
+  Future<bool> signIn({required String email, required String password}) {
+    signInCallCount++;
+    methodParameter = {
+      'email': email,
+      'password': password,
+    };
+
+    return Future.value(returnValue);
+  }
+
+  @override
+  Future<bool> logOut() {
+    logOutCallCount++;
+    return Future.value(returnValue);
+  }
+
+  @override
+  Future<bool> signOut() {
+    signOutCallCount++;
+    return Future.value(returnValue);
+  }
+
+  @override
+  String? signInCheck() {
+    signInCheckCallCount++;
+    return signInCheckReturnValue;
+  }
+}
diff --git a/test/mock/data/user/repository/mock_profile_image_repository_impl.dart b/test/mock/data/user/repository/mock_profile_image_repository_impl.dart
new file mode 100644
index 00000000..0be934c3
--- /dev/null
+++ b/test/mock/data/user/repository/mock_profile_image_repository_impl.dart
@@ -0,0 +1,18 @@
+import 'package:weaco/domain/user/model/profile_image.dart';
+import 'package:weaco/domain/user/repository/profile_image_repository.dart';
+
+class MockProfileImageRepositoryImpl implements ProfileImageRepository {
+  int getProfileImageListCallCount = 0;
+  List<ProfileImage> getProfileImageResult = [];
+
+  void initData() {
+    getProfileImageListCallCount = 0;
+    getProfileImageResult.clear();
+  }
+
+  @override
+  Future<List<ProfileImage>> getProfileImageList() async {
+    getProfileImageListCallCount++;
+    return getProfileImageResult;
+  }
+}
diff --git a/test/mock/data/user/repository/mock_user_auth_repository_impl.dart b/test/mock/data/user/repository/mock_user_auth_repository_impl.dart
new file mode 100644
index 00000000..f1132aa1
--- /dev/null
+++ b/test/mock/data/user/repository/mock_user_auth_repository_impl.dart
@@ -0,0 +1,82 @@
+import 'package:weaco/domain/user/model/user_auth.dart';
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/repository/user_auth_repository.dart';
+
+class MockUserAuthRepositoryImpl implements UserAuthRepository {
+  int signInCallCount = 0;
+  int signUpCallCount = 0;
+  int isRegisteredCallCount = 0;
+  int signOutCallCount = 0;
+  int logOutCallCount = 0;
+  int signInCheckCallCount = 0;
+  UserAuth? methodParameter;
+  String? signInCheckReturnValue;
+  bool isSignUp = false;
+  bool isRegisteredResult = false;
+  bool isSignOut = false;
+  bool isLogOut = false;
+
+
+
+  final List<UserAuth> _fakeUserList = [];
+
+  void initMockData() {
+    signInCallCount = 0;
+    signUpCallCount = 0;
+    isRegisteredCallCount = 0;
+    signOutCallCount = 0;
+    logOutCallCount = 0;
+    signInCheckCallCount = 0;
+    methodParameter = null;
+    isSignUp = false;
+    isRegisteredResult = false;
+    isSignOut = false;
+    isLogOut = false;
+    signInCheckReturnValue = null;
+    _fakeUserList.clear();
+  }
+
+  void addUserAuth(UserAuth userAuth) {
+    _fakeUserList.add(userAuth);
+  }
+
+  @override
+  Future<bool> signIn({required UserAuth userAuth}) async {
+    signInCallCount++;
+    methodParameter = userAuth;
+    return _fakeUserList.any(
+        (e) => e.email == userAuth.email && e.password == userAuth.password);
+  }
+
+  @override
+  Future<bool> signUp({
+    required UserAuth userAuth,
+    required UserProfile userProfile,
+  }) async {
+    signUpCallCount++;
+    return isSignUp;
+  }
+
+  Future<bool> isRegistered({required String email}) async {
+    isRegisteredCallCount++;
+    return isRegisteredResult;
+  }
+
+  @override
+  Future<bool> signOut() async {
+    signOutCallCount++;
+    return isSignOut;
+  }
+
+  @override
+  Future<bool> logOut() async {
+    logOutCallCount++;
+    return isLogOut;
+  }
+
+  @override
+  String? signInCheck() {
+    signInCheckCallCount++;
+    return signInCheckReturnValue;
+  }
+}
diff --git a/test/mock/data/user/repository/mock_user_profile_repository_impl.dart b/test/mock/data/user/repository/mock_user_profile_repository_impl.dart
new file mode 100644
index 00000000..0531ce2f
--- /dev/null
+++ b/test/mock/data/user/repository/mock_user_profile_repository_impl.dart
@@ -0,0 +1,62 @@
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/repository/user_profile_repository.dart';
+
+class MockUserProfileRepositoryImpl implements UserProfileRepository {
+  int getUserProfileCallCount = 0;
+  int getMyProfileCallCount = 0;
+  int updateUserProfileCallCount = 0;
+  bool updateUserProfileResult = false;
+
+  // 메서드 호출시 인자 확인을 위한 map
+  final Map<String, dynamic> methodParameterMap = {};
+  final Map<String, UserProfile> _fakeUserProfileMap = {};
+
+  /// [_fakeUserProfileMap]에서 이메일에 맞는 프로필을 찾아서 반환
+  /// 이메일과 일치하지 프로필이 없는 경우, null 반환
+  /// 호출시 [getUserProfileCallCount] + 1
+  @override
+  Future<UserProfile?> getUserProfile({required String email}) {
+    getUserProfileCallCount++;
+    methodParameterMap['email'] = email;
+    return Future.value(_fakeUserProfileMap[email]);
+  }
+
+  /// [_fakeUserProfileMap]에 프로필을 추가
+  void addProfile({required UserProfile profile}) {
+    _fakeUserProfileMap[profile.email] = profile;
+  }
+
+  /// [_fakeUserProfileMap]에 마이 프로필을 추가
+  void addMyProfile({required UserProfile profile}) {
+    _fakeUserProfileMap['my'] = profile;
+  }
+
+  /// [_fakeUserProfileMap]의 모든 프로필 삭제
+  void resetProfile() {
+    _fakeUserProfileMap.clear();
+    updateUserProfileResult = false;
+  }
+
+  /// 호출 횟수 초기화
+  void resetCallCount() {
+    getUserProfileCallCount = 0;
+    getMyProfileCallCount = 0;
+    updateUserProfileCallCount = 0;
+  }
+
+  /// 호출시 [getMyProfileCallCount] + 1
+  /// [_fakeUserProfileMap]에서 'my'에 해당하는 프로필을 반환
+  @override
+  Future<UserProfile?> getMyProfile() async {
+    getMyProfileCallCount++;
+    return _fakeUserProfileMap['my'];
+  }
+
+  @override
+  Future<bool> updateUserProfile({required UserProfile userProfile}) async {
+    ++updateUserProfileCallCount;
+    methodParameterMap['updateUserProfile'] = userProfile;
+    return updateUserProfileResult;
+  }
+}
+
diff --git a/test/mock/data/user/use_case/mock_get_user_profile_use_case.dart b/test/mock/data/user/use_case/mock_get_user_profile_use_case.dart
new file mode 100644
index 00000000..7a77a41f
--- /dev/null
+++ b/test/mock/data/user/use_case/mock_get_user_profile_use_case.dart
@@ -0,0 +1,25 @@
+import 'package:weaco/domain/user/model/user_profile.dart';
+import 'package:weaco/domain/user/use_case/get_user_profile_use_case.dart';
+
+class MockGetUserProfileUseCase implements GetUserProfileUseCase {
+  int executeCallCount = 0;
+  String methodParameter = '';
+  UserProfile? returnValue;
+
+  void initMockData() {
+    executeCallCount = 0;
+    methodParameter = '';
+    returnValue = null;
+  }
+
+  /// [execute] 호출시
+  /// [executeCallCount] + 1
+  /// [methodParameter] 에 전달 받은 인자 저장
+  /// [returnValue] 반환
+  @override
+  Future<UserProfile?> execute({required String email}) async {
+    executeCallCount++;
+    methodParameter = email;
+    return await Future.value(returnValue);
+  }
+}
diff --git a/test/mock/data/weather/data_source/local_data_source/mock_local_daily_location_weather_data_source_impl.dart b/test/mock/data/weather/data_source/local_data_source/mock_local_daily_location_weather_data_source_impl.dart
new file mode 100644
index 00000000..5dfad056
--- /dev/null
+++ b/test/mock/data/weather/data_source/local_data_source/mock_local_daily_location_weather_data_source_impl.dart
@@ -0,0 +1,31 @@
+import 'package:weaco/data/weather/data_source/local_data_source/local_daily_location_weather_data_source.dart';
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+
+class MockLocalDailyLocationWeatherDataSourceImpl
+    implements LocalDailyLocationWeatherDataSource {
+  int getLocalDailyLocationWeatherCallCount = 0;
+  int saveLocalDailyLocationWeatherCallCount = 0;
+  DailyLocationWeather? getLocalDailyLocationWeatherResult;
+  DailyLocationWeather? saveLocalDailyLocationWeatherParameter;
+
+  void initMockData() {
+    getLocalDailyLocationWeatherCallCount = 0;
+    saveLocalDailyLocationWeatherCallCount = 0;
+    getLocalDailyLocationWeatherResult = null;
+    saveLocalDailyLocationWeatherParameter = null;
+  }
+
+  @override
+  Future<DailyLocationWeather?> getLocalDailyLocationWeather() async {
+    getLocalDailyLocationWeatherCallCount++;
+
+    return getLocalDailyLocationWeatherResult;
+  }
+
+  @override
+  Future<void> saveLocalDailyLocationWeather(
+      {required DailyLocationWeather dailyLocationWeather}) async {
+    saveLocalDailyLocationWeatherCallCount++;
+    saveLocalDailyLocationWeatherParameter = dailyLocationWeather;
+  }
+}
diff --git a/test/mock/data/weather/data_source/remote_data_source/mock_remote_weather_background_image_data_source_impl.dart b/test/mock/data/weather/data_source/remote_data_source/mock_remote_weather_background_image_data_source_impl.dart
new file mode 100644
index 00000000..673a3bc5
--- /dev/null
+++ b/test/mock/data/weather/data_source/remote_data_source/mock_remote_weather_background_image_data_source_impl.dart
@@ -0,0 +1,21 @@
+import 'package:weaco/data/weather/data_source/remote_data_source/remote_weather_background_image_data_source.dart';
+import 'package:weaco/domain/weather/model/weather_background_image.dart';
+
+class MockRemoteWeatherBackgroundImageDataSourceImpl
+    implements RemoteWeatherBackgroundImageDataSource {
+  int methodCallCount = 0;
+  dynamic methodResult;
+  final Map<String, dynamic> methodParameter = {};
+
+  void initMockData() {
+    methodCallCount = 0;
+    methodResult = null;
+    methodParameter.clear();
+  }
+
+  @override
+  Future<List<WeatherBackgroundImage>> getWeatherBackgroundImageList() async {
+    methodCallCount++;
+    return methodResult;
+  }
+}
diff --git a/test/mock/data/weather/data_source/remote_data_source/mock_remote_weather_data_source_impl.dart b/test/mock/data/weather/data_source/remote_data_source/mock_remote_weather_data_source_impl.dart
new file mode 100644
index 00000000..fa0529a9
--- /dev/null
+++ b/test/mock/data/weather/data_source/remote_data_source/mock_remote_weather_data_source_impl.dart
@@ -0,0 +1,26 @@
+import 'package:weaco/data/weather/data_source/remote_data_source/remote_weather_data_source.dart';
+import 'package:weaco/data/weather/dto/weather_dto.dart';
+
+class MockRemoteWeatherDataSourceImpl implements RemoteWeatherDataSource {
+  int getWeatherCallCount = 0;
+  WeatherDto? getWeatherResult;
+  double? getWeatherParameterLat;
+  double? getWeatherParameterLng;
+
+  void initMockData() {
+    getWeatherCallCount = 0;
+    getWeatherResult = null;
+    getWeatherParameterLat = null;
+    getWeatherParameterLng = null;
+  }
+
+  @override
+  Future<WeatherDto> getWeather(
+      {required double lat, required double lng}) async {
+    getWeatherCallCount++;
+    getWeatherParameterLat = lat;
+    getWeatherParameterLng = lng;
+
+    return getWeatherResult!;
+  }
+}
diff --git a/test/mock/data/weather/repository/mock_daily_location_weather_repository_impl.dart b/test/mock/data/weather/repository/mock_daily_location_weather_repository_impl.dart
new file mode 100644
index 00000000..596d608b
--- /dev/null
+++ b/test/mock/data/weather/repository/mock_daily_location_weather_repository_impl.dart
@@ -0,0 +1,28 @@
+import 'package:weaco/domain/weather/model/daily_location_weather.dart';
+import 'package:weaco/domain/weather/repository/daily_location_weather_repository.dart';
+
+class MockDailyLocationWeatherRepositoryImpl
+    implements DailyLocationWeatherRepository {
+  // 메서드 호출시 인자 확인을 위한 map
+  final Map<String, dynamic> methodParameterMap = {};
+  int dailyLocationWeatherCallCount = 0;
+  DailyLocationWeather? dailyLocationWeatherResult;
+
+  void initMockData() {
+    dailyLocationWeatherCallCount = 0;
+    dailyLocationWeatherResult = null;
+  }
+
+  /// [_dailyLocationWeather] 반환, 정보가 없을 경우 null 반환
+  /// 호출시 [dailyLocationWeatherCallCount] + 1
+  @override
+  Future<DailyLocationWeather> getDailyLocationWeather() {
+    dailyLocationWeatherCallCount++;
+    return Future.value(dailyLocationWeatherResult);
+  }
+
+  void addDailyLocationWeather(
+      {required DailyLocationWeather dailyLocationWeather}) {
+    dailyLocationWeatherResult = dailyLocationWeather;
+  }
+}
diff --git a/test/mock/data/weather/repository/mock_weather_background_image_repository_impl.dart b/test/mock/data/weather/repository/mock_weather_background_image_repository_impl.dart
new file mode 100644
index 00000000..c09b2fc5
--- /dev/null
+++ b/test/mock/data/weather/repository/mock_weather_background_image_repository_impl.dart
@@ -0,0 +1,19 @@
+import 'package:weaco/domain/weather/model/weather_background_image.dart';
+import 'package:weaco/domain/weather/repository/weather_background_image_repository.dart';
+
+class MockWeatherBackgroundImageRepository
+    implements WeatherBackgroundImageRepository {
+  int methodCallCount = 0;
+  List<WeatherBackgroundImage> getWeatherBackgroundImageListResult = [];
+
+  void initMockData() {
+    methodCallCount = 0;
+    getWeatherBackgroundImageListResult.clear();
+  }
+
+  @override
+  Future<List<WeatherBackgroundImage>> getWeatherBackgroundImageList() async {
+    methodCallCount++;
+    return getWeatherBackgroundImageListResult;
+  }
+}
diff --git a/test/widget_test.dart b/test/widget_test.dart
deleted file mode 100644
index 4b3491c6..00000000
--- a/test/widget_test.dart
+++ /dev/null
@@ -1,30 +0,0 @@
-// This is a basic Flutter widget test.
-//
-// To perform an interaction with a widget in your test, use the WidgetTester
-// utility in the flutter_test package. For example, you can send tap and scroll
-// gestures. You can also use WidgetTester to find child widgets in the widget
-// tree, read text, and verify that the values of widget properties are correct.
-
-import 'package:flutter/material.dart';
-import 'package:flutter_test/flutter_test.dart';
-
-import 'package:weaco/main.dart';
-
-void main() {
-  testWidgets('Counter increments smoke test', (WidgetTester tester) async {
-    // Build our app and trigger a frame.
-    await tester.pumpWidget(const MyApp());
-
-    // Verify that our counter starts at 0.
-    expect(find.text('0'), findsOneWidget);
-    expect(find.text('1'), findsNothing);
-
-    // Tap the '+' icon and trigger a frame.
-    await tester.tap(find.byIcon(Icons.add));
-    await tester.pump();
-
-    // Verify that our counter has incremented.
-    expect(find.text('0'), findsNothing);
-    expect(find.text('1'), findsOneWidget);
-  });
-}