2024/11/22 검색 결과

해당 글 4건

플러터 기본기 다지기 - Flutter 앱 개발에서 자주 사용되는 asset과 로컬 폰트 설정 방법

asset이란?asset은 앱 구성에 필요한 리소스 파일들을 의미합니다. 예로 아이콘, 이미지, JSON 파일, 폰트 파일 등이 있습니다.이러한 리소스는 앱 빌드 시 내부에 포함되어야 하며, 이를 위해 pubspec.yaml 파일에 등록이 필요합니다.Text 위젯에서 로컬 폰트(fontFamily) 설정하기Flutter에서 Text 위젯의 fontFamily를 로컬 폰트로 설정하려면, asset으로 폰트를 등록한 후 사용해야 합니다.폰트 다운로드Browse Fonts - Google Fontsfonts: - family: Schyler fonts: - asset: assets/fonts/Sunflower-Bold.ttf - asset: assets/fonts/Sunflower-L..
Flutter 2024. 11. 22. 09:47

플러터 기본기 다지기 - SingleChildScrollView 위젯

스크롤을 제공하기 위해 사용되는 위젯수직/수평 스크롤을 지정하고자 할 경우, scrollDirection 속성값을 설정할 수 있음scrollDirection: Axis.vertical (수직)scrollDirection: Axis.horizontal (수평)import 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppB..
Flutter 2024. 11. 22. 09:42

플러터 기본기 다지기 - MaterialApp과 property

MaterialApp의 주요 property와 사용법theme: 앱의 전체 테마, 색상 구성 등이 포함 (예, theme: ThemeData(primarySwatch: Colors.red))home: 앱이 시작할 때 보여질 기본 경로 또는 위젯Scaffold 위젯 사용법과 주요 propertyMaterialApp 내에서 머티리얼 디자인의 기본 레이아웃 구조를 제공하는 위젯주요 propertyappBar: 화면의 상단에 있는 앱 바.보통 value로 AppBar(title: const Text('FunCoding'))와 같이 AppBar 위젯을 넣는 경우가 많음body: 화면의 기본 내용, 일반적으로 위젯의 목록.floatingActionButton: 인터페이스에 위치한 추가 버튼.floatingActio..
Flutter 2024. 11. 22. 09:41

플러터 기본기 다지기 - 위젯트리, 엘리먼트트리, 렌더트리 란 뭘까?

💡Flutter에서 UI가 화면에 렌더링되는 과정에는 위젯 트리, 엘리먼트 트리, 렌더 트리라는 세 가지 주요 개념이 있습니다.1. 위젯 트리 (Widget Tree)정의: 위젯 트리는 Flutter 애플리케이션의 구조와 모양을 정의하는 계층적 트리입니다.역할: 앱 화면에 표시할 UI 구성 요소를 정의합니다. Text, Button, Column 같은 위젯을 조합하여 화면 구성을 정의하는 코드입니다.특징: 위젯은 불변(immutable)하며, 사용자가 화면을 변경하면 Flutter는 새로운 위젯 트리를 생성합니다.2. 엘리먼트 트리 (Element Tree)정의: 엘리먼트 트리는 위젯 트리를 바탕으로 생성된 트리로, 위젯 인스턴스와 실제 화면 사이를 연결하는 역할을 합니다.역할: 위젯을 구체화하여 상태..
Flutter 2024. 11. 22. 09:40