diff --git a/.idea/deploymentTargetSelector.xml b/.idea/deploymentTargetSelector.xml
index 086c00d..04f3284 100644
--- a/.idea/deploymentTargetSelector.xml
+++ b/.idea/deploymentTargetSelector.xml
@@ -4,10 +4,10 @@
     <selectionStates>
       <SelectionState runConfigName="app">
         <option name="selectionMode" value="DROPDOWN" />
-        <DropdownSelection timestamp="2025-11-05T16:32:17.706661600Z">
+        <DropdownSelection timestamp="2025-11-21T06:28:31.560974300Z">
           <Target type="DEFAULT_BOOT">
             <handle>
-              <DeviceId pluginId="PhysicalDevice" identifier="serial=R59X3002F5X" />
+              <DeviceId pluginId="LocalEmulator" identifier="path=C:\Users\박경민\.android\avd\Medium_Phone.avd" />
             </handle>
           </Target>
         </DropdownSelection>
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index 72431d6..cdcc288 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -78,6 +78,7 @@ dependencies {
 
     // Coroutines
     implementation(libs.kotlinx.coroutines.android)
+    implementation(libs.androidx.datastore.preferences)
     //implementation(libs.adapter.guava)
 
     testImplementation(libs.junit)
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 0f991aa..958f28b 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -14,6 +14,7 @@
         android:maxSdkVersion="32" />
 
     <application
+        android:name=".App"
         android:allowBackup="true"
         android:dataExtractionRules="@xml/data_extraction_rules"
         android:fullBackupContent="@xml/backup_rules"
diff --git a/app/src/main/java/com/example/kuit6_android_api/App.kt b/app/src/main/java/com/example/kuit6_android_api/App.kt
new file mode 100644
index 0000000..acf4123
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/App.kt
@@ -0,0 +1,13 @@
+package com.example.kuit6_android_api
+
+import android.app.Application
+import com.example.kuit6_android_api.data.di.AppContainer
+
+class App : Application() {
+    lateinit var container: AppContainer
+
+    override fun onCreate() {
+        super.onCreate()
+        container = AppContainer(this)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/MainActivity.kt b/app/src/main/java/com/example/kuit6_android_api/MainActivity.kt
index 5a66c7a..1056d38 100644
--- a/app/src/main/java/com/example/kuit6_android_api/MainActivity.kt
+++ b/app/src/main/java/com/example/kuit6_android_api/MainActivity.kt
@@ -63,8 +63,7 @@ class MainActivity : ComponentActivity() {
 
                     NavGraph(
                         navController = navController,
-                        startDestination = PostListRoute,
-                        snackBarState =snackBarState
+                        startDestination = PostListRoute
                     )
                 }
             }
diff --git a/app/src/main/java/com/example/kuit6_android_api/data/api/ApiService.kt b/app/src/main/java/com/example/kuit6_android_api/data/api/ApiService.kt
index 7bccc1e..a80a4c5 100644
--- a/app/src/main/java/com/example/kuit6_android_api/data/api/ApiService.kt
+++ b/app/src/main/java/com/example/kuit6_android_api/data/api/ApiService.kt
@@ -1,14 +1,19 @@
 package com.example.kuit6_android_api.data.api
 
 import android.R.attr.value
+import com.example.kuit6_android_api.data.model.request.LoginRequest
 import com.example.kuit6_android_api.data.model.request.PostCreateRequest
 import com.example.kuit6_android_api.data.model.response.BaseResponse
+import com.example.kuit6_android_api.data.model.response.LoginResponse
 import com.example.kuit6_android_api.data.model.response.PostResponse
+import okhttp3.MultipartBody
 import retrofit2.http.Body
 import retrofit2.http.DELETE
 import retrofit2.http.GET
+import retrofit2.http.Multipart
 import retrofit2.http.POST
 import retrofit2.http.PUT
+import retrofit2.http.Part
 import retrofit2.http.Path
 import retrofit2.http.Query
 
@@ -37,4 +42,23 @@ interface ApiService {
     suspend fun deletePost(
         @Path(value = "id") id: Long,
     ) : BaseResponse<Unit>
+
+
+    @POST("/api/upload")
+    suspend fun uploadImage(
+        @Part file: MultipartBody.Part
+    ): BaseResponse<Map<String, String>>
+
+    @POST("/api/auth/signup")
+    suspend fun signup(
+        @Body request: LoginRequest
+    ): BaseResponse<LoginResponse>
+
+    @POST("/api/auth/login")
+    suspend fun login(
+        @Body request: LoginRequest
+    ): BaseResponse<LoginResponse>
+
+    @GET("/api/auth/validate")
+    suspend fun validateToken(): BaseResponse<Boolean>
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/data/api/AuthInterceptor.kt b/app/src/main/java/com/example/kuit6_android_api/data/api/AuthInterceptor.kt
new file mode 100644
index 0000000..7882545
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/data/api/AuthInterceptor.kt
@@ -0,0 +1,33 @@
+package com.example.kuit6_android_api.data.api
+
+import android.content.Context
+import com.example.kuit6_android_api.data.repository.TokenRepository
+import kotlinx.coroutines.runBlocking
+import okhttp3.Interceptor
+import okhttp3.Response
+
+class AuthInterceptor(
+    private val context: Context,
+    private val tokenRepository: TokenRepository
+): Interceptor {
+
+    override fun intercept(chain: Interceptor.Chain): Response {
+        val originalRequest = chain.request()
+        
+        // DataStore에서 토큰 불러오기 (runBlocking 사용)
+        val token = runBlocking {
+            tokenRepository.getToken(context)
+        }
+        
+        // 토큰이 있으면 Authorization 헤더에 추가
+        val newRequest = if (!token.isNullOrEmpty()) {
+            originalRequest.newBuilder()
+                .addHeader("Authorization", "Bearer $token")
+                .build()
+        } else {
+            originalRequest
+        }
+        
+        return chain.proceed(newRequest)
+    }
+}
diff --git a/app/src/main/java/com/example/kuit6_android_api/data/api/RetrofitClient.kt b/app/src/main/java/com/example/kuit6_android_api/data/api/RetrofitClient.kt
index dfb3309..4d970ea 100644
--- a/app/src/main/java/com/example/kuit6_android_api/data/api/RetrofitClient.kt
+++ b/app/src/main/java/com/example/kuit6_android_api/data/api/RetrofitClient.kt
@@ -1,19 +1,26 @@
 package com.example.kuit6_android_api.data.api
 
+import android.content.Context
 import com.example.kuit6_android_api.BuildConfig
+import com.example.kuit6_android_api.data.repository.TokenRepository
 import okhttp3.OkHttpClient
 import okhttp3.logging.HttpLoggingInterceptor
 import retrofit2.Retrofit
 import retrofit2.converter.gson.GsonConverterFactory
 import java.util.concurrent.TimeUnit
 
-object RetrofitClient {
+class RetrofitClient(
+    private val context: Context,
+    private val tokenRepository: TokenRepository
+) {
 
     private val loggingInterceptor = HttpLoggingInterceptor().apply {
         level = HttpLoggingInterceptor.Level.BODY
     }
 
+    private val authInterceptor = AuthInterceptor(context, tokenRepository)
     private val okHttpClient = OkHttpClient.Builder()
+        .addInterceptor(authInterceptor)
         .addInterceptor(loggingInterceptor)
         .connectTimeout(30, TimeUnit.SECONDS)
         .readTimeout(30, TimeUnit.SECONDS)
diff --git a/app/src/main/java/com/example/kuit6_android_api/data/di/AppContainer.kt b/app/src/main/java/com/example/kuit6_android_api/data/di/AppContainer.kt
new file mode 100644
index 0000000..2a9be97
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/data/di/AppContainer.kt
@@ -0,0 +1,34 @@
+package com.example.kuit6_android_api.data.di
+
+import android.content.Context
+import com.example.kuit6_android_api.data.api.ApiService
+import com.example.kuit6_android_api.data.api.RetrofitClient
+import com.example.kuit6_android_api.data.repository.LoginRepository
+import com.example.kuit6_android_api.data.repository.LoginRepositoryImpl
+import com.example.kuit6_android_api.data.repository.PostRepository
+import com.example.kuit6_android_api.data.repository.PostRepositoryImpl
+import com.example.kuit6_android_api.data.repository.TokenRepository
+import com.example.kuit6_android_api.data.repository.TokenRepositoryImpl
+
+class AppContainer(private val context: Context) {
+    
+    val tokenRepository: TokenRepository by lazy{
+        TokenRepositoryImpl()
+    }
+    
+    private val retrofitClient: RetrofitClient by lazy {
+        RetrofitClient(context, tokenRepository)
+    }
+    
+    private val apiService: ApiService by lazy {
+        retrofitClient.apiService
+    }
+
+    val postRepository: PostRepository by lazy{
+        PostRepositoryImpl(apiService)
+    }
+
+    val loginRepository: LoginRepository by lazy{
+        LoginRepositoryImpl(apiService)
+    }
+}
diff --git a/app/src/main/java/com/example/kuit6_android_api/data/model/request/LoginRequest.kt b/app/src/main/java/com/example/kuit6_android_api/data/model/request/LoginRequest.kt
new file mode 100644
index 0000000..479b213
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/data/model/request/LoginRequest.kt
@@ -0,0 +1,11 @@
+package com.example.kuit6_android_api.data.model.request
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class LoginRequest(
+    val username:String,
+    val password: String
+)
+
+
diff --git a/app/src/main/java/com/example/kuit6_android_api/data/model/response/LoginResponse.kt b/app/src/main/java/com/example/kuit6_android_api/data/model/response/LoginResponse.kt
new file mode 100644
index 0000000..faaf556
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/data/model/response/LoginResponse.kt
@@ -0,0 +1,10 @@
+package com.example.kuit6_android_api.data.model.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class LoginResponse(
+    val token: String,
+    val userId: Long,
+    val username: String
+)
diff --git a/app/src/main/java/com/example/kuit6_android_api/data/repository/LoginRepository.kt b/app/src/main/java/com/example/kuit6_android_api/data/repository/LoginRepository.kt
new file mode 100644
index 0000000..9049875
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/data/repository/LoginRepository.kt
@@ -0,0 +1,9 @@
+package com.example.kuit6_android_api.data.repository
+
+import com.example.kuit6_android_api.data.model.response.LoginResponse
+
+interface LoginRepository {
+    suspend fun signup(id:String, password: String): Result<LoginResponse>
+    suspend fun login(id:String, password: String): Result<LoginResponse>
+    suspend fun validateToken(): Result<Boolean>
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/data/repository/LoginRepositoryImpl.kt b/app/src/main/java/com/example/kuit6_android_api/data/repository/LoginRepositoryImpl.kt
new file mode 100644
index 0000000..d073af2
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/data/repository/LoginRepositoryImpl.kt
@@ -0,0 +1,53 @@
+package com.example.kuit6_android_api.data.repository
+
+import android.util.Log
+import com.example.kuit6_android_api.data.api.ApiService
+import com.example.kuit6_android_api.data.model.request.LoginRequest
+import com.example.kuit6_android_api.data.model.response.LoginResponse
+
+class LoginRepositoryImpl(
+    private val apiService: ApiService
+): LoginRepository {
+    override suspend fun signup(id: String, password: String): Result<LoginResponse> {
+        return runCatching {
+            val response = apiService.signup(LoginRequest(username = id, password = password))
+
+            if (response.success && response.data != null) {
+                response.data
+            } else {
+                throw Exception(response.message ?: "회원가입 실패")
+            }
+        }.onFailure { error ->
+            Log.e("LoginRepository", error.message.toString())
+        }
+    }
+
+    override suspend fun login(id: String, password: String): Result<LoginResponse> {
+            return runCatching {
+                val response = apiService.login(LoginRequest(username = id, password = password))
+
+                if (response.success && response.data != null) {
+                    response.data
+                } else {
+                    throw Exception(response.message ?: "로그인 실패")
+                }
+            }.onFailure { error ->
+                Log.e("LoginRepository", error.message.toString())
+            }
+        }
+
+    override suspend fun validateToken(): Result<Boolean> {
+        return runCatching {
+            val response = apiService.validateToken()
+            
+            if (response.success && response.data != null) {
+                response.data
+            } else {
+                throw Exception(response.message ?: "토큰 검증 실패")
+            }
+        }.onFailure { error ->
+            Log.e("LoginRepository", error.message.toString())
+        }
+    }
+}
+
diff --git a/app/src/main/java/com/example/kuit6_android_api/data/repository/PostRepository.kt b/app/src/main/java/com/example/kuit6_android_api/data/repository/PostRepository.kt
new file mode 100644
index 0000000..9d57e7e
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/data/repository/PostRepository.kt
@@ -0,0 +1,27 @@
+package com.example.kuit6_android_api.data.repository
+
+import com.example.kuit6_android_api.data.model.request.PostCreateRequest
+import com.example.kuit6_android_api.data.model.response.PostResponse
+import okhttp3.MultipartBody
+
+interface PostRepository{
+    suspend fun getPosts(): Result<List<PostResponse>>
+    suspend fun createPost(
+        author: String,
+        request: PostCreateRequest
+    ): Result<PostResponse>
+    suspend fun getPostDetail(
+        id: Long
+    ): Result<PostResponse>
+    suspend fun editPost(
+        id: Long,
+        request: PostCreateRequest
+    ): Result<PostResponse>
+    suspend fun deletePost(
+        id: Long
+    ): Result<Unit>
+    suspend fun uploadImage(
+        file: MultipartBody.Part
+    ): Result<Map<String, String>>
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/data/repository/PostRepositoryImpl.kt b/app/src/main/java/com/example/kuit6_android_api/data/repository/PostRepositoryImpl.kt
new file mode 100644
index 0000000..9bc6535
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/data/repository/PostRepositoryImpl.kt
@@ -0,0 +1,90 @@
+package com.example.kuit6_android_api.data.repository
+
+import android.util.Log
+import com.example.kuit6_android_api.data.api.ApiService
+import com.example.kuit6_android_api.data.model.request.PostCreateRequest
+import com.example.kuit6_android_api.data.model.response.PostResponse
+import okhttp3.MultipartBody
+
+class PostRepositoryImpl(
+    private val apiService: ApiService
+) : PostRepository{
+    override suspend fun getPosts(): Result<List<PostResponse>> {
+        return runCatching {
+            val response = apiService.getPosts()
+
+            if(response.success && response.data != null){
+                response.data
+            }else{
+                throw Exception(response.message ?: "게시글 불러오기 실패")
+            }
+        }.onFailure { error->
+            Log.e("PostRepository", error.message.toString())
+        }
+    }
+
+    override suspend fun createPost(
+        author: String,
+        request: PostCreateRequest
+    ): Result<PostResponse> {
+        return runCatching {
+            val response = apiService.createPost(author, request)
+
+            if (response.success && response.data != null) {
+                response.data
+            } else {
+                throw Exception(response.message ?: "게시글 작성 실패")
+            }
+        }.onFailure { error ->
+            Log.e("PostRepository", error.message.toString())
+        }
+    }
+    override suspend fun getPostDetail(id: Long): Result<PostResponse> {
+        return runCatching {
+            val response = apiService.getPostDetail(id)
+
+            if (response.success && response.data != null) {
+                response.data
+            } else {
+                throw Exception(response.message ?: "게시글 불러오기 실패")
+            }
+        }.onFailure { error ->
+            Log.e("PostRepository", error.message.toString())
+        }
+    }
+    override suspend fun editPost(id: Long, request: PostCreateRequest): Result<PostResponse> {
+        return runCatching {
+            val response = apiService.editPost(id, request)
+            if(response.success && response.data != null){
+                response.data
+            }else{
+                throw Exception(response.message ?: "게시글 수정 실패")
+            }
+        }.onFailure { error->
+            Log.e("PostRepository", error.message.toString())
+        }
+    }
+    override suspend fun deletePost(id: Long): Result<Unit> {
+        return runCatching {
+            val response = apiService.deletePost(id)
+            if (response.success) Unit
+            else throw Exception(response.message ?: "게시글 삭제 실패")
+        }.onFailure { error->
+            Log.e("PostRepository", error.message.toString())
+        }
+    }
+
+    override suspend fun uploadImage(file: MultipartBody.Part): Result<Map<String, String>> {
+        return runCatching {
+            val response = apiService.uploadImage(file)
+            if (response.success && response.data != null) {
+                response.data
+            } else {
+                throw Exception(response.message ?: "이미지 업로드 실패")
+            }
+        }.onFailure { error ->
+            Log.e("PostRepository", error.message.toString())
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/data/repository/TokenRepository.kt b/app/src/main/java/com/example/kuit6_android_api/data/repository/TokenRepository.kt
new file mode 100644
index 0000000..00a7770
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/data/repository/TokenRepository.kt
@@ -0,0 +1,10 @@
+package com.example.kuit6_android_api.data.repository
+
+import android.content.Context
+
+interface TokenRepository{
+    suspend fun saveToken(context: Context,  token: String)
+    suspend fun getToken(context: Context): String?
+    suspend fun saveAutoLogin(context: Context, isAutoLogin: Boolean)
+    suspend fun getAutoLogin(context: Context): Boolean
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/data/repository/TokenRepositoryImpl.kt b/app/src/main/java/com/example/kuit6_android_api/data/repository/TokenRepositoryImpl.kt
new file mode 100644
index 0000000..a0b92f2
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/data/repository/TokenRepositoryImpl.kt
@@ -0,0 +1,38 @@
+package com.example.kuit6_android_api.data.repository
+
+import android.content.Context
+import androidx.datastore.core.DataStore
+import androidx.datastore.preferences.core.Preferences
+import androidx.datastore.preferences.core.edit
+import androidx.datastore.preferences.core.booleanPreferencesKey
+import androidx.datastore.preferences.core.stringPreferencesKey
+import androidx.datastore.preferences.preferencesDataStore
+import kotlinx.coroutines.flow.first
+
+val Context.datastore: DataStore<Preferences> by preferencesDataStore("Token")
+val TOKEN_KEY = stringPreferencesKey("token")
+val AUTO_LOGIN_KEY = booleanPreferencesKey("auto_login")
+
+class TokenRepositoryImpl(): TokenRepository {
+    override suspend fun saveToken(context: Context, token: String) {
+        context.datastore.edit{
+            it[TOKEN_KEY] = token
+        }
+    }
+
+    override suspend fun getToken(context: Context): String? {
+        val prefs = context.datastore.data.first()
+        return prefs[TOKEN_KEY]
+    }
+
+    override suspend fun saveAutoLogin(context: Context, isAutoLogin: Boolean) {
+        context.datastore.edit {
+            it[AUTO_LOGIN_KEY] = isAutoLogin
+        }
+    }
+
+    override suspend fun getAutoLogin(context: Context): Boolean {
+        val prefs = context.datastore.data.first()
+        return prefs[AUTO_LOGIN_KEY] ?: false
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/navigation/NavGraph.kt b/app/src/main/java/com/example/kuit6_android_api/ui/navigation/NavGraph.kt
index e1260fc..47a3189 100644
--- a/app/src/main/java/com/example/kuit6_android_api/ui/navigation/NavGraph.kt
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/navigation/NavGraph.kt
@@ -1,28 +1,34 @@
 package com.example.kuit6_android_api.ui.navigation
 
-import androidx.compose.material3.SnackbarHostState
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.remember
+import androidx.lifecycle.viewmodel.compose.viewModel
 import androidx.navigation.NavHostController
 import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
 import androidx.navigation.toRoute
+import com.example.kuit6_android_api.ui.post.screen.LoginScreen
 import com.example.kuit6_android_api.ui.post.screen.PostCreateScreen
 import com.example.kuit6_android_api.ui.post.screen.PostDetailScreen
 import com.example.kuit6_android_api.ui.post.screen.PostEditScreen
 import com.example.kuit6_android_api.ui.post.screen.PostListScreen
-import com.google.android.material.snackbar.Snackbar
+import com.example.kuit6_android_api.ui.post.viewmodel.LoginViewModel
+import com.example.kuit6_android_api.ui.post.viewmodel.PostCreateViewModel
+import com.example.kuit6_android_api.ui.post.viewmodel.PostDetailViewModel
+import com.example.kuit6_android_api.ui.post.viewmodel.PostEditViewModel
+import com.example.kuit6_android_api.ui.post.viewmodel.PostListViewModel
+import com.example.kuit6_android_api.ui.post.viewmodel.loginViewModelFactory
+import com.example.kuit6_android_api.ui.post.viewmodel.postViewModelFactory
 
 @Composable
 fun NavGraph(
     navController: NavHostController,
-    startDestination: Any = PostListRoute,
-    snackBarState: SnackbarHostState
+    startDestination: Any = PostListRoute
 ) {
     NavHost(
         navController = navController,
         startDestination = startDestination
     ) {
+
         composable<PostListRoute> {
             PostListScreen(
                 onPostClick = { postId ->
@@ -30,49 +36,79 @@ fun NavGraph(
                 },
                 onCreatePostClick = {
                     navController.navigate(PostCreateRoute)
-                }
+                },
+                onLoginClick = {
+                  navController.navigate(LoginRoute)
+                },
+                viewModel = viewModel(
+                    factory = postViewModelFactory { PostListViewModel(postRepository = it) }
+                )
             )
         }
 
         composable<PostDetailRoute> { backStackEntry ->
             val route = backStackEntry.toRoute<PostDetailRoute>()
-
             PostDetailScreen(
                 postId = route.postId,
-                onNavigateBack = {
-                    navController.popBackStack()
-                },
+                onNavigateBack = { navController.popBackStack() },
                 onEditClick = { postId ->
                     navController.navigate(PostEditRoute(postId))
                 },
-                snackBarState= snackBarState
+                viewModel = viewModel(factory = postViewModelFactory {
+                    PostDetailViewModel(
+                        postRepository = it
+                    )
+                })
             )
         }
 
         composable<PostCreateRoute> {
             PostCreateScreen(
-                onNavigateBack = {
-                    navController.popBackStack()
-                },
+                onNavigateBack = { navController.popBackStack() },
                 onPostCreated = {
+                    navController.previousBackStackEntry
+                        ?.savedStateHandle
+                        ?.set("refreshNeeded", true)
                     navController.popBackStack()
                 },
-                snackBarState = snackBarState
+                viewModel = viewModel(factory = postViewModelFactory {
+                    PostCreateViewModel(
+                        postRepository = it
+                    )
+                })
             )
         }
 
         composable<PostEditRoute> { backStackEntry ->
             val route = backStackEntry.toRoute<PostEditRoute>()
-
             PostEditScreen(
                 postId = route.postId,
-                onNavigateBack = {
-                    navController.popBackStack()
-                },
+                onNavigateBack = { navController.popBackStack() },
                 onPostUpdated = {
+                    navController.previousBackStackEntry
+                        ?.savedStateHandle
+                        ?.set("refreshNeeded", true)
+                    navController.popBackStack() },
+                viewModel = viewModel(factory = postViewModelFactory {
+                    PostEditViewModel(
+                        postRepository = it
+                    )
+                })
+            )
+        }
+        composable<LoginRoute> { backStackEntry ->
+            val route = backStackEntry.toRoute<LoginRoute>()
+
+            LoginScreen(
+                onNavigateBack = {
                     navController.popBackStack()
                 },
-                snackBarState = snackBarState
+                viewModel = viewModel(factory = loginViewModelFactory { loginRepo, tokenRepo ->
+                    LoginViewModel(
+                        loginRepository = loginRepo,
+                        tokenRepository = tokenRepo
+                    )
+                })
             )
         }
     }
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/navigation/Routes.kt b/app/src/main/java/com/example/kuit6_android_api/ui/navigation/Routes.kt
index b2525d3..45438b5 100644
--- a/app/src/main/java/com/example/kuit6_android_api/ui/navigation/Routes.kt
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/navigation/Routes.kt
@@ -12,4 +12,7 @@ data class PostDetailRoute(val postId: Long)
 object PostCreateRoute
 
 @Serializable
-data class PostEditRoute(val postId: Long)
\ No newline at end of file
+data class PostEditRoute(val postId: Long)
+
+@Serializable
+object LoginRoute
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/LoginScreen.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/LoginScreen.kt
new file mode 100644
index 0000000..bc92c34
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/LoginScreen.kt
@@ -0,0 +1,119 @@
+package com.example.kuit6_android_api.ui.post.screen
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Button
+import androidx.compose.material3.Checkbox
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import androidx.lifecycle.viewmodel.compose.viewModel
+import com.example.kuit6_android_api.ui.post.state.TokenValidationResult
+import com.example.kuit6_android_api.ui.post.viewmodel.LoginViewModel
+
+@Composable
+fun LoginScreen(
+    modifier: Modifier = Modifier,
+    onNavigateBack: ()-> Unit,
+    viewModel: LoginViewModel= viewModel()
+    ) {
+    val uiState by viewModel.uiState.collectAsStateWithLifecycle()
+    val context = LocalContext.current
+
+    // 화면 진입 시 자동 로그인 설정 불러오기
+    LaunchedEffect(Unit) {
+        viewModel.loadAutoLoginSetting(context)
+    }
+
+    Scaffold(Modifier.fillMaxSize()){ innerPadding->
+        Column(
+            Modifier
+                .fillMaxSize()
+                .padding(innerPadding)
+                .padding(horizontal = 20.dp),
+            Arrangement.Center,
+            Alignment.CenterHorizontally
+
+        ){
+            TextField(
+                value = uiState.id,
+                onValueChange = {
+                    viewModel.onIdChanged(it)
+                },
+                Modifier.fillMaxWidth(),
+                placeholder = {Text("아이디")}
+            )
+            TextField(
+                value = uiState.password,
+                onValueChange = {
+                    viewModel.onPasswordChanged(it)
+                },
+                Modifier.fillMaxWidth(),
+                placeholder = {Text ("비밀번호")}
+            )
+            Row(
+                Modifier.align(Alignment.Start),
+                verticalAlignment = Alignment.CenterVertically,
+            ){
+                Checkbox(
+                    checked = uiState.isAutoLogin,
+                    onCheckedChange = {
+                        viewModel.onAutoLoginChanged(it, context)
+                    }
+                )
+                Text("자동 로그인")
+            }
+            Row() {
+                val context = LocalContext.current
+                Button(onClick = {
+                    viewModel.login(context)
+                }) {
+                    Text("로그인")
+                }
+                Button(onClick = {
+                    viewModel.signup(context)
+                }) {
+                    Text("회원가입")
+                }
+            }
+            Text("토큰:${uiState.token} ")
+            Button(onClick = {
+                viewModel.getToken(context= context)
+            }){
+                Text("토큰 조회")
+            }
+            // 토큰 검증 버튼
+            Button(
+                onClick = {
+                    viewModel.validateToken(context)
+                },
+                enabled = !uiState.isTokenValidating
+            ) {
+                val buttonText = when {
+                    uiState.isTokenValidating -> "검증 중..."
+                    uiState.tokenValidationResult is TokenValidationResult.Success -> "토큰 검증 성공"
+                    uiState.tokenValidationResult is TokenValidationResult.Error -> "토큰 검증 실패"
+                    else -> "토큰 검증"
+                }
+                Text(buttonText)
+            }
+            
+           
+            }
+        }
+}
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostCreateScreen.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostCreateScreen.kt
index 3cd7e39..45c3707 100644
--- a/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostCreateScreen.kt
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostCreateScreen.kt
@@ -1,8 +1,5 @@
 package com.example.kuit6_android_api.ui.post.screen
 
-import android.net.Uri
-import androidx.activity.compose.rememberLauncherForActivityResult
-import androidx.activity.result.contract.ActivityResultContracts
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
@@ -19,36 +16,28 @@ import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
 import androidx.compose.material3.Button
 import androidx.compose.material3.ButtonDefaults
-import androidx.compose.material3.Card
-import androidx.compose.material3.CardDefaults
 import androidx.compose.material3.ExperimentalMaterial3Api
-import androidx.compose.material3.FilledTonalButton
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.OutlinedTextFieldDefaults
 import androidx.compose.material3.Scaffold
-import androidx.compose.material3.Snackbar
-import androidx.compose.material3.SnackbarHostState
 import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBar
 import androidx.compose.material3.TopAppBarDefaults
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
-import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import androidx.lifecycle.viewmodel.compose.viewModel
-import com.example.kuit6_android_api.ui.post.viewmodel.PostViewModel
-import kotlinx.coroutines.launch
+import com.example.kuit6_android_api.data.model.request.PostCreateRequest
+import com.example.kuit6_android_api.ui.post.viewmodel.PostCreateViewModel
 
 
 @OptIn(ExperimentalMaterial3Api::class)
@@ -56,21 +45,12 @@ import kotlinx.coroutines.launch
 fun PostCreateScreen(
     onNavigateBack: () -> Unit,
     onPostCreated: () -> Unit,
-    snackBarState : SnackbarHostState,
-    viewModel: PostViewModel = viewModel()
+    viewModel: PostCreateViewModel
 ) {
-    val context = LocalContext.current
+    val uiState by viewModel.uiState.collectAsState()
     var author by remember { mutableStateOf("") }
     var title by remember { mutableStateOf("") }
     var content by remember { mutableStateOf("") }
-    var selectedImageUri by remember { mutableStateOf<Uri?>(null) }
-    val scope = rememberCoroutineScope()
-
-    val imagePickerLauncher = rememberLauncherForActivityResult(
-        contract = ActivityResultContracts.GetContent()
-    ) { uri: Uri? ->
-        selectedImageUri = uri
-    }
 
     Scaffold(
         topBar = {
@@ -154,55 +134,18 @@ fun PostCreateScreen(
                 )
             )
 
-            Spacer(modifier = Modifier.height(24.dp))
-
-            // 이미지 섹션
-            Card(
-                modifier = Modifier.fillMaxWidth(),
-                colors = CardDefaults.cardColors(
-                    containerColor = MaterialTheme.colorScheme.surfaceVariant.copy(alpha = 0.3f)
-                ),
-                shape = RoundedCornerShape(16.dp)
-            ) {
-                Column(
-                    modifier = Modifier.padding(16.dp)
-                ) {
-                    Row(
-                        verticalAlignment = Alignment.CenterVertically,
-                        horizontalArrangement = Arrangement.SpaceBetween,
-                        modifier = Modifier.fillMaxWidth()
-                    ) {
-                        Text(
-                            text = "이미지 첨부",
-                            style = MaterialTheme.typography.titleMedium.copy(
-                                fontWeight = FontWeight.SemiBold
-                            ),
-                            color = MaterialTheme.colorScheme.onSurface
-                        )
-
-                        if (selectedImageUri == null) {
-                            FilledTonalButton(
-                                onClick = { imagePickerLauncher.launch("image/*") },
-                                shape = RoundedCornerShape(10.dp)
-                            ) {
-                                Text("선택")
-                            }
-                        }
-                    }
-                }
-            }
-
             Spacer(modifier = Modifier.height(32.dp))
 
             Button(
                 onClick = {
                     val finalAuthor = author
-                    viewModel.createPost(finalAuthor, title, content,null) {
-                        onPostCreated()
-                        scope.launch{
-                            snackBarState.showSnackbar("게시글이 작성되었습니다.")
-                        }
-                    }
+                    val request = PostCreateRequest(
+                        title = title,
+                        content = content,
+                        imageUrl = null
+                    )
+                    viewModel.createPost(finalAuthor, request)
+                    onPostCreated()
                 },
                 modifier = Modifier
                     .fillMaxWidth()
@@ -232,14 +175,3 @@ fun PostCreateScreen(
     }
 }
 
-@Preview(showBackground = true)
-@Composable
-fun PostCreateScreenPreview() {
-    MaterialTheme {
-        PostCreateScreen(
-            onNavigateBack = {},
-            onPostCreated = {},
-            snackBarState = remember {SnackbarHostState()}
-        )
-    }
-}
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostDetailScreen.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostDetailScreen.kt
index 78431ff..159b6c1 100644
--- a/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostDetailScreen.kt
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostDetailScreen.kt
@@ -25,14 +25,13 @@ import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Scaffold
-import androidx.compose.material3.SnackbarHost
-import androidx.compose.material3.SnackbarHostState
 import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextButton
 import androidx.compose.material3.TopAppBar
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -43,13 +42,11 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import androidx.lifecycle.viewmodel.compose.viewModel
 import coil.compose.AsyncImage
-import com.example.kuit6_android_api.ui.post.viewmodel.PostViewModel
+import com.example.kuit6_android_api.ui.post.state.PostDetailUiState
+import com.example.kuit6_android_api.ui.post.viewmodel.PostDetailViewModel
 import com.example.kuit6_android_api.util.formatDateTime
-import kotlinx.coroutines.launch
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
@@ -57,15 +54,14 @@ fun PostDetailScreen(
     postId: Long,
     onNavigateBack: () -> Unit,
     onEditClick: (Long) -> Unit = {},
-    snackBarState : SnackbarHostState,
-    viewModel: PostViewModel = viewModel()
+    viewModel: PostDetailViewModel 
 ) {
-    val post = viewModel.postDetail
+    val uiState by viewModel.uiState.collectAsState()
     var showDeleteDialog by remember { mutableStateOf(false) }
     val scope = rememberCoroutineScope()
 
     LaunchedEffect(postId) {
-        viewModel.getPostDetail(postId)
+        viewModel.loadDetail(postId)
     }
 
     Scaffold(
@@ -88,9 +84,13 @@ fun PostDetailScreen(
             )
         }
     ) { paddingValues ->
-        post?.let {
-
-            Column(
+        when (uiState) {
+            is PostDetailUiState.Loading -> {
+                // 로딩 표시는 필요시 추가
+            }
+            is PostDetailUiState.Success -> {
+                val post = (uiState as PostDetailUiState.Success).post
+                Column(
                 modifier = Modifier
                     .fillMaxSize()
                     .verticalScroll(rememberScrollState())
@@ -110,9 +110,9 @@ fun PostDetailScreen(
                             .padding(16.dp)
                     ) {
                         // 프로필 이미지
-                        if (it.author.profileImageUrl != null) {
+                        if (post.author.profileImageUrl != null) {
                             AsyncImage(
-                                model = it.author.profileImageUrl,
+                                model = post.author.profileImageUrl,
                                 contentDescription = "프로필 이미지",
                                 modifier = Modifier
                                     .size(44.dp)
@@ -138,14 +138,14 @@ fun PostDetailScreen(
 
                         Column {
                             Text(
-                                text = it.author.username,
+                                text = post.author.username,
                                 style = MaterialTheme.typography.bodyLarge.copy(
                                     fontWeight = FontWeight.SemiBold
                                 ),
                                 color = MaterialTheme.colorScheme.onSurface
                             )
                             Text(
-                                text = formatDateTime(it.createdAt),
+                                text = formatDateTime(post.createdAt),
                                 style = MaterialTheme.typography.bodySmall,
                                 color = MaterialTheme.colorScheme.onSurfaceVariant
                             )
@@ -154,7 +154,7 @@ fun PostDetailScreen(
                 }
 
                 // 이미지
-                it.imageUrl?.let { imageUrl ->
+                post.imageUrl?.let { imageUrl ->
                     AsyncImage(
                         model = imageUrl,
                         contentDescription = "게시글 이미지",
@@ -170,7 +170,7 @@ fun PostDetailScreen(
                     modifier = Modifier.padding(20.dp)
                 ) {
                     Text(
-                        text = it.title,
+                        text = post.title,
                         style = MaterialTheme.typography.headlineSmall.copy(
                             fontWeight = FontWeight.Bold
                         ),
@@ -180,7 +180,7 @@ fun PostDetailScreen(
                     Spacer(modifier = Modifier.height(16.dp))
 
                     Text(
-                        text = it.content,
+                        text = post.content,
                         style = MaterialTheme.typography.bodyLarge,
                         color = MaterialTheme.colorScheme.onBackground,
                         lineHeight = MaterialTheme.typography.bodyLarge.lineHeight.times(1.5f)
@@ -189,6 +189,10 @@ fun PostDetailScreen(
                     Spacer(modifier = Modifier.height(40.dp))
                 }
             }
+            }
+            is PostDetailUiState.Error -> {
+                // 에러 표시는 필요시 추가
+            }
         }
     }
 
@@ -200,13 +204,9 @@ fun PostDetailScreen(
             text = { Text("정말로 이 게시글을 삭제하시겠습니까?") },
             confirmButton = {
                 TextButton(onClick = {
-                    viewModel.deletePost(postId) {
-                        showDeleteDialog = false
-                        onNavigateBack()
-                        scope.launch{
-                            snackBarState.showSnackbar("게시글이 삭제되었습니다. ")
-                        }
-                    }
+                    viewModel.deletePost(postId)
+                    showDeleteDialog = false
+                    onNavigateBack()
                 }) {
                     Text("삭제")
                 }
@@ -219,17 +219,3 @@ fun PostDetailScreen(
         )
     }
 }
-
-
-@Preview(showBackground = true)
-@Composable
-fun PostDetailScreenPreview() {
-    MaterialTheme {
-        PostDetailScreen(
-            postId = 1L,
-            onNavigateBack = {},
-            onEditClick = {},
-            snackBarState = remember{ SnackbarHostState() }
-        )
-    }
-}
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostEditScreen.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostEditScreen.kt
index 3418078..6e637d7 100644
--- a/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostEditScreen.kt
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostEditScreen.kt
@@ -1,53 +1,52 @@
 package com.example.kuit6_android_api.ui.post.screen
 
-import android.net.Uri
-import androidx.activity.compose.rememberLauncherForActivityResult
-import androidx.activity.result.contract.ActivityResultContracts
+import android.widget.Toast
 import androidx.compose.foundation.background
-import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.verticalScroll
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
-import androidx.compose.material.icons.filled.Clear
 import androidx.compose.material3.Button
 import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
 import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.OutlinedButton
 import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.OutlinedTextFieldDefaults
 import androidx.compose.material3.Scaffold
-import androidx.compose.material3.SnackbarHostState
 import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBar
-import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
-import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.lifecycle.viewmodel.compose.viewModel
-import coil.compose.AsyncImage
-import com.example.kuit6_android_api.ui.post.viewmodel.PostViewModel
-import kotlinx.coroutines.launch
+import com.example.kuit6_android_api.data.model.request.PostCreateRequest
+import com.example.kuit6_android_api.ui.post.state.PostEditUiState
+import com.example.kuit6_android_api.ui.post.viewmodel.PostEditViewModel
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
@@ -55,34 +54,18 @@ fun PostEditScreen(
     postId: Long,
     onNavigateBack: () -> Unit,
     onPostUpdated: () -> Unit,
-    snackBarState: SnackbarHostState,
-    viewModel: PostViewModel = viewModel()
+    viewModel: PostEditViewModel
 ) {
-    val post = viewModel.postDetail
-
+    val uiState by viewModel.uiState.collectAsState()
+    val context = LocalContext.current
     var title by remember { mutableStateOf("") }
     var content by remember { mutableStateOf("") }
-    var selectedImageUri by remember { mutableStateOf<Uri?>(null) }
     var isLoaded by remember { mutableStateOf(false) }
-    val scope = rememberCoroutineScope()
-    val imagePickerLauncher = rememberLauncherForActivityResult(
-        contract = ActivityResultContracts.GetContent()
-    ) { uri: Uri? ->
-        selectedImageUri = uri
-    }
 
     LaunchedEffect(postId) {
         viewModel.getPostDetail(postId)
     }
 
-    LaunchedEffect(post) {
-        if (post != null && !isLoaded) {
-            title = post.title
-            content = post.content
-            isLoaded = true
-        }
-    }
-
     Scaffold(
         topBar = {
             TopAppBar(
@@ -102,148 +85,89 @@ fun PostEditScreen(
             )
         }
     ) { paddingValues ->
-        post?.let {
-            Column(
-                modifier = Modifier
-                    .fillMaxSize()
-                    .background(MaterialTheme.colorScheme.background)
-                    .verticalScroll(rememberScrollState())
-                    .padding(paddingValues)
-                    .padding(20.dp)
-            ) {
-                OutlinedTextField(
-                    value = title,
-                    onValueChange = { title = it },
-                    label = { Text("제목") },
-                    placeholder = { Text("제목을 입력하세요 (최대 200자)") },
-                    modifier = Modifier.fillMaxWidth(),
-                    singleLine = true,
-                    shape = RoundedCornerShape(12.dp),
-                    colors = OutlinedTextFieldDefaults.colors(
-                        focusedBorderColor = MaterialTheme.colorScheme.primary,
-                        unfocusedBorderColor = MaterialTheme.colorScheme.outline
-                    )
-                )
+        when (uiState) {
+            is PostEditUiState.Loading -> {
+                Box(
+                    modifier = Modifier.fillMaxSize(),
+                    contentAlignment = Alignment.Center
+                ) {
+                    CircularProgressIndicator()
+                }
+            }
 
-                Spacer(modifier = Modifier.height(16.dp))
+            is PostEditUiState.Success -> {
+                val post = (uiState as PostEditUiState.Success).post
+                if (!isLoaded) {
+                    title = post.title
+                    content = post.content
+                    isLoaded = true
+                }
 
-                OutlinedTextField(
-                    value = content,
-                    onValueChange = { content = it },
-                    label = { Text("내용") },
-                    placeholder = { Text("내용을 입력하세요") },
+                Column(
                     modifier = Modifier
-                        .fillMaxWidth()
-                        .height(200.dp),
-                    maxLines = 10,
-                    shape = RoundedCornerShape(12.dp),
-                    colors = OutlinedTextFieldDefaults.colors(
-                        focusedBorderColor = MaterialTheme.colorScheme.primary,
-                        unfocusedBorderColor = MaterialTheme.colorScheme.outline
+                        .fillMaxSize()
+                        .background(MaterialTheme.colorScheme.background)
+                        .verticalScroll(rememberScrollState())
+                        .padding(paddingValues)
+                        .padding(20.dp)
+                ) {
+                    // 제목 입력
+                    OutlinedTextField(
+                        value = title,
+                        onValueChange = { title = it },
+                        label = { Text("제목") },
+                        modifier = Modifier.fillMaxWidth(),
+                        singleLine = true
                     )
-                )
 
-                Spacer(modifier = Modifier.height(20.dp))
-
-                Text(
-                    text = "이미지 첨부",
-                    style = MaterialTheme.typography.titleMedium.copy(
-                        fontWeight = FontWeight.SemiBold
-                    ),
-                    color = MaterialTheme.colorScheme.onBackground
-                )
-
-                Spacer(modifier = Modifier.height(12.dp))
-
-                if (selectedImageUri != null || post.imageUrl != null) {
-                    Box(
+                    Spacer(modifier = Modifier.height(16.dp))
+                    // 내용 입력
+                    OutlinedTextField(
+                        value = content,
+                        onValueChange = { content = it },
+                        label = { Text("내용") },
                         modifier = Modifier
                             .fillMaxWidth()
-                            .height(200.dp)
-                    ) {
-                        AsyncImage(
-                            model = selectedImageUri ?: post.imageUrl,
-                            contentDescription = "선택된 이미지",
-                            modifier = Modifier
-                                .fillMaxWidth()
-                                .height(200.dp)
-                                .border(
-                                    width = 1.dp,
-                                    color = MaterialTheme.colorScheme.outline,
-                                    shape = RoundedCornerShape(8.dp)
-                                ),
-                            contentScale = ContentScale.Crop
-                        )
-                        IconButton(
-                            onClick = { selectedImageUri = null },
-                            modifier = Modifier
-                                .align(Alignment.TopEnd)
-                                .padding(8.dp)
-                        ) {
-                            Icon(
-                                Icons.Default.Clear,
-                                contentDescription = "이미지 제거",
-                                tint = MaterialTheme.colorScheme.error
+                            .height(200.dp),
+                        maxLines = 10
+                    )
+
+                    Spacer(modifier = Modifier.height(24.dp))
+
+                    // 수정 버튼
+                    Button(
+                        onClick = {
+                            val request = PostCreateRequest(
+                                title = title,
+                                content = content,
+                                imageUrl = null
                             )
-                        }
-                    }
-                } else {
-                    OutlinedButton(
-                        onClick = { imagePickerLauncher.launch("image/*") },
+                            viewModel.editPost(postId, request)
+                            onPostUpdated()
+                        },
                         modifier = Modifier
                             .fillMaxWidth()
                             .height(56.dp),
+                        enabled = title.isNotBlank() && content.isNotBlank(),
                         shape = RoundedCornerShape(12.dp),
-                        colors = ButtonDefaults.outlinedButtonColors(
-                            contentColor = MaterialTheme.colorScheme.primary
+                        colors = ButtonDefaults.buttonColors(
+                            containerColor = MaterialTheme.colorScheme.primary
                         )
                     ) {
-                        Text("갤러리에서 이미지 선택")
+                        Text("수정하기", fontWeight = FontWeight.Bold)
                     }
                 }
+            }
 
-                Spacer(modifier = Modifier.height(24.dp))
-
-                Button(
-                    onClick = {
-                        viewModel.updatePost(postId, title, content, null) {
-                            onPostUpdated()
-                            scope.launch{
-                                snackBarState.showSnackbar("게시글이 수정되었습니다.")
-                            }
-                        }
-                    },
-                    modifier = Modifier
-                        .fillMaxWidth()
-                        .height(56.dp),
-                    enabled = title.isNotBlank() && content.isNotBlank(),
-                    shape = RoundedCornerShape(12.dp),
-                    colors = ButtonDefaults.buttonColors(
-                        containerColor = MaterialTheme.colorScheme.primary,
-                        disabledContainerColor = MaterialTheme.colorScheme.surfaceVariant
-                    )
+            is PostEditUiState.Error -> {
+                Box(
+                    modifier = Modifier.fillMaxSize(),
+                    contentAlignment = Alignment.Center
                 ) {
-                    Text(
-                        "수정하기",
-                        style = MaterialTheme.typography.titleMedium.copy(
-                            fontWeight = FontWeight.SemiBold
-                        )
-                    )
+                    Text("게시글 로딩 실패")
                 }
             }
         }
     }
 }
 
-@Preview(showBackground = true)
-@Composable
-fun PostEditScreenPreview() {
-    MaterialTheme {
-        PostEditScreen(
-            postId = 1L,
-            onNavigateBack = {},
-            onPostUpdated = {},
-            snackBarState = remember { SnackbarHostState()}
-        )
-    }
-}
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostListScreen.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostListScreen.kt
index e48ac6e..e1b70e8 100644
--- a/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostListScreen.kt
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/screen/PostListScreen.kt
@@ -3,13 +3,18 @@ package com.example.kuit6_android_api.ui.post.screen
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.Add
+import androidx.compose.material.icons.filled.Person
+import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.FabPosition
 import androidx.compose.material3.FloatingActionButton
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
@@ -18,25 +23,28 @@ import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBar
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
 import androidx.lifecycle.viewmodel.compose.viewModel
+import com.example.kuit6_android_api.ui.navigation.LoginRoute
 import com.example.kuit6_android_api.ui.post.component.PostItem
-import com.example.kuit6_android_api.ui.post.viewmodel.PostViewModel
-import com.example.kuit6_android_api.data.model.response.AuthorResponse
-import com.example.kuit6_android_api.data.model.response.PostResponse
+import com.example.kuit6_android_api.ui.post.state.PostListUiState
+import com.example.kuit6_android_api.ui.post.viewmodel.PostListViewModel
 
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
 fun PostListScreen(
     onPostClick: (Long) -> Unit,
     onCreatePostClick: () -> Unit,
-    viewModel: PostViewModel = viewModel()
+    onLoginClick: () -> Unit,
+    viewModel: PostListViewModel
 ) {
-    val posts = viewModel.posts
+    val uiState by viewModel.postListUiState.collectAsState()
 
     LaunchedEffect(Unit) {
-        viewModel.getPosts()
+        viewModel.refresh()
     }
 
     Scaffold(
@@ -46,24 +54,47 @@ fun PostListScreen(
             )
         },
         floatingActionButton = {
-            FloatingActionButton(onClick = onCreatePostClick) {
-                Icon(Icons.Default.Add, contentDescription = "게시글 작성")
+            Row(modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = 20.dp),
+                Arrangement.SpaceBetween
+            ) {
+                //로그인 버튼
+                FloatingActionButton(onClick = onLoginClick) {
+                    Icon(Icons.Default.Person, contentDescription = "로그인")
+                }
+                FloatingActionButton(onClick = onCreatePostClick) {
+                    Icon(Icons.Default.Add, contentDescription = "게시글 작성")
+                }
             }
-        }
+        },
+        floatingActionButtonPosition = FabPosition.Center //position 잡아주기
     ) { paddingValues ->
-        LazyColumn(
-            modifier = Modifier
-                .fillMaxSize()
-                .padding(paddingValues)
-                .background(MaterialTheme.colorScheme.background),
-            contentPadding = PaddingValues(horizontal = 16.dp, vertical = 12.dp),
-            verticalArrangement = Arrangement.spacedBy(16.dp)
-        ) {
-            items(posts) { post ->
-                PostItem(
-                    post = post,
-                    onClick = { onPostClick(post.id) }
-                )
+        when (uiState) {
+            is PostListUiState.Loading -> {
+                CircularProgressIndicator()
+            }
+
+            is PostListUiState.Success -> {
+                val posts = (uiState as PostListUiState.Success).posts
+                LazyColumn(
+                    modifier = Modifier
+                        .fillMaxSize()
+                        .padding(paddingValues)
+                        .background(MaterialTheme.colorScheme.background),
+                    contentPadding = PaddingValues(horizontal = 16.dp, vertical = 12.dp),
+                    verticalArrangement = Arrangement.spacedBy(16.dp)
+                ) {
+                    items(posts) { post ->
+                        PostItem(
+                            post = post,
+                            onClick = { onPostClick(post.id) }
+                        )
+                    }
+                }
+            }
+            is PostListUiState.Error -> {
+                Text("로딩 실패")
             }
         }
     }
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/state/DeletePostUiState.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/DeletePostUiState.kt
new file mode 100644
index 0000000..0a42be2
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/DeletePostUiState.kt
@@ -0,0 +1,13 @@
+package com.example.kuit6_android_api.ui.post.state
+
+sealed class DeletePostUiState {
+    data object Loading : DeletePostUiState()
+
+    data class Success(
+        val deletePost : Unit
+    ) : DeletePostUiState()
+
+    data class Error(
+        val message: String
+    ) : DeletePostUiState()
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/state/LoginUiState.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/LoginUiState.kt
new file mode 100644
index 0000000..7c3c78f
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/LoginUiState.kt
@@ -0,0 +1,16 @@
+package com.example.kuit6_android_api.ui.post.state
+
+//uiState를 이번에는 data class 로 만들어보자.
+data class LoginUiState(
+    val id: String = "",
+    val password: String= "",
+    val isAutoLogin: Boolean= false,
+    val token: String = "",
+    val isTokenValidating: Boolean = false,
+    val tokenValidationResult: TokenValidationResult? = null
+)
+
+sealed class TokenValidationResult {
+    object Success : TokenValidationResult()
+    data class Error(val message: String) : TokenValidationResult()
+}
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/state/PostCreateUiState.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/PostCreateUiState.kt
new file mode 100644
index 0000000..dacb499
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/PostCreateUiState.kt
@@ -0,0 +1,15 @@
+package com.example.kuit6_android_api.ui.post.state
+
+import com.example.kuit6_android_api.data.model.response.PostResponse
+
+sealed class PostCreateUiState {
+    data object Loading : PostCreateUiState()
+
+    data class Success(
+        val post: PostResponse
+    ) : PostCreateUiState()
+
+    data class Error(
+        val message: String
+    ) : PostCreateUiState()
+}
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/state/PostDetailUiState.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/PostDetailUiState.kt
new file mode 100644
index 0000000..bac738e
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/PostDetailUiState.kt
@@ -0,0 +1,15 @@
+package com.example.kuit6_android_api.ui.post.state
+
+import com.example.kuit6_android_api.data.model.response.PostResponse
+
+sealed class PostDetailUiState {
+    data object Loading : PostDetailUiState()
+
+    data class Success(
+        val post: PostResponse
+    ) : PostDetailUiState()
+
+    data class Error(
+        val message: String
+    ) : PostDetailUiState()
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/state/PostEditUiState.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/PostEditUiState.kt
new file mode 100644
index 0000000..edc4df8
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/PostEditUiState.kt
@@ -0,0 +1,15 @@
+package com.example.kuit6_android_api.ui.post.state
+
+import com.example.kuit6_android_api.data.model.response.PostResponse
+
+sealed class PostEditUiState {
+    data object Loading : PostEditUiState()
+
+    data class Success(
+        val post: PostResponse
+    ) : PostEditUiState()
+
+    data class Error(
+        val message: String
+    ) : PostEditUiState()
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/state/PostListUiState.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/PostListUiState.kt
new file mode 100644
index 0000000..b4ab364
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/PostListUiState.kt
@@ -0,0 +1,15 @@
+package com.example.kuit6_android_api.ui.post.state
+
+import com.example.kuit6_android_api.data.model.response.PostResponse
+
+sealed class PostListUiState{
+    data object Loading: PostListUiState()
+
+    data class Success(
+        val posts: List<PostResponse>
+    ) : PostListUiState()
+
+    data class Error (
+        val message: String
+    ) : PostListUiState()
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/state/UploadImageUiState.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/UploadImageUiState.kt
new file mode 100644
index 0000000..8263f2c
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/state/UploadImageUiState.kt
@@ -0,0 +1,16 @@
+package com.example.kuit6_android_api.ui.post.state
+
+import com.example.kuit6_android_api.data.model.response.PostResponse
+
+sealed class UploadImageUiState {
+    data object Idle : UploadImageUiState()
+    data object Loading : UploadImageUiState()
+
+    data class Success(
+        val imgUrl: Map<String, String>
+    ) : UploadImageUiState()
+
+    data class Error(
+        val message: String
+    ) : UploadImageUiState()
+}
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/LoginViewModel.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/LoginViewModel.kt
new file mode 100644
index 0000000..91b09f3
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/LoginViewModel.kt
@@ -0,0 +1,122 @@
+package com.example.kuit6_android_api.ui.post.viewmodel
+
+import android.R.attr.password
+import android.content.Context
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.example.kuit6_android_api.data.repository.LoginRepository
+import com.example.kuit6_android_api.data.repository.TokenRepository
+import com.example.kuit6_android_api.ui.post.state.LoginUiState
+import com.example.kuit6_android_api.ui.post.state.TokenValidationResult
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+
+class LoginViewModel(
+    private val loginRepository: LoginRepository,
+    private val tokenRepository: TokenRepository
+) : ViewModel() {
+    private val _uiState = MutableStateFlow(LoginUiState())
+    val uiState: StateFlow<LoginUiState> = _uiState.asStateFlow()
+
+    // init에서는 Context가 필요한 작업을 하지 않음
+    // UI에서 LaunchedEffect로 loadAutoLoginSetting 호출
+
+    fun onIdChanged(id: String) {
+        _uiState.update {
+            it.copy(id = id)
+        }
+    }
+
+    fun onPasswordChanged(password: String) {
+        _uiState.update { it.copy(password = password) }
+    }
+
+    fun onAutoLoginChanged(isAutoLogin: Boolean, context: Context) {
+        _uiState.update { it.copy(isAutoLogin = isAutoLogin) }
+        // DataStore에 자동 로그인 설정 저장
+        viewModelScope.launch {
+            tokenRepository.saveAutoLogin(context, isAutoLogin)
+        }
+    }
+
+    fun signup(context: Context) {
+        viewModelScope.launch {
+            loginRepository.signup(
+                id = uiState.value.id,
+                password = uiState.value.password
+            ).onSuccess {
+                tokenRepository.saveToken(context, it.token)
+            }
+        }
+    }
+
+    fun login(context: Context) {
+        viewModelScope.launch {
+            loginRepository.login(
+                id = uiState.value.id,
+                password = uiState.value.password
+            ).onSuccess {
+                tokenRepository.saveToken(context, it.token)
+                // 로그인 성공 시 자동 로그인이 체크되어 있으면 자동 토큰 검증 실행
+                if (uiState.value.isAutoLogin) {
+                    validateToken(context)
+                }
+            }
+        }
+    }
+
+    fun getToken(context: Context){
+        viewModelScope.launch{
+            val token = tokenRepository.getToken(context)
+            _uiState.update{it.copy(token = token ?: "")}
+        }
+    }
+
+    fun validateToken(context: Context) {
+        viewModelScope.launch {
+            _uiState.update { it.copy(isTokenValidating = true, tokenValidationResult = null) }
+            
+            loginRepository.validateToken()
+                .onSuccess { isValid ->
+                    _uiState.update { 
+                        it.copy(
+                            isTokenValidating = false,
+                            tokenValidationResult = if (isValid) TokenValidationResult.Success 
+                                                  else TokenValidationResult.Error("토큰이 유효하지 않습니다")
+                        )
+                    }
+                     // 3초 후 버튼을 원래 상태로 되돌리기
+                delay(3000)
+                _uiState.update { it.copy(tokenValidationResult = null) }
+                }
+                .onFailure { error ->
+                    _uiState.update { 
+                        it.copy(
+                            isTokenValidating = false,
+                            tokenValidationResult = TokenValidationResult.Error(error.message ?: "토큰 검증 실패")
+                        )
+                    }
+                     // 3초 후 버튼을 원래 상태로 되돌리기
+                delay(3000)
+                _uiState.update { it.copy(tokenValidationResult = null) }
+                }
+        }
+    }
+
+
+    fun loadAutoLoginSetting(context: Context) {
+        viewModelScope.launch {
+            val isAutoLogin = tokenRepository.getAutoLogin(context)
+            _uiState.update { it.copy(isAutoLogin = isAutoLogin) }
+            
+            // 자동 로그인이 활성화되어 있으면 자동으로 토큰 검증 실행
+            if (isAutoLogin) {
+                validateToken(context)
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/LoginViewModelFactory.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/LoginViewModelFactory.kt
new file mode 100644
index 0000000..67477d7
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/LoginViewModelFactory.kt
@@ -0,0 +1,22 @@
+package com.example.kuit6_android_api.ui.post.viewmodel
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.ViewModelProvider
+import androidx.lifecycle.viewmodel.initializer
+import androidx.lifecycle.viewmodel.viewModelFactory
+import com.example.kuit6_android_api.App
+import com.example.kuit6_android_api.data.repository.LoginRepository
+import com.example.kuit6_android_api.data.repository.TokenRepository
+
+inline fun <reified VM: ViewModel> loginViewModelFactory(
+    crossinline create: (LoginRepository, TokenRepository) -> VM
+) : ViewModelProvider.Factory = viewModelFactory {
+    initializer {
+        val application = this[ViewModelProvider.AndroidViewModelFactory.APPLICATION_KEY]
+                as App
+
+        val loginRepository = application.container.loginRepository
+        val tokenRepository = application.container.tokenRepository
+        create(loginRepository, tokenRepository)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostCreateViewModel.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostCreateViewModel.kt
new file mode 100644
index 0000000..1115590
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostCreateViewModel.kt
@@ -0,0 +1,38 @@
+package com.example.kuit6_android_api.ui.post.viewmodel
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.example.kuit6_android_api.data.model.request.PostCreateRequest
+import com.example.kuit6_android_api.data.repository.PostRepository
+import com.example.kuit6_android_api.ui.post.state.PostCreateUiState
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
+
+class PostCreateViewModel (
+    private val postRepository : PostRepository
+) : ViewModel(){
+    private val _uiState = MutableStateFlow<PostCreateUiState>(PostCreateUiState.Loading) // 변경 가능 상태
+    val uiState: StateFlow<PostCreateUiState> = _uiState.asStateFlow()
+    fun createPost(
+        author: String,
+        request: PostCreateRequest
+    ){
+        viewModelScope.launch {
+            _uiState.value = PostCreateUiState.Loading
+
+            postRepository.createPost(author, request)
+                .onSuccess { post ->
+                    _uiState.value = PostCreateUiState.Success(post)
+                }
+                .onFailure { error ->
+                    _uiState.value = PostCreateUiState.Error(
+                        error.message ?: "error"
+                    )
+                }
+        }
+    }
+}
+
+
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostDetailViewModel.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostDetailViewModel.kt
new file mode 100644
index 0000000..195f9d6
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostDetailViewModel.kt
@@ -0,0 +1,53 @@
+package com.example.kuit6_android_api.ui.post.viewmodel
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.example.kuit6_android_api.data.repository.PostRepository
+import com.example.kuit6_android_api.ui.post.state.DeletePostUiState
+import com.example.kuit6_android_api.ui.post.state.PostDetailUiState
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
+
+class PostDetailViewModel (
+    private val postRepository : PostRepository
+) : ViewModel() {
+    private val _uiState = MutableStateFlow<PostDetailUiState>(PostDetailUiState.Loading)
+    val uiState: StateFlow<PostDetailUiState> = _uiState.asStateFlow()
+
+    private val _deleteUiState = MutableStateFlow<DeletePostUiState>(DeletePostUiState.Loading)
+    val deleteUiState: StateFlow<DeletePostUiState> = _deleteUiState.asStateFlow()
+
+    fun loadDetail(postId: Long) {
+        viewModelScope.launch {
+            _uiState.value = PostDetailUiState.Loading
+
+            postRepository.getPostDetail(postId)
+                .onSuccess { post ->
+                    _uiState.value = PostDetailUiState.Success(post)
+                }
+                .onFailure { exception ->
+                    _uiState.value = PostDetailUiState.Error(
+                        exception.message ?: "error"
+                    )
+                }
+        }
+    }
+
+    fun deletePost(postId: Long) {
+        viewModelScope.launch {
+            _deleteUiState.value = DeletePostUiState.Loading
+
+            postRepository.deletePost(postId)
+                .onSuccess { deletePost ->
+                    _deleteUiState.value = DeletePostUiState.Success(deletePost)
+                }
+                .onFailure { error ->
+                    _deleteUiState.value = DeletePostUiState.Error(
+                        error.message ?: "error"
+                    )
+                }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostEditViewModel.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostEditViewModel.kt
new file mode 100644
index 0000000..cf5407a
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostEditViewModel.kt
@@ -0,0 +1,51 @@
+package com.example.kuit6_android_api.ui.post.viewmodel
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.example.kuit6_android_api.data.model.request.PostCreateRequest
+import com.example.kuit6_android_api.data.repository.PostRepository
+import com.example.kuit6_android_api.ui.post.state.PostEditUiState
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
+
+class PostEditViewModel (
+    private val postRepository : PostRepository
+) : ViewModel(){
+    private val _uiState = MutableStateFlow<PostEditUiState>(PostEditUiState.Loading) // 변경 가능 상태
+    val uiState: StateFlow<PostEditUiState> = _uiState.asStateFlow()
+
+    fun editPost(
+        postId: Long,
+        request: PostCreateRequest
+    ){
+        viewModelScope.launch {
+            _uiState.value = PostEditUiState.Loading
+
+            postRepository.editPost(postId, request)
+                .onSuccess { post ->
+                    _uiState.value = PostEditUiState.Success(post)
+                }
+                .onFailure { error ->
+                    _uiState.value = PostEditUiState.Error(
+                        error.message ?: "error"
+                    )
+                }
+        }
+    }
+
+    fun getPostDetail(postId: Long) {
+        viewModelScope.launch {
+            _uiState.value = PostEditUiState.Loading
+
+            postRepository.getPostDetail(postId)
+                .onSuccess { post ->
+                    _uiState.value = PostEditUiState.Success(post)
+                }
+                .onFailure { error ->
+                    _uiState.value = PostEditUiState.Error(error.message ?: "게시글 불러오기 실패")
+                }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostListViewModel.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostListViewModel.kt
new file mode 100644
index 0000000..30104c8
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostListViewModel.kt
@@ -0,0 +1,40 @@
+package com.example.kuit6_android_api.ui.post.viewmodel
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.example.kuit6_android_api.data.repository.PostRepository
+import com.example.kuit6_android_api.ui.post.state.PostListUiState
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
+
+class PostListViewModel (
+    private val postRepository : PostRepository
+) : ViewModel() {
+    private val _PostList_uiState = MutableStateFlow<PostListUiState>(PostListUiState.Loading) // 변경 가능 상태
+    val postListUiState: StateFlow<PostListUiState> = _PostList_uiState.asStateFlow() // 읽기 전용
+    init {
+        loadPosts()
+    }
+
+    private fun loadPosts() {
+        viewModelScope.launch {
+            _PostList_uiState.value = PostListUiState.Loading
+
+            postRepository.getPosts()
+                .onSuccess { posts->
+                    _PostList_uiState.value = PostListUiState.Success(posts)
+                }
+                .onFailure { error->
+                    _PostList_uiState.value = PostListUiState.Error(
+                        error.message ?: "error"
+                    )
+                }
+        }
+    }
+
+    fun refresh() {
+        loadPosts()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostViewModel.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostViewModel.kt
deleted file mode 100644
index 8601526..0000000
--- a/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostViewModel.kt
+++ /dev/null
@@ -1,109 +0,0 @@
-package com.example.kuit6_android_api.ui.post.viewmodel
-
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.setValue
-import androidx.lifecycle.ViewModel
-import androidx.lifecycle.viewModelScope
-import kotlinx.coroutines.launch
-import com.example.kuit6_android_api.data.api.RetrofitClient
-import com.example.kuit6_android_api.data.model.response.PostResponse
-import com.example.kuit6_android_api.data.model.request.PostCreateRequest
-
-
-class PostViewModel : ViewModel() {
-
-    var posts by mutableStateOf<List<PostResponse>>(emptyList())
-        private set
-
-    var postDetail by mutableStateOf<PostResponse?>(null)
-        private set
-
-    private val apiService = RetrofitClient.apiService
-    var uploadedImageUrl by mutableStateOf<String?>(null)
-        private set
-
-    fun getPosts() {
-        viewModelScope.launch {
-            runCatching {
-                apiService.getPosts()
-            }.onSuccess { response ->
-                response.data?.let {
-                    if (response.success) {
-                        posts = response.data
-                    }
-                }
-            }
-        }
-    }
-
-    fun getPostDetail(postId: Long) {
-        viewModelScope.launch {
-            runCatching {
-                apiService.getPostDetail(postId)
-            }.onSuccess { response ->
-                response.data?.let{
-                    if(response.success){
-                        postDetail = response.data
-                    }
-                }
-            }
-        }
-    }
-
-    fun createPost(
-        author: String,
-        title: String,
-        content: String,
-        imageUrl: String? = null,
-        onSuccess: () -> Unit = {}
-    ) {
-        viewModelScope.launch {
-            runCatching {
-                val request = PostCreateRequest(title, content, imageUrl)
-                apiService.createPost(author, request)
-            }.onSuccess { response ->
-                if (response.success) {
-                    clearUploadedImageUrl()
-                    onSuccess()
-                }
-            }
-        }
-    }
-
-    fun updatePost(
-        postId: Long,
-        title: String,
-        content: String,
-        imageUrl: String? = null,
-        onSuccess: () -> Unit = {}
-    ) {
-        viewModelScope.launch {
-            runCatching {
-                apiService.editPost(postId, PostCreateRequest(title, content, imageUrl))
-                }.onSuccess{ response->
-                    if(response.success){
-                        postDetail = response.data
-                        onSuccess()
-                }
-            }
-        }
-    }
-
-    fun deletePost(postId: Long, onSuccess: () -> Unit = {}) {
-        viewModelScope.launch {
-            runCatching {
-                apiService.deletePost(postId)
-            }.onSuccess { response ->
-                if(response.success){
-                onSuccess()
-                }
-            }
-        }
-    }
-
-    fun clearUploadedImageUrl() {
-        uploadedImageUrl = null
-    }
-
-}
diff --git a/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostViewModelFactory.kt b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostViewModelFactory.kt
new file mode 100644
index 0000000..a207ea1
--- /dev/null
+++ b/app/src/main/java/com/example/kuit6_android_api/ui/post/viewmodel/PostViewModelFactory.kt
@@ -0,0 +1,20 @@
+package com.example.kuit6_android_api.ui.post.viewmodel
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.ViewModelProvider
+import androidx.lifecycle.viewmodel.initializer
+import androidx.lifecycle.viewmodel.viewModelFactory
+import com.example.kuit6_android_api.App
+import com.example.kuit6_android_api.data.repository.PostRepository
+
+inline fun <reified VM: ViewModel> postViewModelFactory(
+    crossinline create: (PostRepository) -> VM
+) : ViewModelProvider.Factory = viewModelFactory {
+    initializer {
+        val application = this[ViewModelProvider.AndroidViewModelFactory.APPLICATION_KEY]
+                as App
+
+        val postRepository = application.container.postRepository
+        create(postRepository)
+    }
+}
\ No newline at end of file
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index 10c96d0..44a00a8 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -30,6 +30,7 @@ coil = "2.7.0"
 # Coroutines
 coroutines = "1.9.0"
 adapterGuava = "2.11.0"
+datastorePreferences = "1.3.0-alpha01"
 
 [libraries]
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
@@ -69,6 +70,7 @@ coil-compose = { group = "io.coil-kt", name = "coil-compose", version.ref = "coi
 # Coroutines
 kotlinx-coroutines-android = { group = "org.jetbrains.kotlinx", name = "kotlinx-coroutines-android", version.ref = "coroutines" }
 adapter-guava = { group = "com.squareup.retrofit2", name = "adapter-guava", version.ref = "adapterGuava" }
+androidx-datastore-preferences = { group = "androidx.datastore", name = "datastore-preferences", version.ref = "datastorePreferences" }
 
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }