diff --git a/.idea/deviceManager.xml b/.idea/deviceManager.xml
index 91f9558..eebfe8e 100644
--- a/.idea/deviceManager.xml
+++ b/.idea/deviceManager.xml
@@ -5,7 +5,7 @@
       <list>
         <ColumnSorterState>
           <option name="column" value="Name" />
-          <option name="order" value="ASCENDING" />
+          <option name="order" value="DESCENDING" />
         </ColumnSorterState>
       </list>
     </option>
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 97f0a8e..639c779 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 0000000..7061a0d
--- /dev/null
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,61 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="ComposePreviewDimensionRespectsLimit" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="ComposePreviewMustBeTopLevelFunction" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="ComposePreviewNeedsComposableAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="ComposePreviewNotSupportedInUnitTestFiles" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="GlancePreviewDimensionRespectsLimit" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="GlancePreviewMustBeTopLevelFunction" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="GlancePreviewNeedsComposableAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="GlancePreviewNotSupportedInUnitTestFiles" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewAnnotationInFunctionWithParameters" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewApiLevelMustBeValid" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewDeviceShouldUseNewSpec" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewFontScaleMustBeGreaterThanZero" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewMultipleParameterProviders" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewParameterProviderOnFirstParameter" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewPickerAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+  </profile>
+</component>
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
index efd1031..f7608ed 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,5 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ExternalStorageConfigurationManager" enabled="true" />
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_21" project-jdk-name="jbr-21" project-jdk-type="JavaSDK" />
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_21" default="true" project-jdk-name="jbr-21" project-jdk-type="JavaSDK" />
 </project>
