728x90 반응형 Flutter37 [flutter 23] flutter BoxShadow boxShadow란?Flutter에서 boxShadow는 위젯의 그림자 효과를 추가하는 데 사용됩니다.주로 Container 위젯의 decoration 속성 안에서 **BoxDecoration**과 함께 사용되며, 그림자의 색상, 위치, 크기 등을 설정할 수 있습니다. 이 속성을 활용하면 위젯에 입체감과 시각적 효과를 부여할 수 있습니다.boxShadow 속성의 주요 구성 요소boxShadow는 List 타입을 가지며, 다음과 같은 속성으로 구성됩니다:color:그림자의 색상을 지정합니다.기본값은 **Colors.black**입니다.offset:그림자의 위치를 설정합니다.Offset(dx, dy) 형식으로 가로(x축) 및 세로(y축) 방향으로 이동 거리를 설정합니다.예: Offset(4, 4)은 그림자를.. 2025. 1. 16. [Flutter22] Card 위젯은? Flutter의 Card 위젯이란?Flutter의 Card는 Material Design 스타일의 카드 형태의 UI를 제공하는 위젯입니다.텍스트, 이미지, 버튼 등 다양한 콘텐츠를 담을 수 있으며, 그림자와 둥근 모서리를 기본으로 제공해 시각적으로 매력적인 UI 요소를 쉽게 구현할 수 있습니다. 예제 코드와 주석아래는 Card 위젯을 사용하는 Flutter 예제 코드이며, 각 부분에 대해 상세한 설명을 포함하고 있습니다. import 'package:flutter/material.dart'; // Flutter의 Material Design 라이브러리 임포트void main() { runApp(MyApp()); // 애플리케이션의 시작점, MyApp 실행}// 앱의 메인 위젯class MyApp ext.. 2025. 1. 16. [flutter] andriod virtual machine `compileDebugJavaWithJavac` 문제가 생겼을 경우 버전이 뭔가 안맞을 경우 문제가 생길 수 있음 아래의 그림과 같이 버전을 변경한 후 아래의 명령어로 clean 한 후 다시 pub get을 하고 다시 실행해보면 적용이 완료!flutter clean flutter pub get 2025. 1. 15. [flutter21] dio https://pub.dev/packages?q=dio&sort=like Search results for dioPub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs.pub.dev flutter에서 httpClient 통신을 사용하기 위해서는 라이브러리를 다운받아야 한다. cmd 화면에서 설치 명령어를 넣거나, pubspec.yaml 파일에 depencey를 추가한 후 , pub get해준다. Dio 객체 생성하는 방법 //통신을 담당하는 클라이언트 객체를 가져오자 Dio _dio = Dio(); .. 2025. 1. 14. [flutter21] dart 비동기 프로그래밍 1. dart 비동기 프로그래밍에 대한 개념2. flutter 타입에 이해3. Future 타임과 Future delayed 함수 사용해 보기 1. dart 비동기 프로그래밍에 대한 개념을 이해하자.동기성 - 모든 코드가 순차적으로 진행되는 형태, 재 작업이 끝날 때까지 프로그램은 다음 작업을 시작하지 않습니다.예를 들어, 파일 읽기 작업이 끝나야만 다음 줄의 코드가 실행됩니다. 비동기 - 코드가 동시다발적으로 실행, 순착적으로 보장을 할 수 없는 형태dart 비동기 프로그래밍은 프로그램의 흐름을 중단시키지 않고, 무언가의 완료를 기다리는 동안 다른 작업을 수행할 수 있게 해줍니다. Dart에서는 이를 위해 Future라는 데이터 타입을 제공 합니다. * 자바에서 비동기 처리더보기더보기Promise의 .. 2025. 1. 14. [flutter20] CallBack 함수 자식의 이벤트가 parent 에 반영되도록 하는 것이 callback이다. ChildA, ChildB에 컴포지션 관계 import 'dart:ffi';import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, home: SafeArea(child: ParentsView()), ); }}// 부모 클래스clas.. 2025. 1. 14. [flutter 20] shopping_cart_app 만들기 쇼핑 카트 앱 만들기 image -> stateFull위젯container - > 테스트 코드 만들어 보기 1단계 > test코드import 'package:flutter/material.dart';void main() { runApp(MyApp());}//이벤트가 일어나면 다시 화면을 그려야 한다.(reRendering)class MyApp extends StatefulWidget { MyApp({super.key}); @override State createState() => _MyAppState();}class _MyAppState extends State { //현재시간 상태를 저장하는 변수 String timeOfDay = '낮'; @override Widget buil.. 2025. 1. 13. [flutter19] LoginApp 만들기 Login App 만들기 01- 구조 1. form 태그 안에서 각각의 객체들은 앱의 진입점 라우터 명령어를 사용해 전환하여 사용 import 'package:flutter/material.dart';import 'package:flutter_login_app/components/custom_form.dart';import 'package:flutter_login_app/components/logo.dart';import 'package:flutter_login_app/pages/home_page.dart';import 'package:flutter_login_app/pages/login_page.dart';import 'package:flutter_login_app/size.dart';void.. 2025. 1. 13. [Flutter00] Flutter 기초다지기3 _ List ListView 사용법과 주요 property가장 일반적으로 사용되는 스크롤 위젯ListView는 주로 다음과 같은 방식으로 사용일반적인 ListView를 명시적으로 호출하고 children 전달하는 방법 (적은 데이터에 사용시 용이함)ListView.builder를 사용하여 동적으로 호출ListView.separated는 ListView.builder 기능에 구분선 사용 가능주요 propertyreverse: true이면 bottom에서부터 리스트 표시padding: 리스트 아이템 간격 (EdgeInsets로 적용)itemCount: 동적 리스트 아이템 개수 (ListView.builder/ListView.separated에서 사용 가능)itemBuilder: 각 동적 리스트 아이템 정의 (ListVi.. 2025. 1. 8. [Flutter00]플러터 기본기 다지기2 home: Scaffold( appBar: AppBar(title: const Text('FunCoding')),),나만의 Flutter 위젯 분류위젯들을 이해하고 활용하는 것이 Flutter 개발의 핵심입니다.위젯의 종류Flutter는 풍부한 UI 위젯을 제공합니다. 자세한 내용은 공식 문서에서 확인할 수 있습니다.위젯들을 이해하기 쉽게 직접 나누어 봅시다(공식적인 분류는 아직 존재하지 않는 것 같음)1. 플랫폼별 위젯Material (Android) 위젯Google의 Material Design 가이드라인을 따르는 위젯들입니다.Cupertino (iOS) 위젯Apple의 Human Interface Guidelines를 기반으로 한 iOS 스타일 위젯들입니다.대부분의 경우 Material 위젯을 사.. 2025. 1. 8. 이전 1 2 3 4 다음 728x90 반응형
