From 57139222c31fcb4dd07034514a4228d5da99016b Mon Sep 17 00:00:00 2001
From: kiung yoon <rldnd4429@ajou.ac.kr>
Date: Fri, 24 Jun 2022 01:27:29 +0000
Subject: [PATCH] understand practice_code
---
practice_code/README.md | 21 ++++++++++++++++++++-
1 file changed, 20 insertions(+), 1 deletion(-)
diff --git a/practice_code/README.md b/practice_code/README.md
index e8522da..fc59c82 100644
--- a/practice_code/README.md
+++ b/practice_code/README.md
@@ -1,2 +1,21 @@
# 캐릭터 페이지 디자인
-<img src="/uploads/d8948f3fb5bab8ebe473780d0cbbe64d/simu.png" width="300" height="650">
+아래는 완성된 캐릭터 페이지이다
+<img src="/uploads/d8948f3fb5bab8ebe473780d0cbbe64d/simu.png" width="300" height="650">
+#
+## Flutter 클래스 설명
+Flutter 클래스는 크게 statelessWidget과 statefulwidget으로 나눌 수 있다
+* statefulwidget은 페이지에 변화가 없는 정적인 페이지 구성을 할 때 사용하는 클래스이다
+* statefulwidget은 페이지의 변화가 있는 동적인 페이지 구성을 할 때 사용하는 클래스이다
+실습에서는 statelessWidget을 사용하여 캐릭터 페이지를 구성하였다
+```
+Scaffold(
+ appbar: AppBar(
+ title: Text('FOSS'),
+ ...
+ )
+ body: ...
+)
+```
+`Scaffold`는 App의 화면을 구성하는데 가장 기본이 되는 클래스이다
+`appbar` 속성은 앱의 상단을 구성하며 앱의 title등을 넣을 수 있고 좌우로 아이콘을 넣어 tap을 했을 때 어떤 동작을 수행하게 할 수 있다
+'body' 속성은 앱의 가운데 메인화면을 구성한다. 여기에서는 다양한 클래스를 이용하여 화면을 구성할 수 있다 실습에서는 `Padding` `Divider` `Column` `Row` 등의 클래스를 사용해 보았다
--
GitLab