🔀 :: [#11] 로그인 페이지 퍼블리싱 / TextField 컴포넌트 제작

[Xixn2]

💡 개요

로그인 페이지 퍼블리싱 / TextField 컴포넌트 제작

📃 작업내용

• TextField 컴포넌트를 제작했습니다.
• 로그인 페이지 퍼블리싱을 했습니다.
• 각종 컬러, 폰트파일 추가 및 색상 Extension을 Text에서 View까지 확장 추가했습니다.

🎨 설명코드

Color Extension 코드

extension Color {
    static func color(_ style: ColorStyle) -> Color {
        return Color(style.rawValue)
    }
}

extension Text {
    func color(_ style: ColorStyle) -> Text {
        return self.foregroundColor(.color(style))
    }
}

extension View {
    func color(_ style: ColorStyle) -> some View {
        self.foregroundColor(.color(style))
    }
}

로그인 성공 (로컬에 정보저장)

authViewModel.signIn { statusCode in
    if (200...299).contains(statusCode) {
        print("\(statusCode) | 로그인 성공")
        
        if isLoggedIn {
            let email = "\(emailTextField)@gsm.hs.kr"
            let password = passwordTextField
            
            UserDefaults.standard.set(email, forKey: "savedEmail")
            UserDefaults.standard.set(password, forKey: "savedPassword")
            UserDefaults.standard.set(isLoggedIn, forKey: "isLoggedIn")
            
            print("✅ 로컬 저장 완료: \(email), \(password), 로그인 상태 유지: \(isLoggedIn)")
        }
    } else {
        print("\(statusCode) | 로그인 실패")
    }
}

🎸 기타

⚠️ 로그인 페이지 (TextField, Button 컴포넌트)

오류 없음

오류 있음

⚠️ 로그인 성공 (Xcode 로그)