[#1] 로그인 화면 구성 및 파일 구조 세팅

Author: Hrepay

assets/images/apple_logo.png assets/images/apple_icon.pngassets/images/apple_logo.png renamed to assets/images/apple_icon.png

@@ -0,0 +1,20 @@
+import 'package:flutter/material.dart';
+import 'package:cherrypic/presentation/screens/login/login_screen.dart';
+import 'package:cherrypic/core/constants/font.dart';
+
+class CherrypicApp extends StatelessWidget {
+  const CherrypicApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Cherrypic',
+      theme: ThemeData(
+        fontFamily: AppFont.family,
+        scaffoldBackgroundColor: Colors.white,
+        useMaterial3: true,
+      ),
+      home: const LoginScreen(),
+    );
+  }
+}

assets/images/kakao_logo.png assets/images/kakao_icon.pngassets/images/kakao_logo.png renamed to assets/images/kakao_icon.png

@@ -1,65 +1,6 @@
 import 'package:flutter/material.dart';
+import 'app/cherrypic_app.dart';
 
 void main() {
-  runApp(const MyApp());
-}
-
-class MyApp extends StatelessWidget {
-  const MyApp({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return MaterialApp(
-      title: 'Cherrypic App',
-      theme: ThemeData(
-        primarySwatch: Colors.pink,
-      ),
-      home: const MyHomePage(),
-    );
-  }
-}
-
-class MyHomePage extends StatefulWidget {
-  const MyHomePage({super.key});
-
-  @override
-  State<MyHomePage> createState() => _MyHomePageState();
-}
-
-class _MyHomePageState extends State<MyHomePage> {
-  int _counter = 0;
-
-  void _incrementCounter() {
-    setState(() {
-      _counter++;
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: const Text('Cherrypic'),
-      ),
-      body: Center(
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: <Widget>[
-            const Text(
-              'You have pushed the button this many times:',
-            ),
-            Text(
-              '$_counter',
-              style: Theme.of(context).textTheme.headlineMedium,
-            ),
-          ],
-        ),
-      ),
-      floatingActionButton: FloatingActionButton(
-        onPressed: _incrementCounter,
-        tooltip: 'Increment',
-        child: const Icon(Icons.add),
-      ),
-    );
-  }
+  runApp(const CherrypicApp());
 }

lib/app/cherrypic_app.dart

@@ -0,0 +1,48 @@
+import 'package:flutter/material.dart';
+import 'package:cherrypic/core/constants/color.dart';
+import 'package:cherrypic/core/constants/font.dart';
+
+class LoginScreen extends StatelessWidget {
+  const LoginScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: AppColor.mainLightRed,
+      body: SafeArea(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            const Spacer(),
+            Image.asset(
+              'assets/images/CherryPic_logo.png',
+              width: 80,
+            ),
+            const SizedBox(height: 20),
+            Image.asset(
+              'assets/images/CherryPic_title.png',
+              width: 140,
+            ),
+            const SizedBox(height: 160),
+            Text(
+              '로그인 / 회원가입',
+              style: AppFont.size14.copyWith(
+                color: AppColor.mainRed,
+              ),
+            ),
+            const SizedBox(height: 16),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Image.asset('assets/images/kakao_icon.png', width: 70),
+                const SizedBox(width: 10),
+                Image.asset('assets/images/apple_icon.png', width: 70),
+              ],
+            ),
+            const Spacer(),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/main.dart

@@ -37,4 +37,4 @@ flutter:
     fonts:
         - family: Koulen
           fonts:
-              - asset: assets/fonts/Koulen/Koulen-Regular.ttf
+              - asset: assets/fonts/Koulen-Regular.ttf