[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

[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