From bda3745bb5aadc117a95bbe7931b846831baeb10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9C=A0=EC=A7=84=EC=8A=B9?= <jinseung0327@gmail.com>
Date: Thu, 7 Sep 2023 21:12:19 +0900
Subject: [PATCH] FEAT: Merge Group

---
 pages/login_ok/Group.js | 1390 ++++++++++++++++++++-------------------
 1 file changed, 701 insertions(+), 689 deletions(-)

diff --git a/pages/login_ok/Group.js b/pages/login_ok/Group.js
index 5e375df..8235cac 100644
--- a/pages/login_ok/Group.js
+++ b/pages/login_ok/Group.js
@@ -1,766 +1,778 @@
-import { View,Platform,Dimensions,  SafeAreaView,
-  ScrollView,StyleSheet,ImageBackground ,Text ,TouchableOpacity} from "react-native";
+import {
+  View,
+  Platform,
+  Dimensions,
+  SafeAreaView,
+  ScrollView,
+  StyleSheet,
+  ImageBackground,
+  Text,
+  TouchableOpacity,
+} from "react-native";
 import { TextInput } from "react-native-gesture-handler";
-import { Ionicons } from '@expo/vector-icons';
-import { NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-import GroupJoin from './groupJoin/GroupDetail'
+import { Ionicons } from "@expo/vector-icons";
+import { NavigationContainer } from "@react-navigation/native";
+import { createStackNavigator } from "@react-navigation/stack";
 
+import { StackActions } from "@react-navigation/native";
 
-const widths = Dimensions.get('window').width;
-const heights = Dimensions.get('window').height;
-const image = {uri: 'https://media.istockphoto.com/id/1261541463/ko/%EC%82%AC%EC%A7%84/%EC%8A%A4%EB%A7%88%ED%8A%B8%ED%8F%B0-%EC%BB%B4%ED%93%A8%ED%84%B0-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC-%EB%B9%84%EC%A6%88%EB%8B%88%EC%8A%A4-%EC%95%84%EC%9D%B4%EB%94%94%EC%96%B4-%EB%93%B1-%EB%8F%85%EC%84%9C%EB%A5%BC-%ED%86%B5%ED%95%B4-%ED%95%99%EC%8A%B5%ED%95%A0-%EC%88%98-%EC%9E%88%EB%8A%94-%EB%8B%A4%EC%96%91%ED%95%9C-%EC%A7%80%EC%8B%9D%EA%B3%BC-%EC%B9%A0%ED%8C%90-%EB%B0%B0%EA%B2%BD.jpg?s=612x612&w=0&k=20&c=2gpEkCa5Hx4K1Wg1wbXyL3tl9oD7RWBdYfSBkp7_Dz8='};
-
-export default function App() {
-  const Stack = createStackNavigator();
+const widths = Dimensions.get("window").width;
+const heights = Dimensions.get("window").height;
+const image = {
+  uri: "https://media.istockphoto.com/id/1261541463/ko/%EC%82%AC%EC%A7%84/%EC%8A%A4%EB%A7%88%ED%8A%B8%ED%8F%B0-%EC%BB%B4%ED%93%A8%ED%84%B0-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC-%EB%B9%84%EC%A6%88%EB%8B%88%EC%8A%A4-%EC%95%84%EC%9D%B4%EB%94%94%EC%96%B4-%EB%93%B1-%EB%8F%85%EC%84%9C%EB%A5%BC-%ED%86%B5%ED%95%B4-%ED%95%99%EC%8A%B5%ED%95%A0-%EC%88%98-%EC%9E%88%EB%8A%94-%EB%8B%A4%EC%96%91%ED%95%9C-%EC%A7%80%EC%8B%9D%EA%B3%BC-%EC%B9%A0%ED%8C%90-%EB%B0%B0%EA%B2%BD.jpg?s=612x612&w=0&k=20&c=2gpEkCa5Hx4K1Wg1wbXyL3tl9oD7RWBdYfSBkp7_Dz8=",
+};
 
+export default function HomeScreen({ navigation }) {
   return (
+    <View
+      style={{
+        flex: 1,
+        padding: 15,
+        paddingTop: Platform.OS == "ios" ? heights * 0.07 : heights * 0.06,
+      }}
+    >
+      <View
+        style={{
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+        }}
+      >
+        <Ionicons
+          onPress={() => {
+            navigation.pop();
+          }}
+          name="chevron-back-outline"
+          style={{
+            fontSize: 35,
+          }}
+        ></Ionicons>
+        <TextInput
+          style={{
+            width: widths * 0.8,
+            backgroundColor: "#e9e9e9",
+            borderRadius: 30,
+            fontSize: widths * 0.05,
+            padding: widths * 0.04,
+          }}
+          placeholder="검색어를 입력하세요"
+        ></TextInput>
+
+        <Ionicons
+          name="search-outline"
+          style={{
+            position: "absolute",
+            fontSize: widths * 0.08,
+            marginRight: widths * 0.02,
+            right: widths * 0.04 + widths * 0.01,
+            top: (widths * 0.04) / 2,
+            color: "gray",
+          }}
+        ></Ionicons>
+      </View>
 
-      <NavigationContainer independent={true} >
-        <Stack.Navigator initialRouteName="Login" screenOptions={{headerShown:false}}>
-          <Stack.Screen name="Login" component={HomeScreen} />
-          <Stack.Screen name="Group" component={GroupJoin} />
-      
-        </Stack.Navigator>
-      </NavigationContainer>
-   
-  );
-}
-
-
- function HomeScreen({navigation}) {
-
-    return (
-      <View style={{ flex: 1, 
-      padding:15,
-      paddingTop: Platform.OS == 'ios' ? heights * 0.07 : heights * 0.06,    
-      }}>
-          <View>
-              <TextInput
-                  style={{
-                    width:widths* 0.9,
-                    backgroundColor:'#e9e9e9',
-                    borderRadius:30,
-                    fontSize: widths * 0.05,
-                    padding:widths * 0.04,
-                    
-                  }}
-                   placeholder="검색어를 입력하세요"
-                   
-              ></TextInput>
-              
-              <Ionicons
-                name="search-outline"
-                style={{
-                  position:'absolute',
-                  fontSize:widths * 0.08,
-                  marginRight:widths * 0.02,
-                  right: widths * 0.04 + widths * 0.01,
-                  top:widths * 0.04 / 2,
-                  color:'gray'
-                }}
-              >
-
-              </Ionicons>
-          </View>
-
-
-          <SafeAreaView 
+      <SafeAreaView
+        style={{
+          marginTop: heights * 0.04,
+          height: heights * 0.7,
+        }}
+      >
+        <ScrollView>
+          <View
             style={{
-              marginTop:heights * 0.04,
-              height: heights * 0.7
+              flexDirection: "row",
+              flexWrap: "wrap",
+              justifyContent: "space-between",
             }}
           >
-
-            <ScrollView>
-                <View
+            <TouchableOpacity
+              style={{
+                marginBottom: heights * 0.02,
+              }}
+              onPress={() => {
+                navigation.push("GroupJoin");
+              }}
+            >
+              <View
+                style={{
+                  shadowColor: "#000",
+                  shadowOffset: {
+                    width: 0,
+                    height: 2,
+                  },
+                  shadowOpacity: 0.25,
+                  shadowRadius: 3.84,
+                  elevation: 1,
+                  borderWidth: 1,
+                  borderColor: "#ccc",
+                  overflow: "hidden",
+                  borderRadius: 10,
+                  width: widths * 0.43,
+                  height: heights * 0.32,
+                }}
+              >
+                <ImageBackground
+                  source={image}
                   style={{
-                    flexDirection:'row',
-                    flexWrap:'wrap',
-                    justifyContent:'space-between'
-                    
+                    width: widths * 0.43,
+                    height: heights * 0.32,
+
+                    marginBottom: heights * 0.03,
                   }}
                 >
-               <TouchableOpacity style={{
-                marginBottom: heights * 0.02
-               }} onPress={()=>{
-                  navigation.push("Group")
-               }} >
-               <View
+                  <View
                     style={{
-                      shadowColor: "#000",
-                      shadowOffset: {
-                        width: 0,
-                        height: 2,
-                      },
-                      shadowOpacity: 0.25,
-                      shadowRadius: 3.84,
-                      elevation: 1,
-                      borderWidth:1,
-                      borderColor:"#ccc",
-                      overflow:'hidden',
-                      borderRadius:10,
+                      backgroundColor: "white",
                       width: widths * 0.43,
-                      height: heights * 0.32,
+                      height: (heights * 0.3) / 1.5,
+                      position: "absolute",
+                      bottom: 0,
+                      borderRadius: 10,
+                      padding: 10,
                     }}
                   >
+                    <Text
+                      style={{
+                        fontSize: 15,
+                        fontWeight: "bold",
+                        color: "#272727",
+                        marginBottom: heights * 0.01,
+                      }}
+                    >
+                      수학문제집 풀 사람
+                    </Text>
 
-                    <ImageBackground
-                    source={image} 
+                    <View
                       style={{
-                        width: widths * 0.43,
-                        height: heights * 0.32,
-                        
-                        marginBottom:heights * 0.03,
-                    
+                        flexDirection: "row",
+                        alignItems: "center",
                       }}
                     >
-                      <View
+                      <Ionicons
+                        name="people-outline"
+                        style={{
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
+
+                      <Text
+                        style={{
+                          fontSize: 12,
+                        }}
+                      >
+                        0 / 7
+                      </Text>
+                    </View>
+
+                    <View
+                      style={{
+                        flexDirection: "row",
+                        alignItems: "center",
+                      }}
+                    >
+                      <Ionicons
+                        name="color-wand-outline"
+                        style={{
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
+
+                      <Text
+                        style={{
+                          fontSize: 12,
+                        }}
+                      >
+                        수학
+                      </Text>
+                    </View>
+
+                    <View
+                      style={{
+                        flexDirection: "row",
+                        alignItems: "center",
+                      }}
+                    >
+                      <Ionicons
+                        name="book-outline"
+                        style={{
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
+
+                      <Text
                         style={{
-                          backgroundColor:'white',
-                          width: widths * 0.43,
-                          height: heights * 0.3 / 1.5 ,
-                          position:'absolute',
-                          bottom:0,
-                          borderRadius:10,
-                          padding:10
+                          fontSize: 12,
                         }}
                       >
-                          <Text
-                            style={{
-                              
-                              fontSize:15,
-                              fontWeight:'bold',
-                              color:'#272727',
-                              marginBottom:heights * 0.01
-                            }}
-                          >
-                              수학문제집 풀 사람
-                          </Text>
-
-                          
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="people-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                 style={{
-                                  fontSize:12
-                                }}
-                              >0 / 7</Text>
-                          </View>
-
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="color-wand-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                 style={{
-                                  fontSize:12
-                                }}
-                              >수학</Text>
-                          </View>
-
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="book-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                style={{
-                                  fontSize:12
-                                }}
-                              >수학의 자신감</Text>
-                          </View>
-                      </View>
-                    </ImageBackground>
-
-                    
+                        수학의 자신감
+                      </Text>
+                    </View>
                   </View>
-               </TouchableOpacity>
-
-               <TouchableOpacity style={{
-                marginBottom: heights * 0.02
-               }} onPress={()=>{
-                  navigation.push("Group")
-               }} >
-               <View
+                </ImageBackground>
+              </View>
+            </TouchableOpacity>
+
+            <TouchableOpacity
+              style={{
+                marginBottom: heights * 0.02,
+              }}
+              onPress={() => {
+                navigation.push("Group");
+              }}
+            >
+              <View
+                style={{
+                  shadowColor: "#000",
+                  shadowOffset: {
+                    width: 0,
+                    height: 2,
+                  },
+                  shadowOpacity: 0.25,
+                  shadowRadius: 3.84,
+                  elevation: 1,
+                  borderWidth: 1,
+                  borderColor: "#ccc",
+                  overflow: "hidden",
+                  borderRadius: 10,
+                  width: widths * 0.43,
+                  height: heights * 0.32,
+                }}
+              >
+                <ImageBackground
+                  source={image}
+                  style={{
+                    width: widths * 0.43,
+                    height: heights * 0.32,
+
+                    marginBottom: heights * 0.03,
+                  }}
+                >
+                  <View
                     style={{
-                      shadowColor: "#000",
-                      shadowOffset: {
-                        width: 0,
-                        height: 2,
-                      },
-                      shadowOpacity: 0.25,
-                      shadowRadius: 3.84,
-                      elevation: 1,
-                      borderWidth:1,
-                      borderColor:"#ccc",
-                      overflow:'hidden',
-                      borderRadius:10,
+                      backgroundColor: "white",
                       width: widths * 0.43,
-                      height: heights * 0.32,
+                      height: (heights * 0.3) / 1.5,
+                      position: "absolute",
+                      bottom: 0,
+                      borderRadius: 10,
+                      padding: 10,
                     }}
                   >
+                    <Text
+                      style={{
+                        fontSize: 15,
+                        fontWeight: "bold",
+                        color: "#272727",
+                        marginBottom: heights * 0.01,
+                      }}
+                    >
+                      수학문제집 풀 사람
+                    </Text>
 
-                    <ImageBackground
-                    source={image} 
+                    <View
                       style={{
-                        width: widths * 0.43,
-                        height: heights * 0.32,
-                        
-                        marginBottom:heights * 0.03,
-                    
+                        flexDirection: "row",
+                        alignItems: "center",
                       }}
                     >
-                      <View
+                      <Ionicons
+                        name="people-outline"
                         style={{
-                          backgroundColor:'white',
-                          width: widths * 0.43,
-                          height: heights * 0.3 / 1.5 ,
-                          position:'absolute',
-                          bottom:0,
-                          borderRadius:10,
-                          padding:10
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
+
+                      <Text
+                        style={{
+                          fontSize: 12,
                         }}
                       >
-                          <Text
-                            style={{
-                              
-                              fontSize:15,
-                              fontWeight:'bold',
-                              color:'#272727',
-                              marginBottom:heights * 0.01
-                            }}
-                          >
-                              수학문제집 풀 사람
-                          </Text>
-
-                          
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="people-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                 style={{
-                                  fontSize:12
-                                }}
-                              >0 / 7</Text>
-                          </View>
-
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="color-wand-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                 style={{
-                                  fontSize:12
-                                }}
-                              >수학</Text>
-                          </View>
-
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="book-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                style={{
-                                  fontSize:12
-                                }}
-                              >수학의 자신감</Text>
-                          </View>
-                      </View>
-                    </ImageBackground>
-
-                    
-                  </View>
-               </TouchableOpacity>
+                        0 / 7
+                      </Text>
+                    </View>
+
+                    <View
+                      style={{
+                        flexDirection: "row",
+                        alignItems: "center",
+                      }}
+                    >
+                      <Ionicons
+                        name="color-wand-outline"
+                        style={{
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
+
+                      <Text
+                        style={{
+                          fontSize: 12,
+                        }}
+                      >
+                        수학
+                      </Text>
+                    </View>
 
+                    <View
+                      style={{
+                        flexDirection: "row",
+                        alignItems: "center",
+                      }}
+                    >
+                      <Ionicons
+                        name="book-outline"
+                        style={{
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
 
-               <TouchableOpacity style={{
-                marginBottom: heights * 0.02
-               }} onPress={()=>{
-                  navigation.push("Group")
-               }} >
-               <View
+                      <Text
+                        style={{
+                          fontSize: 12,
+                        }}
+                      >
+                        수학의 자신감
+                      </Text>
+                    </View>
+                  </View>
+                </ImageBackground>
+              </View>
+            </TouchableOpacity>
+
+            <TouchableOpacity
+              style={{
+                marginBottom: heights * 0.02,
+              }}
+              onPress={() => {
+                navigation.push("Group");
+              }}
+            >
+              <View
+                style={{
+                  shadowColor: "#000",
+                  shadowOffset: {
+                    width: 0,
+                    height: 2,
+                  },
+                  shadowOpacity: 0.25,
+                  shadowRadius: 3.84,
+                  elevation: 1,
+                  borderWidth: 1,
+                  borderColor: "#ccc",
+                  overflow: "hidden",
+                  borderRadius: 10,
+                  width: widths * 0.43,
+                  height: heights * 0.32,
+                }}
+              >
+                <ImageBackground
+                  source={image}
+                  style={{
+                    width: widths * 0.43,
+                    height: heights * 0.32,
+
+                    marginBottom: heights * 0.03,
+                  }}
+                >
+                  <View
                     style={{
-                      shadowColor: "#000",
-                      shadowOffset: {
-                        width: 0,
-                        height: 2,
-                      },
-                      shadowOpacity: 0.25,
-                      shadowRadius: 3.84,
-                      elevation: 1,
-                      borderWidth:1,
-                      borderColor:"#ccc",
-                      overflow:'hidden',
-                      borderRadius:10,
+                      backgroundColor: "white",
                       width: widths * 0.43,
-                      height: heights * 0.32,
+                      height: (heights * 0.3) / 1.5,
+                      position: "absolute",
+                      bottom: 0,
+                      borderRadius: 10,
+                      padding: 10,
                     }}
                   >
+                    <Text
+                      style={{
+                        fontSize: 15,
+                        fontWeight: "bold",
+                        color: "#272727",
+                        marginBottom: heights * 0.01,
+                      }}
+                    >
+                      수학문제집 풀 사람
+                    </Text>
+
+                    <View
+                      style={{
+                        flexDirection: "row",
+                        alignItems: "center",
+                      }}
+                    >
+                      <Ionicons
+                        name="people-outline"
+                        style={{
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
+
+                      <Text
+                        style={{
+                          fontSize: 12,
+                        }}
+                      >
+                        0 / 7
+                      </Text>
+                    </View>
 
-                    <ImageBackground
-                    source={image} 
+                    <View
                       style={{
-                        width: widths * 0.43,
-                        height: heights * 0.32,
-                        
-                        marginBottom:heights * 0.03,
-                    
+                        flexDirection: "row",
+                        alignItems: "center",
                       }}
                     >
-                      <View
+                      <Ionicons
+                        name="color-wand-outline"
+                        style={{
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
+
+                      <Text
                         style={{
-                          backgroundColor:'white',
-                          width: widths * 0.43,
-                          height: heights * 0.3 / 1.5 ,
-                          position:'absolute',
-                          bottom:0,
-                          borderRadius:10,
-                          padding:10
+                          fontSize: 12,
                         }}
                       >
-                          <Text
-                            style={{
-                              
-                              fontSize:15,
-                              fontWeight:'bold',
-                              color:'#272727',
-                              marginBottom:heights * 0.01
-                            }}
-                          >
-                              수학문제집 풀 사람
-                          </Text>
-
-                          
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="people-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                 style={{
-                                  fontSize:12
-                                }}
-                              >0 / 7</Text>
-                          </View>
-
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="color-wand-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                 style={{
-                                  fontSize:12
-                                }}
-                              >수학</Text>
-                          </View>
-
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="book-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                style={{
-                                  fontSize:12
-                                }}
-                              >수학의 자신감</Text>
-                          </View>
-                      </View>
-                    </ImageBackground>
-
-                    
-                  </View>
-               </TouchableOpacity>
+                        수학
+                      </Text>
+                    </View>
 
+                    <View
+                      style={{
+                        flexDirection: "row",
+                        alignItems: "center",
+                      }}
+                    >
+                      <Ionicons
+                        name="book-outline"
+                        style={{
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
 
-               <TouchableOpacity style={{
-                marginBottom: heights * 0.02
-               }} onPress={()=>{
-                  navigation.push("Group")
-               }} >
-               <View
+                      <Text
+                        style={{
+                          fontSize: 12,
+                        }}
+                      >
+                        수학의 자신감
+                      </Text>
+                    </View>
+                  </View>
+                </ImageBackground>
+              </View>
+            </TouchableOpacity>
+
+            <TouchableOpacity
+              style={{
+                marginBottom: heights * 0.02,
+              }}
+              onPress={() => {
+                navigation.push("Group");
+              }}
+            >
+              <View
+                style={{
+                  shadowColor: "#000",
+                  shadowOffset: {
+                    width: 0,
+                    height: 2,
+                  },
+                  shadowOpacity: 0.25,
+                  shadowRadius: 3.84,
+                  elevation: 1,
+                  borderWidth: 1,
+                  borderColor: "#ccc",
+                  overflow: "hidden",
+                  borderRadius: 10,
+                  width: widths * 0.43,
+                  height: heights * 0.32,
+                }}
+              >
+                <ImageBackground
+                  source={image}
+                  style={{
+                    width: widths * 0.43,
+                    height: heights * 0.32,
+
+                    marginBottom: heights * 0.03,
+                  }}
+                >
+                  <View
                     style={{
-                      shadowColor: "#000",
-                      shadowOffset: {
-                        width: 0,
-                        height: 2,
-                      },
-                      shadowOpacity: 0.25,
-                      shadowRadius: 3.84,
-                      elevation: 1,
-                      borderWidth:1,
-                      borderColor:"#ccc",
-                      overflow:'hidden',
-                      borderRadius:10,
+                      backgroundColor: "white",
                       width: widths * 0.43,
-                      height: heights * 0.32,
+                      height: (heights * 0.3) / 1.5,
+                      position: "absolute",
+                      bottom: 0,
+                      borderRadius: 10,
+                      padding: 10,
                     }}
                   >
+                    <Text
+                      style={{
+                        fontSize: 15,
+                        fontWeight: "bold",
+                        color: "#272727",
+                        marginBottom: heights * 0.01,
+                      }}
+                    >
+                      수학문제집 풀 사람
+                    </Text>
 
-                    <ImageBackground
-                    source={image} 
+                    <View
                       style={{
-                        width: widths * 0.43,
-                        height: heights * 0.32,
-                        
-                        marginBottom:heights * 0.03,
-                    
+                        flexDirection: "row",
+                        alignItems: "center",
                       }}
                     >
-                      <View
+                      <Ionicons
+                        name="people-outline"
                         style={{
-                          backgroundColor:'white',
-                          width: widths * 0.43,
-                          height: heights * 0.3 / 1.5 ,
-                          position:'absolute',
-                          bottom:0,
-                          borderRadius:10,
-                          padding:10
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
+
+                      <Text
+                        style={{
+                          fontSize: 12,
                         }}
                       >
-                          <Text
-                            style={{
-                              
-                              fontSize:15,
-                              fontWeight:'bold',
-                              color:'#272727',
-                              marginBottom:heights * 0.01
-                            }}
-                          >
-                              수학문제집 풀 사람
-                          </Text>
-
-                          
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="people-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                 style={{
-                                  fontSize:12
-                                }}
-                              >0 / 7</Text>
-                          </View>
-
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="color-wand-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                 style={{
-                                  fontSize:12
-                                }}
-                              >수학</Text>
-                          </View>
-
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="book-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                style={{
-                                  fontSize:12
-                                }}
-                              >수학의 자신감</Text>
-                          </View>
-                      </View>
-                    </ImageBackground>
-
-                    
+                        0 / 7
+                      </Text>
+                    </View>
+
+                    <View
+                      style={{
+                        flexDirection: "row",
+                        alignItems: "center",
+                      }}
+                    >
+                      <Ionicons
+                        name="color-wand-outline"
+                        style={{
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
+
+                      <Text
+                        style={{
+                          fontSize: 12,
+                        }}
+                      >
+                        수학
+                      </Text>
+                    </View>
+
+                    <View
+                      style={{
+                        flexDirection: "row",
+                        alignItems: "center",
+                      }}
+                    >
+                      <Ionicons
+                        name="book-outline"
+                        style={{
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
+
+                      <Text
+                        style={{
+                          fontSize: 12,
+                        }}
+                      >
+                        수학의 자신감
+                      </Text>
+                    </View>
                   </View>
-               </TouchableOpacity>
-
-               <TouchableOpacity style={{
-                marginBottom: heights * 0.02
-               }} onPress={()=>{
-                  navigation.push("Group")
-               }} >
-               <View
+                </ImageBackground>
+              </View>
+            </TouchableOpacity>
+
+            <TouchableOpacity
+              style={{
+                marginBottom: heights * 0.02,
+              }}
+              onPress={() => {
+                navigation.push("Group");
+              }}
+            >
+              <View
+                style={{
+                  shadowColor: "#000",
+                  shadowOffset: {
+                    width: 0,
+                    height: 2,
+                  },
+                  shadowOpacity: 0.25,
+                  shadowRadius: 3.84,
+                  elevation: 1,
+                  borderWidth: 1,
+                  borderColor: "#ccc",
+                  overflow: "hidden",
+                  borderRadius: 10,
+                  width: widths * 0.43,
+                  height: heights * 0.32,
+                }}
+              >
+                <ImageBackground
+                  source={image}
+                  style={{
+                    width: widths * 0.43,
+                    height: heights * 0.32,
+
+                    marginBottom: heights * 0.03,
+                  }}
+                >
+                  <View
                     style={{
-                      shadowColor: "#000",
-                      shadowOffset: {
-                        width: 0,
-                        height: 2,
-                      },
-                      shadowOpacity: 0.25,
-                      shadowRadius: 3.84,
-                      elevation: 1,
-                      borderWidth:1,
-                      borderColor:"#ccc",
-                      overflow:'hidden',
-                      borderRadius:10,
+                      backgroundColor: "white",
                       width: widths * 0.43,
-                      height: heights * 0.32,
+                      height: (heights * 0.3) / 1.5,
+                      position: "absolute",
+                      bottom: 0,
+                      borderRadius: 10,
+                      padding: 10,
                     }}
                   >
+                    <Text
+                      style={{
+                        fontSize: 15,
+                        fontWeight: "bold",
+                        color: "#272727",
+                        marginBottom: heights * 0.01,
+                      }}
+                    >
+                      수학문제집 풀 사람
+                    </Text>
 
-                    <ImageBackground
-                    source={image} 
+                    <View
                       style={{
-                        width: widths * 0.43,
-                        height: heights * 0.32,
-                        
-                        marginBottom:heights * 0.03,
-                    
+                        flexDirection: "row",
+                        alignItems: "center",
                       }}
                     >
-                      <View
+                      <Ionicons
+                        name="people-outline"
                         style={{
-                          backgroundColor:'white',
-                          width: widths * 0.43,
-                          height: heights * 0.3 / 1.5 ,
-                          position:'absolute',
-                          bottom:0,
-                          borderRadius:10,
-                          padding:10
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
+
+                      <Text
+                        style={{
+                          fontSize: 12,
                         }}
                       >
-                          <Text
-                            style={{
-                              
-                              fontSize:15,
-                              fontWeight:'bold',
-                              color:'#272727',
-                              marginBottom:heights * 0.01
-                            }}
-                          >
-                              수학문제집 풀 사람
-                          </Text>
-
-                          
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="people-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                 style={{
-                                  fontSize:12
-                                }}
-                              >0 / 7</Text>
-                          </View>
-
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="color-wand-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                 style={{
-                                  fontSize:12
-                                }}
-                              >수학</Text>
-                          </View>
-
-                          <View
-                            style={{
-                              flexDirection:'row',
-                              alignItems:'center'
-                            }}
-                          >
-                              <Ionicons
-                                name="book-outline"
-                                style={{
-                                  fontSize:20,
-                                  marginRight:widths * 0.02
-                                }}
-                              ></Ionicons>
-
-                              <Text
-                                style={{
-                                  fontSize:12
-                                }}
-                              >수학의 자신감</Text>
-                          </View>
-                      </View>
-                    </ImageBackground>
-
-                    
-                  </View>
-               </TouchableOpacity>
-                
-                  </View>
-            </ScrollView>
-                
-                 
-          </SafeAreaView>
+                        0 / 7
+                      </Text>
+                    </View>
 
-          
-          <TouchableOpacity
-            style={{
-              backgroundColor:'white',
-              width: widths * 0.9,
-              height: heights * 0.07,
-              position:'absolute',
-              left: widths /2 - widths * 0.45,
-              bottom: heights * 0.05,
-              alignItems:'center',
-              justifyContent:'center',
-              borderRadius:10,
-              shadowColor: "#3E82BD ",
-              shadowOffset: {
-                width: 0,
-                height: 2,
-              },
-              shadowOpacity: 0.25,
-              shadowRadius: 3.84,
-              elevation: 5,
-              borderWidth:2,
-              borderColor:"#3E82BD"
-            }}
-          >
-              <Text
+                    <View
                       style={{
-                        color:'#3E82BD',
-                        fontSize:25,
-                        fontWeight:'bold'
-                      }}>
-                        그룹 만들기</Text>
-          </TouchableOpacity>        
-      </View>
-    );
-  }
-  
+                        flexDirection: "row",
+                        alignItems: "center",
+                      }}
+                    >
+                      <Ionicons
+                        name="color-wand-outline"
+                        style={{
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
 
-  const styles = StyleSheet.create({
+                      <Text
+                        style={{
+                          fontSize: 12,
+                        }}
+                      >
+                        수학
+                      </Text>
+                    </View>
+
+                    <View
+                      style={{
+                        flexDirection: "row",
+                        alignItems: "center",
+                      }}
+                    >
+                      <Ionicons
+                        name="book-outline"
+                        style={{
+                          fontSize: 20,
+                          marginRight: widths * 0.02,
+                        }}
+                      ></Ionicons>
+
+                      <Text
+                        style={{
+                          fontSize: 12,
+                        }}
+                      >
+                        수학의 자신감
+                      </Text>
+                    </View>
+                  </View>
+                </ImageBackground>
+              </View>
+            </TouchableOpacity>
+          </View>
+        </ScrollView>
+      </SafeAreaView>
+
+      <TouchableOpacity
+        style={{
+          backgroundColor: "white",
+          width: widths * 0.9,
+          height: heights * 0.07,
+          position: "absolute",
+          left: widths / 2 - widths * 0.45,
+          bottom: heights * 0.05,
+          alignItems: "center",
+          justifyContent: "center",
+          borderRadius: 10,
+          shadowColor: "#3E82BD ",
+          shadowOffset: {
+            width: 0,
+            height: 2,
+          },
+          shadowOpacity: 0.25,
+          shadowRadius: 3.84,
+          elevation: 5,
+          borderWidth: 2,
+          borderColor: "#3E82BD",
+        }}
+      >
+        <Text
+          style={{
+            color: "#3E82BD",
+            fontSize: 25,
+            fontWeight: "bold",
+          }}
+        >
+          그룹 만들기
+        </Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
 
-  })
\ No newline at end of file
+const styles = StyleSheet.create({});