앱 개발/Flutter 공부

[Flutter] 01. main.dart 기본 구조

내만 2022. 6. 24. 20:46
728x90
반응형

 

 

 

 

 

우선 싹다 지웁니다.

 

그리고 stless입력 후 탭을 해보면

 

이렇게 무엇인가 나오는데 저기 초록 네모처럼 MyApp을 입력합니다.

 

 

그리고 위에서는 Container에 해당하는 부분을 MaterialApp이라고 바꾸고 그 안에 코드를 짜는 방식이라고 합니다.

 


📌구조설명 시작


이 부분은 파일이나 패키지 가져오는 문법입니다.

 

 

이 부분은 "앱을 실행하겠다" 라는 의미를 갖는 부분인데 메인 페이지를 넣어서 실행합니다.

현재 메인 페이지는 MyApp입니다.

 

그래서 이 공간을 이용해서 메인 페이지를 구성하는데

 

위 초록 공간은 그냥 형식 상 있는 구조고 밑에 빨간 공간에 코딩을 해서

메인 페이지를 구성할 수 있습니다.

 

다음 게시물에 이 메인 페이지에 작성되는 위젯 부분을 알아보겠습니다.

 

 

 

728x90
반응형