“Hello, World!" 거긴 어떤월드냐?

1. 기본 flutter create 사용법가장 기본적인 형태의 flutter create 명령어는 다음과 같습니다flutter create my_project위 명령어는 my_project라는 이름의 새 프로젝트를 생성합니다. 프로젝트가 생성된 후에는 디렉토리 내에 기본적인 구조와 샘플 앱이 포함된 상태로 프로젝트가 준비됩니다.2. --org 옵션: 조직 ID 설정--org 옵션은 프로젝트의 패키지명을 설정하는 데 사용됩니다. 주로 Android 패키지 이름이나 iOS의 번들 식별자에 사용됩니다. 도메인 이름을 역순으로 작성하는 것이 일반적입니다.flutter create --org com.example my_project이 명령어는 Android 패키지를 com.example.my_project로, ..

핸드폰의 종류는 너무나 다양하게 각양각색 입니다. 디바이스의 종류도 많고 물리적인 모양도 다르고 디스플레이 규격도 다릅니다.특히 상단 혹은 하단에 어떤 영역을 배치할때 물리적인 디바이스 모양에 따라 짤리거나 들어가거나원하지 않는 모양으로 보일 수 있습니다.  SafeArea 위젯은 이런 iPhone의 노치나 디스플레이의 다른 창의적인 물리적 특징을 피하는 데 필요한 양만큼 패딩을 줘서 사용자가 보여지기에 문제가 없게 자동으로 처리해 줍니다. ▶ SafeArea 위젯을 사용 하지 않았을 때 // 옵션 보여주기void _showOptions(BuildContext context, String messageId, String userId) {showModalBottomSheet( context: cont..

앱 디지털 서명Google Play 스토어에 출시하기 위해서는 반드시 앱에 디지털 서명을 해야 합니다.디지털 서명을 진행한 후 Play Console에 추출한 AAB 파일을 업로드 해야 합니다. 1. 먼저 Java 가 설치 되어 있는지 확인java --version 만약 자바가 설치되어 있지 않다면 설치를 먼저 진행해야 합니다.brew install openjdk@17 [brew 사용법]2024.06.15 - [Develop/MAC] - MAC OS 맥북 Homebrew 설치 및 설정 MAC OS 맥북 Homebrew 설치 및 설정● Homebrew 로 무엇을 할 수 있나요?Homebrew는 Apple(또는 Linux 시스템)에서 제공하지 않는 유용한 패키지 관리자를 설치합니다.● Homebrew 설치H..

안드로이드 앱이름 변경[android > app > src > main > AndroidManifest.xml] 파일에서 application -> android:label 을 찾아 이름을 변경해 주면 됩니다. 안드로이드 앱아이콘 변경[android > app > src > main > res] 폴더로 이동해서 mipmap 으로 시작하는 폴더를 교체해 주면 됩니다. IOS 앱이름 변경[ios > Runner > info.plist] 파일에서 CFBundleDisplayName 을 찾아 이름을 변경해 주면 됩니다. IOS 앱아이콘 변경[ios > Runner  > Assets.xcassets > Application.appiconset] 폴더로 이동해서 아이콘을 교체해 주면 됩니다. 앱아이콘 제작 하기저는..

▶ 아이폰과 개발 맥장비를 유선으로 연결 합니다.  아이폰의 [신뢰] 를 클릭하면 맥장비의 Finder 에서 내 아이폰을 확인 할 수 있습니다.맥장비 Finder 에서도 내 아이폰을 클릭 하면 신뢰 여부를 묻고 [신뢰]를 클릭 합니다.  그러면 백업 암호화를 묻는 경고창이 나오고 암호화 여부를 선택하면 됩니다.여기선 그냥 [백업암호화] 를 선택하고 넘어 갑니다.  ▶ 콘솔창에서 프로젝트 폴더로 이동 후 Xcode 실행 명령어를 실행 합니다.open ios/Runner.xcworkspace  Xcode 가 실행되고 상단 콤보박스를 실행하면 선택가능한 디바이스정보가 나오고 나의 핸드폰도 목록에 나오게 됩니다.내 핸드폰을 선택하고 실행 버튼을 클릭 합니다.   그러면 에러가 발생 합니다. 계정을 등록해야 한다..

▶ currency_text_input_formatter 라이브러리 설치 flutter pub add currency_text_input_formatter ▶ 예제 소스TextField( inputFormatters: [ CurrencyTextInputFormatter.currency( locale: 'ko', decimalDigits: 0, symbol: 'KRW ', ), ], keyboardType: TextInputType.number, textAlign: TextAlign.right, controller: textController1, decoration: const InputDecoration( border: OutlineInputBorde..

메인화면 진입 시 로그인 여부에 따라 화면을 구분해야할 때 간단하게 StreamBuilder 사용하기FirebaseAuth.instance.authStateChanges() 값의 존재 여부에 따라 페이지를 구분하면 됩니다.계속 파이어베이스의 인증여부를 듣고 있는 상태기 때문에 로그아웃을 실행하면 자동으로 화면이 전환 될 겁니다. @override Widget build(BuildContext context) { return Scaffold( body: StreamBuilder( stream: FirebaseAuth.instance.authStateChanges(), builder: (context, snapshot) { // 사용자 로그인 상태 ..

플러터에서 기본으로 제공하는 라이브러리로는 날짜포맷을 사용자 정의 할 수가 없습니다그래서 라이브러리 설치로 해결할 수 있습니다. intl 라이브러리 설치flutter pub add intl 소스 예제var today = DateTime.now();print(DateFormat('yyyy-MM-dd - HH:mm:ss').format(today));print(DateFormat('yyyyMMdd').format(today));

인스타그램을 보면 긴 게시글 내용을 접고 펼치고 할 수 있는 이벤트를 간단하게 expandable_text 라이브러리를 통해 구현할 수 있습니다. ▶ 설치 flutter pub add expandable_text텍스트를 탭하면 텍스트가 확장되거나 축소됩니다( expandOnTextTap, collapseOnTextTap)축소된 텍스트의 보이는 줄 수를 구성합니다( maxLines)선택적 접두사 텍스트 스타일 및 탭 콜백( prefixText, prefixStyle, onPrefixTap)접힌 텍스트를 확장하기 위한 링크 ( expandText)확장된 텍스트를 축소하기 위한 선택 링크 ( collapseText)링크의 스타일을 구성합니다 ( linkStyle/ linkColor)ExpandableText(..

maxLines 를 null 옵션으로 여러줄 입력을 가능하게 할 수 있다.TextField 의 border 를 보이지 않게 하려면 borderfocusedBorderenabledBordererrorBorderdisabledBorder옵션을 모두 InputBorder.none 로 설정해 주면 된다.TextField( maxLines: null, decoration: InputDecoration( border: InputBorder.none, focusedBorder: InputBorder.none, enabledBorder: InputBorder.none, errorBorder: InputBorder.none, disabledBorder: InputBorde..