Feature/#8 sign up1 UI

app/src/main/java/com/hackathon/alddeul_babsang/core_ui/component/SignUpLoginTextfield.kt

@@ -0,0 +1,35 @@
+package com.hackathon.alddeul_babsang.core_ui.component
+
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextField
+import androidx.compose.material3.TextFieldDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.sp
+import com.hackathon.alddeul_babsang.core_ui.theme.*
+
+@Composable
+fun SignUpLoginTextField(
+    value: String,
+    onValueChange: (String) -> Unit,
+    placeholderText: String
+) {
+    TextField(
+        value = value,
+        onValueChange = onValueChange,
+        placeholder = {
+            Text(
+                text = placeholderText,
+                style = head4Bold,
+                color = Gray300,
+            )
+        },
+        colors = TextFieldDefaults.colors(
+            focusedContainerColor = Color.White, // 포커스된 상태에서 배경색을 흰색으로 설정
+            unfocusedContainerColor = Color.White, // 비포커스 상태에서 배경색을 흰색으로 설정
+            cursorColor = Color.Black,
+            focusedIndicatorColor = Orange900,
+            unfocusedIndicatorColor = Gray300
+        )
+    )
+}

app/src/main/java/com/hackathon/alddeul_babsang/presentation/auth/SignUpScreen1.kt

@@ -0,0 +1,97 @@
+package com.hackathon.alddeul_babsang.presentation.auth
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.imePadding
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.navigation.NavController
+import androidx.navigation.compose.rememberNavController
+import com.hackathon.alddeul_babsang.R
+import com.hackathon.alddeul_babsang.core_ui.component.AlddeulButton
+import com.hackathon.alddeul_babsang.core_ui.component.SignUpLoginTextField
+import com.hackathon.alddeul_babsang.core_ui.theme.AlddeulBabsangTheme
+import com.hackathon.alddeul_babsang.core_ui.theme.head4Bold
+
+@Composable
+fun SignUpScreen1(navController: NavController) {
+    val (id, setId) = remember {
+        mutableStateOf("")
+    }
+
+    val (password, setPassword) = remember {
+        mutableStateOf("")
+    }
+
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(Color.White)
+            .padding(top = 145.dp)
+            .imePadding(),
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.Top
+    ) {
+        Text(
+            stringResource(R.string.setIdPassword),
+            textAlign = TextAlign.Center,
+            style = head4Bold,
+            lineHeight = 25.sp
+
+            )
+        Spacer(modifier = Modifier.height(50.dp))
+
+        SignUpLoginTextField(
+            value = id,
+            onValueChange = setId,
+            placeholderText = stringResource(R.string.setId)
+        )
+
+        Spacer(modifier = Modifier.height(16.dp))
+
+        SignUpLoginTextField(
+            value = password,
+            onValueChange = setPassword,
+            placeholderText = stringResource(R.string.setPassword)
+        )
+
+        Spacer(modifier = Modifier.weight(1f))
+
+        AlddeulButton(
+            text = R.string.next,
+            onClick = {
+                if (id.isNotEmpty() && password.isNotEmpty()) {
+                    //navController.navigate("signUp2")
+                }
+            }
+        )
+
+    }
+
+}
+
+
+@Preview
+@Composable
+fun SignUpScreen1Preview() {
+    AlddeulBabsangTheme {
+        SignUpScreen1(
+            navController = rememberNavController()
+        )
+    }
+}

app/src/main/res/values/strings.xml

@@ -22,5 +22,9 @@
     <string name="btn_review_complete">완료</string>
     <string name="tv_review_length">%1$s/100자</string>
     <string name="toast_review_length">리뷰는 100자 이내로 작성해주세요.</string>
+    <string name="next">다음</string>
+    <string name="setIdPassword">아이디와 비밀번호를\n설정해주세요</string>
+    <string name="setId">아이디 입력</string>
+    <string name="setPassword">비밀번호 입력</string>
 
 </resources>