[Flutter] 개발 1일차 기본코드 뜯어보기

• 22년 3월 4일
  • 안드로이드 스튜디오에서 플라터 프로젝트를 생성하고 나오는 코드를 뜯어보았습니다.
  • 안 맞을 수도 있지만 코드를 일일이 뜯어가며 내가 느낀 점을 리뷰하며 진행하였습니다.

• 요약
  • title : 페이지 제목
  • primarySwatch : 상단바(앱바)의 상태(색상) 조절
  • StatelessWidget : 계속해서 상태를 갱신할 필요 없는 부분에 사용
  • StatefulWidget : 상태가 변할 때마다 갱신 되는 부분에 사용
  • Scaffold : 구글 기본 제공 UI?

---

 

---

기본 코드 뜯어보기

---

title  primarySwatch 가 하는 역할은 페이지 제목과 상단바(앱바)의 색상을 의미하는 것 같습니다.

그리고 밑에 보시면 MyHomePage에서 적은 title 제목이 상단바에 작성되는데

저 클래스가 앱바의 이름을 변경하는 클래스로 보여 따로 코드만 아래와 같이 보았습니다.

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  // This widget is the home page of your application. It is stateful, meaning
  // that it has a State object (defined below) that contains fields that affect
  // how it looks.

  // This class is the configuration for the state. It holds the values (in this
  // case the title) provided by the parent (in this case the App widget) and
  // used by the build method of the State. Fields in a Widget subclass are
  // always marked "final".

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

저기서 키가 required라길래 필수로 넣어져야하나? 라는 생각이 들어 parameter를 제거해보았더니 역시 오류가 났다.

그런데 변수를 왜 title: '~~~' 이렇게 던져줘야하는건지는 알지 못했다.

꼭 title에 의미가 있는 것은 아니고 어떤 형식으로 던져주도록하는 무언가 같은데 자세하게 무엇인지는 모르겠습니다.

그 이외에 코드는 누를 때마다 1증가하도록 하는 것과 구글의 기본 디자인? 인 Scaffold와 Appbar, title, body 등 나오는데 크게 설명할 것이 없어 보여 여기까지 리뷰하도록 하겠습니다.