ARAYO IT - 아라요이트

    미세먼지 날씨 앱은 시간별 정보를 제공해야 하며, 낮과 밤을 구분해 준다면 시각적으로 직관성을 제공해 줄 수 있습니다. 때문에 배경화면을 통해 낮과 밤을 구분하는 간단한 화면 구성을 해보겠습니다. 구현 결과는 아래와 같습니다. 구현결과 (배경화면 구성) pubspec.yaml pub.dev 에서 다음 package를 설치합니다. GetX 상태 관리, 종속성 주입 및 경로 관리를 지원하는 강력한 package입니다. 자세한 설명은 이후 다른 게시물에서 알려드리도록 하겠습니다. 여기서는 구현에 초점을 맞춰 진행하겠습니다. initialBinding: InitialBinding() : GetX의 상태관리를 위해 controller 의존성 주입 getPages: appRouter, : Router 관리 Pull To Refresh 스크롤 드롭다운과 새로고침을 지원하는 package입니다. 다음 코드를 main.dart에 추가하여 pull to refresh package 초기화합니다. Flutter Svg SVG 파일을 그려주는 widget package입니다. 전체코드  mina.dart :  프로그램 최초 구동 함수 initial_binding.dart : GetXController 의존성 주입 home_controller.dart : GetXController app_router.dart : application router home_page.dart : main page에서 최초 routing 된 widget custom_app_bar.dart : appbar widget sky.dart : 낮 과 밤의 Image widget background.dart : 낮 과 밤의 배경화면 widget

    안녕하세요 아라요 IT입니다. 최근 코로나 앱 개발 후 출시가 안 되는 문제로 너무 많은 스트레스를 받아서 자포자기하는 심정으로 며칠간 놀았습니다. 그런데 어쩔 수 없는 직업병인지 자연스럽게 다음 앱을 무엇으로 만들어 볼까 하는 구상을 하게 되더군요. 그래서 가벼운 프로젝트로 시작하되, 블로그도 만들면서 진행하면 어떨까 해서 날씨 앱을 구상하게 되었습니다. 개발 환경 SDK - Flutter  https://flutter-ko.dev/ IDE - visual studio code (이하 vscode)  https://code.visualstudio.com/ Project Manager - Trello  https://trello.com/ Flutter - 가장 빠른 아름다운 네이티브 앱 Flutter(플러터)는 하나의 코드베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일 되는 구글의 아름다운 UI 툴킷입니다. Flutter는 기존 코드와 함께 동작하고, 전세계 개발자와 조직에 쓰이고 flutter-ko.dev Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com Trello Infinitely flexible. Incredibly productive for teams of all sizes. Trello manages everything, from big project details to micro tasks. Collaborate any...