\ No newline at end of file
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index 438fa1d..d30a702 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -49,6 +49,7 @@ dependencies {
     implementation(libs.androidx.ui.graphics)
     implementation(libs.androidx.ui.tooling.preview)
     implementation(libs.androidx.material3)
+    implementation(libs.generativeai)
     testImplementation(libs.junit)
     androidTestImplementation(libs.androidx.junit)
     androidTestImplementation(libs.androidx.espresso.core)
diff --git a/app/src/main/java/com/example/android_study/MainActivity.kt b/app/src/main/java/com/example/android_study/MainActivity.kt
index a8734c1..4f6d1d2 100644
--- a/app/src/main/java/com/example/android_study/MainActivity.kt
+++ b/app/src/main/java/com/example/android_study/MainActivity.kt
@@ -4,44 +4,530 @@ import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.activity.enableEdgeToEdge
+import androidx.compose.foundation.Canvas
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+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.offset
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.LazyRow
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.AccountCircle
+import androidx.compose.material.icons.filled.Add
+import androidx.compose.material.icons.filled.Check
+import androidx.compose.material.icons.filled.Email
+import androidx.compose.material.icons.filled.Favorite
+import androidx.compose.material.icons.filled.FavoriteBorder
+import androidx.compose.material.icons.filled.Home
+import androidx.compose.material.icons.filled.MoreVert
+import androidx.compose.material.icons.filled.Notifications
+import androidx.compose.material.icons.filled.Person
+import androidx.compose.material.icons.filled.PlayArrow
+import androidx.compose.material.icons.filled.Search
+import androidx.compose.material.icons.filled.Send
+import androidx.compose.material.icons.filled.Star
+import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.AlertDialogDefaults.containerColor
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.NavigationBar
+import androidx.compose.material3.NavigationBarItem
+import androidx.compose.material3.NavigationBarItemDefaults
+import androidx.compose.material3.OutlinedButton
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
+import androidx.compose.material3.TextButton
+import androidx.compose.material3.TextField
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.Color.Companion.Gray
+import androidx.compose.ui.graphics.PathEffect
+import androidx.compose.ui.graphics.drawscope.Stroke
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
 import com.example.android_study.ui.theme.AndroidstudyTheme
 
+
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         enableEdgeToEdge()
         setContent {
-            AndroidstudyTheme {
-                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
-                    Greeting(
-                        name = "Android",
-                        modifier = Modifier.padding(innerPadding)
+            AndroidstudyTheme() {
+                    FeedUI()
+            }
+        }
+    }
+}
+val PointColor = Color(0xFFFF5722)
+// 스토리 데이터 클래스
+data class StoryData(
+    val id: Int,
+    val userName: String
+)
+
+// 게시물 데이터 클래스
+data class PostData(
+    val id: Int,
+    val userName: String,
+    val location: String,
+    val timeAgo: String,
+    var isLiked: Boolean = false
+)
+var accountUser by mutableStateOf("jwy")
+@Composable
+fun FeedUI(){
+    var selectedTab by remember {mutableStateOf(0)}
+    val stories = remember{
+        listOf(
+            StoryData(1, "jeong"),
+            StoryData(2, "woo"),
+            StoryData(3, "young"),
+            StoryData(4, "bong")
+        )
+    }
+
+    val posts = remember{
+        listOf(
+            PostData(1, "jeong", "Busan", "10m ago"),
+            PostData(2, "woo", "Seoul", "2h ago"),
+            PostData(3, "young", "Ulsan", "Yesterday"),
+            PostData(4, "jwy", "Busan", "3 days ago"),
+            PostData(5, "jwy", "Busan", "3 days ago"),
+            PostData(6, "jwy", "Busan", "3 days ago")
+        )
+    }
+
+    Scaffold(
+        topBar = {//화면 젤 위에 부분
+            Row(
+                modifier= Modifier
+                    .fillMaxWidth()
+                    .padding(start = 16.dp, end = 16.dp, top = 40.dp, bottom = 10.dp),
+                horizontalArrangement = Arrangement.SpaceBetween,
+                verticalAlignment = Alignment.CenterVertically
+            ){
+                Row(verticalAlignment = Alignment.CenterVertically){
+                    Icon(Icons.Default.Add, contentDescription = "Plus", modifier = Modifier
+                        .clip(CircleShape)
+                        .clickable { }
+                        .size(28.dp))
+                    Spacer(modifier = Modifier.width(16.dp))//위에 plus 해결하기
+                    Text(text = accountUser, fontSize = 20.sp, fontWeight = FontWeight.Bold)
+                }
+                Box(contentAlignment = Alignment.TopEnd){
+                    Icon(Icons.Default.Email, contentDescription = "Messages", modifier = Modifier
+                        .clip(CircleShape)
+                        .clickable { }
+                        .size(28.dp))
+                    Box(
+                        modifier = Modifier
+                            .offset(x = 4.dp, y = (-2).dp)
+                            .size(16.dp)
+                            .background(PointColor, CircleShape),
+                        contentAlignment = Alignment.Center
+                    ){
+                        Text(text = "2",color = Color.White,fontSize=9.sp , fontWeight = FontWeight.Bold,modifier = Modifier.offset(y = (-5).dp))
+                    }
+                }
+            }
+        },
+
+        bottomBar = {//아래 홈,알림,좋아요,돋보기,프로필 부분
+            NavigationBar(
+                containerColor = Color.White,
+                tonalElevation = 8.dp
+            ){
+                //홈 버튼 부분
+                NavigationBarItem(
+                    selected = selectedTab ==0,
+                    onClick = {selectedTab = 0},
+                    icon = { Icon(Icons.Default.Home, contentDescription = "Home")} ,
+                    colors = NavigationBarItemDefaults.colors(
+                            indicatorColor = Color.Transparent
+                            )
+                )
+                //좋아요탭 버튼
+                NavigationBarItem(
+                    selected = selectedTab == 1,
+                    onClick = {selectedTab = 1},
+                    icon = { Icon(Icons.Default.FavoriteBorder, contentDescription = "liked") },
+                    colors = NavigationBarItemDefaults.colors(
+                        indicatorColor = Color.Transparent
                     )
+                )
+                //검색탭 버튼
+                NavigationBarItem(
+                    selected = selectedTab == 2,
+                    onClick = {selectedTab = 2},
+                    icon = { Icon(Icons.Default.Search, contentDescription = "Search") }
+                )
+                //계정탭 버튼
+                NavigationBarItem(
+                    selected = selectedTab == 3,
+                    onClick = {selectedTab = 3},
+                    icon = { Icon(Icons.Default.AccountCircle, contentDescription = "Profile") }
+                )
+            }
+        }
+    ){ paddingValues ->
+        Box(modifier=Modifier
+            .fillMaxSize()
+            .padding(paddingValues)){
+            when(selectedTab){
+              0 -> HomeScreen(stories = stories, posts = posts)
+              1 -> LikedScreen(posts = posts)
+              2 -> SearchScreen(posts = posts)
+              3 -> ProfileScreen(posts = posts)
+            }
+        }
+    }
+}
+
+@Composable
+fun HomeScreen(stories : List<StoryData>, posts : List<PostData>) {
+    LazyColumn(modifier = Modifier.fillMaxSize()) {
+        item {//스토리 부분
+            StorySection(stories=stories)
+        }
+
+        item { Spacer(modifier = Modifier.height(24.dp)) }
+
+        item { //recent, following, trendy 선택 탭
+            Box(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(horizontal = 24.dp)
+                    .height(50.dp)
+                    .background(PointColor, RoundedCornerShape(25.dp))
+            ) {
+                Row(
+                    modifier = Modifier.fillMaxSize(),
+                    verticalAlignment = Alignment.CenterVertically,
+                    horizontalArrangement = Arrangement.SpaceEvenly
+                ) {
+                    Text("Recent", color = Color.White, fontSize = 14.sp)
+                    Text("Following", color = Color.White, fontSize = 14.sp)
+                    Box(
+                        modifier = Modifier
+                            .clip(RoundedCornerShape(20.dp))
+                            .clickable{}
+                            .background(Color.White, RoundedCornerShape(20.dp))
+                            .padding(horizontal = 20.dp, vertical = 8.dp)
+                    ) {
+                        Text("Trendy", color = PointColor, fontSize = 14.sp, fontWeight = FontWeight.Bold)
+                    }
                 }
             }
         }
+
+        item { Spacer(modifier = Modifier.height(24.dp)) }
+        //게시물 부분
+        items(posts.size) { index ->
+            val post = posts[index]
+            PostItem(post=post)
+        }
+    }
+}
+@Composable
+fun StorySection(stories: List<StoryData>){
+    LazyRow(
+        contentPadding = PaddingValues(horizontal = 16.dp),
+        horizontalArrangement = Arrangement.spacedBy(16.dp),
+        modifier = Modifier.padding(vertical = 10.dp)
+    ) {
+        //본인 스토리 추가
+        item {
+            Column(horizontalAlignment = Alignment.CenterHorizontally) {
+                Box(
+                    modifier = Modifier
+                        .clip(CircleShape)
+                        .clickable { }
+                        .size(65.dp)
+                        .background(Color(0xFF1E1E1E), CircleShape)
+                        .border(2.dp, Color.LightGray, CircleShape),
+                    contentAlignment = Alignment.Center
+                ) {
+                    Icon(Icons.Default.Add, contentDescription = "Add Story", tint = Color.White)
+                }
+                Spacer(modifier = Modifier.height(8.dp))
+                Text("Add Story", fontSize = 12.sp, color = Color.DarkGray)
+            }
+        }
+        //다른 사람 스토리
+        items(stories.size) { index ->
+            val story = stories[index]
+            Column(horizontalAlignment = Alignment.CenterHorizontally) {
+                Box(
+                    modifier = Modifier
+                        .clip(CircleShape)
+                        .clickable { }
+                        .size(65.dp),
+                    contentAlignment = Alignment.Center
+                ) {
+                    val stroke = Stroke(
+                        width = 4f,
+                        pathEffect = PathEffect.dashPathEffect(floatArrayOf(15f, 10f), 0f)
+                    )
+                    Canvas(modifier = Modifier.matchParentSize()) {
+                        drawCircle(color = PointColor, style = stroke)
+                    }
+                    Box(
+                        modifier = Modifier
+                            .size(55.dp)
+                            .clip(CircleShape)
+                            .background(Color.Gray)
+                    )
+                }
+                Spacer(modifier = Modifier.height(8.dp))
+                Text(story.userName, fontSize = 12.sp, color = Color.DarkGray)
+            }
+        }
     }
 }
 
 @Composable
-fun Greeting(name: String, modifier: Modifier = Modifier) {
-    Text(
-        text = "Hello $name!",
-        modifier = modifier
-    )
+fun PostItem(post : PostData){
+    var liked by remember{ mutableStateOf(post.isLiked)}
+    Column(modifier = Modifier.padding(bottom = 16.dp)) {
+        Card(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = 16.dp),
+            colors = CardDefaults.cardColors(containerColor = Color.White),
+            elevation = CardDefaults.cardElevation(defaultElevation = 2.dp),
+            shape = RoundedCornerShape(16.dp)
+        ) {
+            //게시물 위에 프로필이랑 이름 부분
+            Column {
+                Row(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .padding(16.dp),
+                    verticalAlignment = Alignment.CenterVertically
+                ) {
+                    Box(
+                        modifier = Modifier
+                            .clip(CircleShape)
+                            .size(40.dp)
+                            .border(1.dp, PointColor, CircleShape)
+                            .padding(2.dp)
+                            .background(Color.Gray)
+                    ) {
+                        Icon(Icons.Default.Person, "profile", tint = Color.White, modifier = Modifier.fillMaxSize())
+                    }
+                    Spacer(modifier = Modifier.width(12.dp))
+                    Column(modifier = Modifier.weight(1f)) {
+                        Text(post.userName, fontWeight = FontWeight.Bold, fontSize = 14.sp)
+                        Text("At ${post.location}, ${post.timeAgo}", color = Color.Gray, fontSize = 12.sp)
+                    }
+                    Icon(Icons.Default.Star, "bookmark", tint = Color.Gray)
+                }
+                //게시물 사진부분
+                Box(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .height(300.dp)
+                        .background(Color(0xFFFFCDD2))
+                ) {
+                    Icon(Icons.Default.PlayArrow, "paly", tint = Color.White, modifier = Modifier.align(Alignment.Center).size(60.dp))
+                }
+                //좋아요등 게시물 아래부분
+                Row(
+                    modifier = Modifier.fillMaxWidth().padding(16.dp),
+                    horizontalArrangement = Arrangement.spacedBy(16.dp)
+                ) {
+                    Icon(
+                        imageVector=if(liked) Icons.Default.Favorite else Icons.Default.FavoriteBorder,
+                        contentDescription = "Like",
+                        modifier = Modifier.clickable(
+                            interactionSource = remember{MutableInteractionSource()},
+                            indication = null
+                        ){
+                            liked = !liked
+                            post.isLiked = liked
+                        },
+                        tint = if (liked) PointColor else Color.Gray
+                        )
+                    Icon(Icons.Default.Search, "search", tint = Color.Gray)
+                    Icon(Icons.Default.Send, "send", tint = Color.Gray)
+                    Spacer(modifier = Modifier.weight(1f))
+                    Icon(Icons.Default.MoreVert, "option", tint = Color.Gray)
+                }
+            }
+        }
+    }
+}
+@Composable
+//좋아요 누른 게시물 모아보기
+fun LikedScreen(posts: List<PostData>){
+    val likedPosts = remember(posts.map{it.isLiked}){
+        posts.filter {it.isLiked}
+    }
+    LazyColumn(modifier = Modifier.fillMaxSize()){
+        item{
+            Text(
+                "Liked Posts",
+                modifier = Modifier.padding(16.dp),
+                fontSize = 20.sp,
+                fontWeight = FontWeight.Bold
+            )
+        }
+        items(likedPosts.size){index ->
+            PostItem(post = likedPosts[index])
+        }
+    }
 }
+@Composable
+//이름 검색해 게시물 검색
+fun SearchScreen(posts : List<PostData>){
+    var name by remember{mutableStateOf("")}
+    val filteredPosts = remember(name) {
+        posts.filter { post -> post.userName == name }
+    }
+    LazyColumn(
+        modifier=Modifier
+            .fillMaxSize()
+            .padding(16.dp),
+        horizontalAlignment=Alignment.CenterHorizontally,
+    ){
+        item{TextField(
+            value = name,
+            onValueChange = {name =it},
+            label = {Text("이름 입력")},
+        )}
+        item{Spacer(modifier=Modifier.height(16.dp))}
+        item{Text("입력한 검색어: $name")}
+        item{Spacer(modifier=Modifier.height(16.dp))}
+        items(filteredPosts.size) { index ->
+            val post = filteredPosts[index]
+            PostItem(post=post)
+        }
+    }
+}
+@Composable
+fun ProfileScreen(posts : List<PostData>){
+    var onEditing by remember {mutableStateOf(false)}
+    var newName by remember(accountUser) {mutableStateOf(accountUser)}
+    val myPosts = remember{
+        posts.filter{post -> post.userName == accountUser}
+    }
+    var followerNumber = 0
+    var followingNumber =0
+    Column{
+        LazyRow(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(16.dp),
+            verticalAlignment = Alignment.CenterVertically
+        ){
+            item{
+                Column(horizontalAlignment = Alignment.CenterHorizontally){
+                    Icon(Icons.Default.Person, "profile",tint=Color.Gray,
+                        modifier = Modifier.size(80.dp)
+                    )
+                    if(onEditing){
+                        TextField(
+                            value = newName,
+                            onValueChange = {newName = it },
+                            label = {Text("입력")},
+                            trailingIcon = {
+                                IconButton(onClick = {
+                                    accountUser = newName
+                                    onEditing = false}) {
+                                    Icon(Icons.Default.Check, contentDescription = "확인", modifier=Modifier.size(24.dp))
+                                }
+                            }
+                        )
+                    }else{
+                        Button(onClick = {onEditing = true},
+                            modifier= Modifier
+                                .width(70.dp)
+                                .height(25.dp),
+                            contentPadding = PaddingValues(0.dp),
+                            colors = ButtonDefaults.buttonColors(
+                                containerColor = PointColor
+                            )
+                        ){
+                            Text("이름 변경", color = Color.White,fontSize=12.sp)
+                        }
+                    }
+                }
+            }
+            item{
+                Row(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .padding(start = 30.dp),
+                    horizontalArrangement = Arrangement.spacedBy(30.dp),
+                    verticalAlignment = Alignment.CenterVertically
+                ) {
+                    Column(horizontalAlignment = Alignment.CenterHorizontally){
+                        Text("${myPosts.size}",fontWeight = FontWeight.Bold,fontSize = 25.sp)
+                        Text("posts",fontSize = 16.sp)
+                    }
+                    Column(horizontalAlignment = Alignment.CenterHorizontally){
+                            Text("${followerNumber}",fontWeight = FontWeight.Bold,fontSize = 25.sp)
+                            Text("followers",fontSize = 16.sp)
+                    }
+                    Column(horizontalAlignment = Alignment.CenterHorizontally){
+                            Text("${followingNumber}",fontWeight = FontWeight.Bold,fontSize = 25.sp)
+                            Text("followings",fontSize = 15.sp)
+                    }
+                }
+            }
+        }
+        Spacer(modifier=Modifier.height(16.dp))
+        //내 게시물
+        LazyColumn(
+            modifier=Modifier
+                .fillMaxSize()
+                .padding(16.dp),
+            horizontalAlignment=Alignment.CenterHorizontally,
+        ){
+            items(myPosts.size) { index ->
+                val post = myPosts[index]
+                PostItem(post=post)
+            }
+        }
+    }
+
+}
+
+
 
 @Preview(showBackground = true)
 @Composable
 fun GreetingPreview() {
     AndroidstudyTheme {
-        Greeting("Android")
+        FeedUI()
     }
 }
\ No newline at end of file
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index 567c31c..ae5b91c 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -8,6 +8,7 @@ espressoCore = "3.7.0"
 lifecycleRuntimeKtx = "2.10.0"
 activityCompose = "1.13.0"
 composeBom = "2024.09.00"
+generativeai = "0.9.0"
 
 [libraries]
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
@@ -24,6 +25,7 @@ androidx-ui-tooling-preview = { group = "androidx.compose.ui", name = "ui-toolin
 androidx-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest" }
 androidx-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
 androidx-material3 = { group = "androidx.compose.material3", name = "material3" }
+generativeai = { group = "com.google.ai.client.generativeai", name = "generativeai", version.ref = "generativeai" }
 
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }