분류 전체보기 285

플러터 - 아이콘

...dependencies: flutter: sdk: flutter font_awesome_flutter: ^10.1.0 // 폰트 어섬 아이콘 사용 ... pubspec.yaml폰트 어섬 사용을 위한 의존성 추가  import 'package:flutter/material.dart';import 'package:font_awesome_flutter/font_awesome_flutter.dart'; // 폰트어섬 패키지void main() { runApp(MyApp());}class MyApp extends StatelessWidget { // 버튼 누를때 onPressed 함수 호출 onPressed() { print("Icon Clicked!"); } @override..

Flutter 2025.04.08
플러터 - 텍스트 위젯

import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { // 다트에서는 + 없이 '' 만으로 문자열 합치기가 가능하다. String longTxt = '동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. ' '무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세'; @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Test'), ..

Flutter 2025.04.02
플러터 - 애셋

flutter: uses-material-design: true assets: - images/ - images/icon/ - assets/text ... pubspec.yaml 애셋 경로 설정하기  import 'package:flutter/material.dart';import 'package:flutter/services.dart'; // 에셋 이용을 위한 rootBundle 제공void main() { runApp(MyApp());}class MyApp extends StatelessWidget{ // rootBundle을 이용해 애셋 파일을 읽어 반환하는 함수 // Future는 비동기 데이터를 의미 Future useRootBundle() async{ ..

Flutter 2025.04.01
플러터 - 위젯 키

import 'package:flutter/material.dart';void main() { runApp(MyApp());}// 앱의 시작점, 상태를 가질 수 없는 위젯class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { // MaterialApp을 감싼 MyListWidget을 home 화면으로 설정 return MaterialApp(home: MyListWidget()); }}// 앱의 메인 화면, 상태 변경이 가능한 위젯class MyListWidget extends StatefulWidget { @override State createState() { return _MyL..

Flutter 2025.03.28
플러터 - 동적 화면 생성

플러터의 위젯 생성 시 상속받는 클래스 종류1. StatelessWidget : 상태를 관리하지 않는 정적인 위젯2. StatefulWidget : 상태를 관리하는 동적인 위젯3. InheritedWidget : 여러 위젯에서 공통으로 이용할 상태 관리 위젯  동적 화면 생성 코드import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: Text('Stat..

Flutter 2025.03.24
플러터 - 정적 화면 생성

플러터의 위젯 생성 시 상송받는 클래스 종류1. StatelessWidget : 상태를 관리하지 않는 정적인 위젯2. StatefulWidget : 상태를 관리하는 동적인 위젯3. InheritedWidget : 여러 위젯에서 공통으로 이용할 상태 관리 위젯  정적 화면 생성 코드import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { bool enabled = false; String stateText = "disable"; void changeCheck(){ if(enabled){ stateText = "disable"; enabled ..

Flutter 2025.03.24