본문 바로가기

전체 글

[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); 더보기
[Flutter] Dart 문법 - 01. 데이터 타입 1. 데이터 타입 int double String(시작이 대문자이니 클래스 겠지?) bool num(int, double이 상속받음) int num1 = 10; double num2 = 3.0; String strValue = 'name'; bool isTrue = true; 해당 변수의 타입 확인 is runtimeType //is로 현재 변수가 int가 맞는지 확인 print(num1 is int); //true print(num2 is int); //flase print(num1.runtimeType); //int print(strValue.runtimeType); //String 타입 추론 추론을 통해 이후 사용된 값을 기준으로 타입을 정함 var (컴파일시 코드로 타입이 결정됨) dynamic .. 더보기
t4g EC2 서버(arm64)를 위한 Docker Image Build 방법 Amazon EC2 T4g 인스턴스는 Arm 기반 AWS Graviton2 프로세서로 구동됩니다. T4g 인스턴스는 버스트 가능한 차세대 저비용 범용 인스턴스 유형으로, 기본 수준의 CPU 성능과 함께, 필요할 때는 언제든지 CPU 사용량을 버스트할 수 있는 기능을 제공합니다. T3 인스턴스보다 최대 40% 더 향상된 가격 대비 성능을 제공하며 사용 중에 일시적인 스파이크를 경험하는 중간 정도의 CPU 사용량을 가진 애플리케이션을 실행하는 데 적합합니다. T4g 인스턴스는 대규모 마이크로서비스, 중소형 데이터베이스, 가상 데스크톱 및 비즈니스 크리티컬 애플리케이션을 비롯하여 다양한 범용 워크로드를 위해 컴퓨팅, 메모리 및 네트워크 리소스를 균형 있게 제공합니다. 또한 개발자는 이러한 인스턴스를 사용하여 .. 더보기