본문 바로가기

Flutter/Flutter 초급5

Flutter StatelessWidget, StatefulWidget 차이 안녕하세요 독학코딩입니다. 오늘은 Flutter에서 가장 중요한 개념인 StatelessWidget 와 StatefulWidget의 차이에 대해서 배워보겠습니다. 영어 단어로만 생각하면 Stateless, Stateful는 상태가 없는, 상태가 있는 혹은 상태 비저장, 상태 저장 등으로 해석할 수 있습니다. 한글로 생각하니깐 조금 이해하기 좋으신가요? Flutter StatelessWidget 공식 문서에 설명에서 StatelessWidget 는 "변경 가능한 상태가 필요하지 않은 위젯" 입니다. class FirstRoute extends StatelessWidget { const FirstRoute({Key? key}) : super(key: key); @override Widget build(Bui.. 2022. 4. 7.
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.