[Flutter] TextField 높이 조절하기

Flutter에서 TextField 위젯을 사용할 때 height 속성이 직접 제공되지 않습니다. 이번 글에서는 TextField의 높이를 조절하는 다양한 방법을 알아보겠습니다.  1. TextField의 decoration 속성 활용하기Flutter에서 TextField의 높이는 decoration 속성의 contentPadding을 조절하여 변경할 수 있습니다.import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: S..

• format_list_bulleted Flutter
• · 2025. 3. 11.
• textsms

[Flutter] column 위젯에 padding 적용하기

Flutter에서 Column 위젯을 사용할 때 적절한 padding을 적용하는 방법을 알아봅니다. Column은 여러 개의 자식 위젯을 수직으로 정렬할 때 사용되는 기본적인 Flutter 레이아웃 위젯입니다. 하지만 padding을 적절히 설정하지 않으면 UI가 답답해 보일 수 있습니다. 이 글에서는 다양한 방식으로 Column의 패딩을 조정하는 방법을 설명하겠습니다.  1. Padding 위젯 사용하기Flutter에서 가장 간단하게 Column에 패딩을 추가하는 방법은 Padding 위젯을 사용하는 것입니다.import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { ..

• format_list_bulleted Flutter
• · 2025. 3. 8.
• textsms

[Flutter] AppBar height(높이) 조절하기

Flutter에서 Scaffold 위젯을 사용할 때 AppBar의 높이를 조절하는 방법에 대해 알아보겠습니다. 기본적으로 AppBar는 PreferredSizeWidget을 상속받아야 하며, preferredSize를 통해 원하는 높이를 지정할 수 있습니다.  1. 기본적인 AppBar 높이 조절 방법Flutter에서 AppBar의 높이를 조절하기 위해서 PreferredSize 위젯을 사용해야 합니다.import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Mat..

• format_list_bulleted Flutter
• · 2025. 3. 7.
• textsms

[Flutter] AppBar color(색상) 변경하기

Flutter에서 Scaffold 위젯을 사용할 때, AppBar의 색상을 원하는 대로 조정하는 방법을 알아보겠습니다.   1. AppBar의 기본 색상 변경하기Flutter에서 AppBar의 색상을 변경하려면 backgroundColor 속성을 사용하면 됩니다.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('Flut..

• format_list_bulleted Flutter
• · 2025. 3. 7.
• textsms

[Flutter/Dart] try-catch문 사용법

Dart의 예외 처리란?Dart에서 프로그램 실행 중 발생하는 오류를 예외(Exception)라고 합니다. 예외를 적절하게 처리하지 않으면 프로그램이 비정상적으로 종료될 수 있습니다. 이를 방지하기 위해 try-catch문을 사용하여 예외를 처리할 수 있습니다.  Dart에서 try-catch문의 기본 구조Dart에서 try-catch문의 기본 구조는 다음과 같습니다:void main() { try { // 예외가 발생할 가능성이 있는 코드 } catch (e) { // 예외 발생 시 실행될 코드 }}위 코드에서 try 블록 내부에 실행할 코드를 작성하고, catch 블록에서 예외를 처리합니다.  try-catch문 사용 예제1. 기본적인 예외 처리void main() { try { ..

• format_list_bulleted Flutter
• · 2025. 3. 3.
• textsms

[Flutter/Dart] 익명 함수 사용하기

익명 함수란?Dart에서 익명 함수(Anonymous Function)란, 이름이 없는 함수를 의미합니다. 일반적인 함수는 void myFunction() {}처럼 이름이 존재하지만, 익명 함수는 이름 없이 바로 정의하여 사용할 수 있습니다. 이를 통해 코드가 간결해지고, 일회성으로 사용되는 기능을 쉽게 구현할 수 있습니다.  익명 함수의 기본 문법Dart에서 익명 함수는 람다 함수(Lambda Function) 또는 화살표 함수(Arrow Function)를 이용해 작성할 수 있습니다. 1. 기본 익명 함수var add = (int a, int b) { return a + b;};void main() { print(add(3, 5)); // 8}add 변수에 익명 함수를 할당하고, 이를 통해 add..

• format_list_bulleted Flutter
• · 2025. 3. 3.
• textsms

[Flutter/Dart] 포지셔널 파라미터와 네임드 파라미터

Dart에서는 함수를 정의할 때 매개변수를 사용하는 방법으로 "포지셔널 파라미터"와 "네임드 파라미터" 두 가지가 있습니다. 이 글에서는 두 개념을 명확히 설명하고, 언제 어떻게 활용해야 하는지 알려드립니다.  1. 포지셔널 파라미터(Positional Parameters)포지셔널 파라미터는 순서대로 전달해야 하는 매개변수입니다. 함수 호출 시 매개변수의 위치가 중요하며, 선언된 순서대로 값을 넣어야 합니다. 기본 예제void greet(String firstName, String lastName) { print("Hello, $firstName $lastName!");}void main() { greet("John", "Doe"); // Hello, John Doe!}위 코드에서 greet("Joh..

• format_list_bulleted Flutter
• · 2025. 3. 1.
• textsms

[Flutter/Dart] required 키워드 사용하기

Dart required 키워드란?Dart 언어에서 required 키워드는 생성자나 함수의 매개변수(parameter)를 필수로 지정할 때 사용됩니다. 특히, named parameter(이름이 있는 매개변수)와 함께 사용되며, 특정 매개변수가 반드시 전달되도록 강제할 수 있습니다.  required 키워드가 필요한 이유Dart는 named parameter를 기본적으로 선택 사항(optional)으로 처리합니다. 즉, named parameter를 사용하면 값을 전달하지 않아도 오류가 발생하지 않습니다. 하지만 어떤 경우에는 반드시 값을 받아야 하는 매개변수가 필요할 수 있습니다. 이를 강제하기 위해 required 키워드를 사용합니다.  생성자에서 required 키워드 사용하기class User ..

• format_list_bulleted Flutter
• · 2025. 2. 27.
• textsms

[Flutter/Dart] do while문 사용하는 방법

Dart는 다양한 반복문을 지원합니다. 그중 do-while문은 최소 한 번은 실행되는 특징을 가지고 있습니다. 본 포스트에서는 Dart에서 do-while문을 사용하는 방법을 자세히 설명하고, 예제 코드와 함께 실용적인 사용 사례를 살펴보겠습니다.  1. do-while문의 기본 구조do-while문은 조건을 나중에 검사하는 반복문으로, 최소 한 번은 실행됩니다. 기본적인 문법 구조는 다음과 같습니다.void main() { int i = 0; do { print('현재 값: $i'); i++; } while (i 실행 결과현재 값: 0현재 값: 1현재 값: 2현재 값: 3현재 값: 4위 코드에서는 do 블록 내부 코드가 최소 한 번 실행된 후, while 조건을 검사하며 반복됩니다..

• format_list_bulleted Flutter
• · 2025. 2. 27.
• textsms

[Flutter] 반복되는 Widget for문으로 나타내는 방법

Flutter에서 여러 개의 위젯을 동적으로 생성할 때 for 문을 활용하면 코드의 반복을 줄이고 가독성을 높일 수 있습니다. 이 글에서는 for 문을 사용하여 위젯을 효율적으로 생성하는 방법을 설명하겠습니다.  1. ListView에서 for문 사용하기Flutter에서 ListView를 사용할 때, children 속성에 for 문을 직접 사용할 수 있습니다.예제 코드import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home..

• format_list_bulleted Flutter
• · 2025. 2. 19.
• textsms