[#57] TextField 컴포넌트화

Author: ljdongz

Core/DesignSystem/Sources/Components/TextFields/MarkTextField.swift

@@ -0,0 +1,34 @@
+//
+//  MarkTextField.swift
+//  DesignSystem
+//
+//  Created by 이정동 on 6/9/25.
+//
+
+import SwiftUI
+
+#if os(macOS)
+public struct MarkTextField: View {
+  
+  @Binding var text: String
+  let placeholder: String
+  
+  public init(
+    text: Binding<String>,
+    placeholder: String = ""
+  ) {
+    self._text = text
+    self.placeholder = placeholder
+  }
+  
+  public var body: some View {
+    TextField("", text: $text, prompt: Text(placeholder))
+      .textFieldStyle(.roundedBorder)
+  }
+}
+
+#Preview {
+  @Previewable @State var text = ""
+  MarkTextField(text: $text, placeholder: "입력")
+}
+#endif

Mark-In/Sources/Feature/AddFolder/AddFolderView.swift

@@ -29,8 +29,7 @@ struct AddFolderView: View {
       Text("폴더를 추가:")
         .frame(maxWidth: .infinity, alignment: .leading)
 
-      TextField("", text: $title, prompt: Text("제목"))
-        .textFieldStyle(.roundedBorder)
+      MarkTextField(text: $title, placeholder: "제목")
         .padding(.top, 14)
         .disabled(isSaving)
 

Mark-In/Sources/Feature/AddLink/AddLinkView.swift

@@ -56,11 +56,9 @@ struct AddLinkView: View {
         .pickerStyle(.menu)
         .labelsHidden()
 
-        TextField("", text: $url, prompt: Text("주소"))
-          .textFieldStyle(.roundedBorder)
+        MarkTextField(text: $url, placeholder: "주소")
 
-        TextField("", text: $title, prompt: Text("제목(선택)"))
-          .textFieldStyle(.roundedBorder)
+        MarkTextField(text: $title, placeholder: "제목(선택)")
       }
       .padding(.top, 14)
       .disabled(isSaving)