[Flutter] VSCode에서 프로젝트 시작하기

프로젝트 생성

ctrl + shift + p

> Flutter New Project

 

프로젝트 구조

• pubspec.yaml : 프로젝트의 메타데이터 즉 사용환경을 정의
• android / ios폴더 
• test 폴더 : 각종 Dart 파일을 테스트하는 곳
• lib > main.dart : 핵심 작업 공간

 

기본 코드

가장 먼저 머티리얼 패키지를 불러옵니다

 

runApp()은 플러터의 최상위 함수입니다.

이 메소드는 반드시 위젯을 받아야 합니다.

MyApp()은 커스텀 위젯

 

MyApp 위젯은 뼈대이므로 변하지 않는 위젯, Stateless Widget이 됩니다.

stl 약어를 이용해서 코드스니펫을 불러오고

클래스 명을 MyApp으로 합니다.

Container는 MaterialApp으로 바꿔줍니다.

머티리얼 패키지의 모든 기능을 활용할 수 있게 됩니다.