본문 바로가기
728x90

프로그래밍90

[Flutter] 8. Flutter의 "데이터베이스 및 로컬 저장소" Flutter 학습: 데이터베이스 및 로컬 저장소Flutter 애플리케이션에서는 다양한 방법으로 데이터를 저장하고 관리할 수 있습니다. 이번 글에서는 로컬 저장소로 SharedPreferences를 사용하는 방법, SQLite 데이터베이스를 사용하는 방법, 그리고 Hive를 사용한 NoSQL 데이터베이스에 대해 알아보겠습니다.1. 로컬 저장소: SharedPreferences 사용법SharedPreferences는 간단한 키-값 쌍 데이터를 로컬에 저장하는 데 사용됩니다. 주로 사용자 설정이나 작은 데이터를 저장할 때 유용합니다. SharedPreferences 설치: 먼저, pubspec.yaml 파일에 shared_preferences 패키지를 추가합니다.[yaml] dependencies:   fl.. 2024. 6. 26.
[Flutter] 7. Flutter의 "내비게이션 및 라우팅" Flutter 학습: 내비게이션 및 라우팅Flutter에서는 다양한 방법으로 화면 간 내비게이션을 구현할 수 있습니다. 이번 글에서는 기본 내비게이션, 명명된 라우트, 그리고 탭 내비게이션에 대해 알아보겠습니다.1. 기본 내비게이션: Navigator, push, popFlutter에서 화면 간 이동은 Navigator 위젯을 사용하여 구현할 수 있습니다. Navigator는 화면의 스택을 관리하며, push와 pop 메서드를 사용하여 화면을 추가하거나 제거할 수 있습니다. 기본 내비게이션 구현:첫 번째 화면:[dart]import 'package:flutter/material.dart'; void main() {   runApp(MyApp()); } class MyApp extends Stateless.. 2024. 6. 26.
[Flutter] 6. Flutter의 "네트워킹 및 데이터 처리" Flutter 학습: 네트워킹 및 데이터 처리Flutter 애플리케이션을 개발하면서 네트워킹과 데이터 처리는 매우 중요한 부분입니다. 이 글에서는 HTTP 요청 처리, JSON 데이터 처리, 비동기 프로그래밍에 대해 알아보겠습니다.1. HTTP 요청: http 패키지 사용법, REST API 통신Flutter에서 HTTP 요청을 처리하기 위해 http 패키지를 사용할 수 있습니다. 이 패키지는 REST API와의 통신을 쉽게 만들어 줍니다. http 패키지 설치: 먼저, pubspec.yaml 파일에 http 패키지를 추가합니다.[yaml] dependencies:   flutter:     sdk: flutter   http: ^0.13.3  그리고 패키지를 설치합니다.[sh] flutter pub g.. 2024. 6. 26.
[Flutter] 5. Flutter의 "상태 관리" Flutter 학습: 상태 관리Flutter 애플리케이션을 개발할 때 중요한 부분 중 하나는 상태 관리입니다. 상태 관리를 통해 애플리케이션의 UI와 데이터 간의 일관성을 유지할 수 있습니다. 이번 글에서는 Flutter의 상태 관리 개념, 간단한 상태 관리 방법, 그리고 복잡한 상태 관리 방법에 대해 알아보겠습니다.1. 상태 관리 개념: State 클래스, setState 메서드State 클래스와 StatefulWidget: Flutter에서 상태가 변할 수 있는 위젯은 StatefulWidget을 사용하여 정의합니다. StatefulWidget은 상태를 저장하고 변경할 수 있는 State 객체를 가지고 있습니다. State 클래스: State 클래스는 StatefulWidget의 상태를 관리합니다. .. 2024. 6. 25.
[Flutter] 4. Flutter의 "기본 위젯 사용" Flutter 학습: 기본 위젯 사용Flutter는 다양한 기본 위젯을 제공하여 복잡한 UI도 쉽게 구성할 수 있습니다. 이번 글에서는 텍스트 및 이미지 위젯, 버튼 및 사용자 입력 위젯, 상호작용 위젯에 대해 알아보겠습니다.1. 텍스트 및 이미지: Text, TextStyle, Image, Image.asset, Image.networkText: Text 위젯은 화면에 텍스트를 표시하는 가장 기본적인 위젯입니다. 예제: [dart] Text(   'Hello, Flutter!',   style: TextStyle(     fontSize: 24,     fontWeight: FontWeight.bold,     color: Colors.blue,   ), )   TextStyle: TextStyle 클.. 2024. 6. 23.
[Flutter] 3. Flutter의 "레이아웃 및 UI 구성" Flutter 학습: 레이아웃 및 UI 구성Flutter는 다양한 레이아웃 위젯을 제공하여 복잡한 사용자 인터페이스를 쉽게 구성할 수 있습니다. 이번 글에서는 레이아웃 위젯, 정렬 및 정렬 위젯, 리스트 및 스크롤 위젯에 대해 알아보겠습니다.1. 레이아웃 위젯: Container, Row, Column, StackContainer: Container 위젯은 여백, 패딩, 정렬, 크기, 배경색 등을 설정할 수 있는 다목적 위젯입니다. 예제:[dart] Container(   width: 100,   height: 100,   color: Colors.blue,   child: Center(     child: Text(       'Hello',       style: TextStyle(color: Col.. 2024. 6. 21.
728x90

티스토리툴바