![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/SgD9D/btsGC0jHNG2/9RsnqYuxB8sxiaMep3kCYk/img.gif)
파일 분리 void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple), useMaterial3: true, ), home: const MyHomePage(title: 'Home'), ); }}// MyH..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/mywpe/btsGCvRJ0ao/hKbHIaSg0jNdKb4xp4Bt9k/img.png)
프로젝트 생성 ! 먼저 플러터 개발환경 세팅을 완료해야 된다. vscode를 실행시킨 후 ctrl + shift + p > Flutter New Project > Aplication 누르고 프로젝트의 위치를 선택해준다.나같은 경우는 찾기 쉽도록 바탕화면으로 설정해줬다. 이렇게 생성한 프로젝트는 폴더형식의 파일이다. 프로젝트 이름(폴더명)을 지어주고 'Enter' 키를 누르면 이렇게 프로젝트가 생성된다.다시 프로젝트를 열 때는 파일 > 폴더열기 > 생성한 프로젝트 폴더 선택 순으로 하면 된다. 폴더구조 세팅 프로젝트를 생성하면 위와같은 기본 폴더구조가 보일텐데여기서 프로젝트에 필요한 폴더나 파일을 추가할 것이다. 아래 빈 곳을 클릭한 후 폴더 생성버튼을 눌러 'asset' 이라는 폴더를..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cYyKuB/btsGo67lMBb/4c6kh8skGFndP6EJ0C7we1/img.png)
개요 무스마에서 배운 플러터 지식을 기반으로 하나 만들어보고 싶은 앱이 생겼다. 바로 내 운동루틴에 맞춘 운동일지 앱이다. 예전에는 나름 꾸준히 루틴대로 운동을 했었는데 근래에는 운동을 소홀히 했던 것 같다. 그래서 내가 쓰기 위한 운동일지 앱을 하나 만들어서 나름대로 목표를 정하고 변화과정을 한눈에 보기쉽게 알 수 있도록 하면 되게 좋을 거 같다는 생각이 들었다. 앱 컨셉 본인은 체질 때문에 어릴 떄부터 쭉 마른 체형에 속해있던 사람이었다. 마른 사람들을 보통 멸치라고 부르는데 본인은 이 멸치상태를 탈출하고 싶었다. '운동 열심히 해서 멸치에서 고등어라도 되어보자!' 이게 이 앱의 취지이다. 그래서 앱 이름을 '멸치 탈출'로 지었다. 구현할 화면들 1. 스플래쉬 화면 2. 메인화면 3. 유저 프로필 화..