안녕하세요 Cross platform으로 앱 제작할 때 많이 사용하고 있는 Flutter로 초기 코드 설정하는 방법에 대해 알아볼게요.
Why Flutter?
플러터를 하는 이유? 제가 생각했을 때 크로스 플랫폼인게 제일 큰 장점 같습니다.
Cross Platform?
하나의 소프트웨어나 애플리케이션을 여러 운영 체제나 기기 플랫폼에서 실행할 수 있도록 설계하는 것을 의미합니다. Android앱을 개발하려면 Kotilin을, iOS앱을 개발하려면 swift를 이용해서 개발을 해야하지만 Flutter를 이용하면 android와 iOS의 OS인 기기 모두에서 사용할 수 있습니다! 그래서 플러터로 앱 만들고 구글 플레이 스토어, 애플 앱스토어에 앱을 등록시킬 수 있다는게 큰 매력이죠.
Flutter Project 시작하기
맨처음 cmd + shift + p(윈도우는 ctrl+shift+p)로 플러터 프로젝트 생성을 하면 기본 플러터 프로젝트가 생성될건데, 현재 다 기본 설정으로 되어 있어서 만들 프로젝트 이름에 맞춰 바꿔볼게요!
void main() 부분 제외하고 전부 제거합니다! 그리고 runApp이 실제 플러터 프로젝트 구동하는데 시작부분(root)이여서 MyApp()부분을 저희 프로젝트 이름으로 바꾸고 해당 파일을 만들어볼게요.
app.dart라는 파일 만들고 그냥 s누르면 항목들이 나타납니다-> 거기서 flutter stateless widget으로 이동 후 선택하고 이름 원하는 프로젝트 이름으로 변경
다 하시고 나면
에러 없이 프로젝트 이름을 원하는 이름으로 변경했습니다.
여기서 끝이 아니라 아까 저희가 MyApp()을 저희의 프로젝트 이름으로 변경해서 찾을 수 없다고 나오니 test폴더에서도 수정
마지막으로 app.dart에서 저희 프로젝트에서 여러 페이지들이 있을것이고, 각각의 경로를 설정해주는 routes만 만들게요
PlaceHolder()는 앱 개발 중 아직 디자인 중인, 만들지 않은 부분 대신해서 사용하는 것이고, 애플리케이션 만들기 위해 MaterialApp()으로 대체합니다.
그 안에 맨처음 어떤 화면을 보여줄 것인지 알려주는 initialRoute, 프로젝트의 경로들 있는 routes까지 포함시켜주면 플러터로 앱 만들기 기본 끝입니다!
