[Flutter/Dart] 추상 클래스(abstract class) 쉽게 이해하기

Dart에서 abstract 키워드는 추상 클래스를 정의할 때 사용됩니다. 추상 클래스는 직접 인스턴스화할 수 없는 클래스로, 다른 클래스들이 상속하여 구현을 완성하도록 강제하는 데 사용됩니다.   추상 클래스(abstract)를 아주 쉽게 말하면? 설계도는 있지만 아직 완성되지 않은 틀 이라고 생각하면 됩니다.// 추상 클래스: 규칙만 정한 상태abstract class Chair { void sit(); // 앉을 수 있어야 한다는 약속}이제 다른 사람이 진짜 의자를 만들려면 이 규칙을 따라야 합니다.// 실제 의자 만들기class WoodenChair extends Chair { @override void sit() { print("딱딱한 나무 의자에 앉았어요!"); }}  언제 사용할..

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

[Flutter/Dart] 절대값 구하기

프로그래밍을 하다 보면 숫자의 절대값(Absolute Value)이 필요한 경우가 많습니다. Dart에서는 abs() 메서드를 사용하여 간단하게 절대값을 구할 수 있습니다. 이번 글에서는 Dart에서 절대값을 구하는 방법을 알아보겠습니다.  abs() 메서드 사용법Dart에서 abs() 메서드는 int와 double 타입에서 사용할 수 있으며, 해당 숫자의 절대값을 반환합니다.  기본 예제void main() { int num1 = -10; double num2 = -5.75; print(num1.abs()); // 출력: 10 print(num2.abs()); // 출력: 5.75} 활용 예제두 점 사이의 거리 구하기 예제입니다.void main() { int x1 = 3; int x2 = ..

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

[Flutter/Dart] 두 객체의 값 비교하기 - Equatable 패키지 활용

Dart에서는 값을 비교할 때 == 연산자를 사용합니다. 하지만 Dart의 == 연산자는 기본적으로  객체의 참조(메모리 주소)를 비교하기 때문에, 같은 값을 가진 두 객체도 서로 다르다고 판단될 수 있습니다.이 문제를 해결하기 위해 Equatable 패키지를 활용하면 보다 쉽게 값 비교가 가능합니다. 이번 글에서는 Equatable 패키지를 사용하는 방법을 설명합니다.  1. Equatable 패키지란?Equatable 패키지는 Dart에서 객체의 값 비교를 간편하게 도와주는 패키지입니다. 이를 활용하면 hashCode 및 == 연산자를 직접 오버라이딩할 필요 없이 간단하게 값 비교가 가능합니다.  2. Equatable 패키지 설치하기다음 명령어를 실행하여 패키지를 설치합니다. Dart : $ dar..

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

[Flutter] REST API 호출하기 - Dio 패키지

Flutter에서 API를 호출하는 방법은 여러 가지가 있지만, 가장 많이 사용되는 패키지 중 하나가 Dio입니다. Dio는 강력한 기능과 쉬운 사용법을 제공하는 HTTP 클라이언트 패키지로, JSON 데이터 처리, 인터셉터, 오류 처리 등을 효율적으로 관리할 수 있습니다.이 글에서는 Dio 패키지를 활용한 API 호출 방법을 자세히 설명하겠습니다.  1. Dio 패키지 설치하기Flutter 프로젝트에서 Dio를 사용하기 위해 dio install | Dart package 링크를 열어주세요. Installing 페이지가 열리면 flutter pub add dio 우측 아이콘을 눌러서 복사해주세요. 이후, 터미널에서 다음 명령어를 실행하여 패키지를 설치합니다.flutter pub add dio  2. D..

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

[Flutter/Dart] 비동기 코드 작성하기 - Future,async/await

Flutter 개발에서 네트워크 요청, 파일 입출력, 데이터베이스 작업 등은 비동기(Asynchronous) 방식으로 처리됩니다. 이를 효율적으로 다루기 위해 Dart에서는 Future와 async/await을 제공합니다. 이번 글에서는 Flutter에서 비동기 코드를 작성하는 다양한 방법과 예제를 소개합니다.  1. 비동기 코드가 필요한 이유앱이 네트워크 요청이나 파일 읽기 같은 작업을 수행할 때 동기(Synchronous) 코드로 처리하면 해당 작업이 완료될 때까지 UI가 멈춰 사용자 경험이 나빠집니다. 이를 방지하기 위해 비동기 코드를 활용하면 앱의 응답성을 유지하면서 작업을 진행할 수 있습니다.  2. Future와 async/await 사용법Future란?Dart의 Future는 미래에 받을 값..

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

[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