슬기로운 IT생활

이번 포스팅은 안드로이드 스튜디오로 플러터 앱을 개발하는 환경을 구축하고자 한다. 플러터 SDK 설치 ​ 아래 플러터 공식 사이트에서 다운로드한다. ​ https://flutter-ko.dev/docs/get-started/install/windows 윈도우에서 설치 flutter-ko.dev ​ 아래 flutter_windows_2.0.1-stable.zip을 다운로드했다. ​ 압축을 풀면 flutter 폴더가 보이는데 나는 그냥 C 드라이브에다가 설치했다 ​ flutter 폴더 내 파일 중에 flutter_console을 실행한다. ​ ​ ​ 그러면 정상 여부를 체크해 주는데 나는 플러터만 설치했으니 V 체크가 나온다. 이렇게 플러터가 정상임을 확인했으며 이번에는 볼 수 없었던 Chrome - dev..

지금까지는 워밍업이었고, 이제 본격적으로 앱 개발을 시작하려고 한다. ​ 나는 누구나 쉽게 따라 할 수 있는 소스 코드를 좋아하기 때문에 쉽고 단순하게 만들어보겠다. ​ 우선 하단에 구성할 탭 메뉴를 만들어보자. 플러터 개발 첫 포스팅 때 얘기했지만 메뉴는 총 4개로 구성할 예정이다. ​ 1. 가게 안내 2. 메뉴 안내 3. 오시는 길 4. 스토어 ​ 4개의 메뉴는 탭으로 구성할 예정이며 쉽게 그리고 이쁘게 만들기 위해 애니메이션 탭을 지원하는 convex_bottom_bar 패키지를 다운로드할 예정이다. 더 이쁜 패키지도 있지만 이 버전이 안정적인 것 같아서 다운로드했다. ​ pubspec.yaml으로 이동하여 convex_bottom_bar를 추가 후 Get Packages를 누른다. convex_b..

플러터 패키지 중 애니메이티드 스플래시 스크린 패키지를 이용해서 앱 실행 시 스플래시 스크린(시작화면)의 애니메이션을 쉽게 만드는 방법을 알려주려고 한다. 아래와 같이 이미지나 아이콘을 이동하거나, 웹에 있는 이미지를 이용해서 애니메이션 스플래시 스크린이 가능하다. 패키지 사이트 주소는 아래 URL 참고 https://pub.dev/packages/animated_splash_screen 패키지를 보면 현재 기준 1.0.1+2까지 나왔다. animated_splash_screen 패키지 추가 자 이제 VS Code에서 패키지를 다운 받아보자. 아래와 같이 pubspec.yaml 파일의 dependencies 내에서 패키지 이름과 버전을 입력한다. animated_splash_screen: ^1.0.1+2..

자 플러터(flutter)로 앱(app)을 만들어보자. ​ 사실 환경 세팅부터 포스팅하려고 했지만, 자마린처럼 서론만 얘기하다 끝날까 봐 이번 플러터 포스팅은 어떤 앱을 만들지 정하고, 바로 프로젝트 생성부터 들어가겠다. (자마린은 오픈을 앞두고 너무 바빠져서 포스팅을 포기했었다. 현업에서는 잘 쓰고 있음) ​ 자 거두절미하고 어떤 앱을 만들지 바로 정하고 프로젝트 생성 들어간다! ​ 어떤 앱을 만들 것인가? ​ 우선 복잡한 서비스 앱을 제작은 포스팅에 사용하기는 어렵기 때문에 나는 아주 간단하게 아래 닭갈비 매장을 홍보하는 앱을 만들어보겠다ㅋㅋ ​ ​ 메뉴는 가게 소개, 메뉴 소개, 오시는 길, 스토어로 이동 정도? 원래 기획을 다 하고 만들어야 하는데 그러면 또 기획하다 끝날까 봐 우선 만들어보겠다...