본문 바로가기

분류 전체보기980

Flutter - ScaffoldMessenger, SnackBar, Banner, 앱 알림 띄우기 안녕하세요 독학코딩입니다. 오늘은 Flutter에서 ScaffoldMessenger에 대해서 배워보겠습니다. ScaffoldMessenger는 Scaffold에서 사용자에게 손 쉽게 알림 들을 띄울 수 있는 위젯입니다. 앱을 개발하다 보면 사용에게 작은 안내를 보내야 할 많은데, Scaffold를 사용하는건 일반적이니 ScaffoldMessenger를 이용하면 알림을 아주 쉽게 띄울 수 있습니다. ScaffoldMessenger는 Scaffold 하위 트리의 루트에 알림을 표시합니다. 만약 내부의 중첩된 Scaffold에 대한 알림을 표시하려면 중첩 수준 사이에 새 ScaffoldMessenger를 인스턴스화하여 새 범위를 설정해야 합니다.. import 'package:flutter/material.d.. 2022. 4. 2.
Flutter - Navigator.push, 화면 이동, 페이지 이동 안녕하세요 독학코딩입니다. 오늘은 Flutter 앱 개발이든 어떤 앱 개발이든 필수적으로 사용할 수밖에 없는 페이지간의 Navigation에 대해서 배워보겠습니다. 한글로는 왔다 갔다 이동이라고 적어놨는데 딱 맞는 표현을 잘 모르겠네요 ㅎㅎ Flutter에서 화면, 페이지, 뷰 등을 route 라고 표현하기 때문에 저도 용어를 통일하도록 하겠습니다. 일단 화면 간의 이동을 연습하려면 화면을 2개 이상 만들어야겠죠? 그리고 각 화면으로 넘어가기 위한 기능을 넣을 버튼을 각각 만들어 보겠습니다. Flutter 화면생성 import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends Stateles.. 2022. 3. 31.
Android Studio 에뮬레이터 한글 자판, AVD 한글 자판 안녕하세요 독학코딩입니다. 오늘은 Flutter 개발에 앞서 에뮬레이터에 설정에 대해서 배워 보겠습니다. 특별한 상황이 아니라면 개발하실 모바일 앱이 한글을 사용하여야 하는 경우가 다반사 이기 때문에 필수적인 설정입니다. Android Studio 에뮬레이터 한글 자판 먼저 에뮬레이터를 키고 스마트폰 설정 화면을 찾아주시기 바랍니다. 위와 같이 빠른메뉴에 있을 수도 있고 없다면 전체 메뉴 화면에서 찾으시면 됩니다. 찾기 어렵지는 않으니 자세히 설명하지는 않겠습니다. 그러면 위와 같은 설정 화면에서 System을 찾아주시면 됩니다. System 안에서 Languages & Input을 찾아주시면 됩니다. 말 그대로 사용언어와 자판을 설정하는 곳입니다. Languages & Input 에서 Languages.. 2022. 3. 27.
Flutter 프로젝트 생성, 에뮬레이터 생성 안녕하세요 독학코딩입니다. 오늘은 어제에 이어서 Flutter 프로젝트를 생성하고 내가 작성한 코드를 실행해볼 에뮬레이터를 생성하는 방법에 대해서 배워보겠습니다. Flutter 설치와 Android Studio 설치에 대해서 궁금하시다면 아래 링크를 확인해주시기 바랍니다. Flutter 설치, Android Studio 설치 안녕하세요 독학코딩입니다. 오늘은 본격적으로 Flutter를 배우기 이전에 Flutter를 설치하는 방법과 Flutter의 IDE, Android Studio를 설치하는 방법에 대해서 배워보겠습니다. Android Studio 설치 구글에서 A stcodelab.com Flutter 프로젝트 생성 이전 포스트를 따라오셨다면 이미 Android Studio와 Flutter, Flutt.. 2022. 3. 24.