본문 바로가기

전체 글

[Flutter] get_it 으로 의존성 주입 관리하기 - ListView 적용 get_it을 이용하여 상품들의 정보를 Listview에 표시 1. Model Class 작성상품 정보를 담을 모델 클래스 작성// product.dartclass Product //간단하게 상품명과 가격만 등록 final String name; final double price; Product({required this.name, required this.price});} 2. 서비스 및 레포지토리 작성상품 데이터를 가져오는 ApiService와 이를 관리하는 ProductRepository를 작성합니다.// services.dartimport 'package:get_it/get_it.dart';final getIt = GetIt.instance;class ApiService { Future.. 더보기
[Flutter] get_it 으로 의존성 주입 관리하기 - 객체 등록 https://pub.dev/packages/get_it 객체 등록을 위한 주요 옵션registerSingletonregisterLazySingletonregisterFactoryregisterFactoryAsyncregisterSingletonAsyncregisterLazySingletonAsync 1. registerSingleton설명: 객체를 싱글턴으로 등록합니다. 등록 시 즉시 객체를 생성하여 모든 요청에서 동일한 인스턴스를 반환합니다.장점:객체가 즉시 생성되므로 초기화가 필요할 때 사용합니다.모든 요청에 대해 동일한 인스턴스를 반환하므로 상태를 공유할 수 있습니다.단점:초기화 비용이 큰 객체를 등록할 경우 애플리케이션 시작 시 성능에 영향을 줄 수 있습니다.사용예getIt.registerSin.. 더보기
[Flutter] FutureBuilder 사용법 - 비동기 처리결과를 UI에 적용하기 위해 사용하는 위젯으로 FutureBuilder는 'Future' 객체를 사용해  데이터를 비동기적으로 가져오고, 가져온 데이터를 기반으로 화면에 UI를 표시 FutureBuilder 위젯 추가하기FutureBuilder는 필요한 두 가지 파라미터인 future와 builder를 작성해야 함.future는 데이터를 가져오는 Future 객체를, builder는 UI를 구성하는 함수를 입력 import 'package:flutter/material.dart';import 'package:http/http.dart' as http;import 'dart:convert';void main() => runApp(MyApp());class MyApp extends Statel.. 더보기
[Flutter] 외부 위젯 가져와서 사용하기(video_player) flutter pub get1. 해당 위젯을 pub.dev  에서 검색하여 문서를 확인 2. 제목 우측에 복사 버튼으로 해당 패키지 명(+버전) 복사  3. 복사한 패키지이름을 패키지를 관리하는 pubspec.yaml 파일에 추가video_player: ^2.8.6 dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons. cupertino_icons: ^1.0.6 video_player: ^2.8.6  단! flutter의 pubspec.y.. 더보기
Virtual Box를 이용한 Windows7 설치 방법 1. Virtual Box 다운로드 후 설치download.virtualbox.org 2. Virtual Box 실행후 ‘새로 만들기(N)’ 클릭 3. 이름을 지정하고 iso 파일 지정 4. 사용할 유저의 이름과 비밀번호를 등록 5. 가상OS에 사용할 메모리(2기가), CPU 1개 로 설정 6. 가상OS에서 사용할 C드라이브 용량을 설정많은 용량을 사용하지 않을꺼면 그대로 둔 상태로 다음 7. Finish를 클릭하여 생성 시작  8. 해당 가상머신을 클릭하여 시작 하면 윈도우 설치 작업 진행  9. 설치가 완료되면 자동으로 재시작후 부팅완료 10. 해상도 조절을 위한 게스트 확장 설치메뉴에 장치 - 게스트 확장 CD 이미지 삽입 클릭 .. 더보기
VSCODE 코드 작업시 오류 소리 없애기(Audio Cues 없음) 갑자기 VSCODE 업데이트 이후 코드 작업시 아래처럼 오타나 문법 오류시 '뿌욱뿌욱' 하고 소리가 난다?! 검색을 해보니 설정 에서 Audio Cues: Line Has Error를 off 하세요!! 라고 하는데 해당 설정이 없다;;;;; 그래서 한참을 검색하다 stackoverflow 에서 해당 Audio Cues가 accessibilitySupport설정으로 대체되었다는 댓글을 확인하고 설정을 변경하였다. 설정 - accessibilitySupport 검색 후 Auto -> off 로 설정 변경 누군가에겐 필요한 기능일 수 있지만 필요가 없는 경우에 해당 기능을 이용하지 않는 방법을 홍보하는 게 사용자 배려 같은데.... 더보기
[Flutter] Dart 문법 - 04. 연산자 4. 연산자 1. 3항 연산자 String? strValue; //if문 if(strValue != null){ strValue = 'init value'; } //3항 연산자 가능 strValue = strValue==null ? 'init value' : strValue; strValue = strValue ?? 'init value'; strValue ??= 'init value'; 2. 케스케이드 연산자(Cascade notation) //같은 widget(객체)의 속성을 연속으로 변경할 경우 사용함 var user1 = User(); user1.name = 'kim'; user1.age = 30; user1.sex = 'male'; user1.id = 'sai'; var user2 = User(.. 더보기
[Flutter] Dart 문법 - 02. 조건문과 03. 반복문 2. 조건문 1. if or 삼항연산자 int intValue = 10; if(intValue > 20){ print('20 이상'); } else if( i == 20){ print('20'); }else{ print('20보다 작음'); } if(intValue == 20) print('20');//1줄로 사용 가능 int intValueUser = intValue 7){ break; } print(i); } //34567 2. while, do while int intValue = 1; while (intValue 1); 더보기