본문 바로가기

코딩/Flutter15

네트워킹 - HTTP를 통한 데이터 가져오기 및 보내기 이번 강의에서는 Flutter에서 네트워킹을 처리하는 방법을 배워보겠습니다. HTTP를 통해 데이터를 가져오고 보내는 것은 대부분의 모바일 애플리케이션에서 중요한 기능입니다. 이 강의에서는 http 패키지를 사용하여 REST API와 상호작용하는 방법을 다룹니다.http 패키지 설치먼저, http 패키지를 설치해야 합니다. pubspec.yaml 파일에 http 패키지를 추가합니다.dependencies: flutter: sdk: flutter http: ^0.13.3터미널에서 flutter pub get 명령을 실행하여 패키지를 설치합니다.GET 요청으로 데이터 가져오기GET 요청을 사용하여 서버에서 데이터를 가져오는 방법을 살펴보겠습니다.JSONPlaceholder API 사용하기JSONPl.. 코딩/Flutter 2024. 6. 6.
폼과 입력 처리 - 텍스트 필드와 폼 제출 이번 강의에서는 Flutter에서 폼과 입력을 처리하는 방법을 배워보겠습니다. 사용자로부터 데이터를 입력받고 이를 처리하는 것은 애플리케이션 개발에서 매우 중요한 부분입니다. 이 강의에서는 텍스트 필드를 사용하여 입력을 받고, 폼을 구성하여 데이터를 제출하는 방법을 다룹니다.텍스트 필드 사용하기텍스트 필드는 사용자로부터 텍스트 입력을 받을 수 있는 기본 위젯입니다.기본 텍스트 필드import 'package:flutter/material.dart';void main() { runApp(TextFieldExampleApp());}class TextFieldExampleApp extends StatelessWidget { @override Widget build(BuildContext context) .. 코딩/Flutter 2024. 6. 4.
앱 내 네비게이션 - 화면 간 전환 및 라우터 사용법 이번 강의에서는 Flutter 애플리케이션에서 화면 간 전환과 네비게이션을 처리하는 방법을 배워보겠습니다. Flutter에서 네비게이션은 중요한 개념으로, 사용자가 다양한 화면을 탐색할 수 있도록 도와줍니다. 이 강의에서는 기본적인 화면 전환, Named Routes, 그리고 Navigator를 사용하는 방법을 알아보겠습니다.Navigator와 RoutesFlutter에서는 Navigator 위젯을 사용하여 화면 간 전환을 처리합니다. Navigator는 화면 스택(stack)을 관리하고, 새로운 화면을 추가하거나 제거하는 기능을 제공합니다.기본 화면 전환Navigator의 push와 pop 메서드를 사용하여 새로운 화면으로 이동하거나 현재 화면에서 돌아올 수 있습니다.첫 번째 화면import 'pack.. 코딩/Flutter 2024. 5. 30.
인터랙티브 위젯 - 버튼과 탭 이벤트 처리 이번 강의에서는 Flutter에서 사용자 인터랙션을 처리하는 방법을 배우겠습니다. 버튼과 탭 이벤트를 활용하여 인터랙티브한 애플리케이션을 만드는 방법을 익혀보겠습니다.버튼 위젯버튼은 Flutter에서 가장 기본적인 인터랙티브 위젯 중 하나입니다. Flutter에서는 다양한 종류의 버튼을 제공합니다.ElevatedButtonElevatedButton은 기본적인 버튼으로, 누르면 약간 떠오르는 효과를 줍니다.import 'package:flutter/material.dart';void main() { runApp(ElevatedButtonExample());}class ElevatedButtonExample extends StatelessWidget { @override Widget build(Buil.. 코딩/Flutter 2024. 5. 28.
레이아웃 위젯: Row, Column, Stack 사용해보기 이 강의에서는 Flutter의 주요 레이아웃 위젯인 Row, Column, Stack을 사용하여 화면 레이아웃을 구성하는 방법을 배워보겠습니다. 각 위젯의 사용법과 특징을 이해하고, 이를 활용하여 복잡한 레이아웃을 구현해보겠습니다.Row 위젯Row 위젯은 자식 위젯들을 수평으로 배치하는 데 사용됩니다. 각 자식 위젯은 Row의 가로축을 따라 배열됩니다.Row 사용법import 'package:flutter/material.dart';void main() { runApp(RowExampleApp());}class RowExampleApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialA.. 코딩/Flutter 2024. 5. 26.

티스토리툴바