공학의 시대

안녕하세요.이번 포스팅에서는 flutter app 내에서 로딩 중인 상태를 보여줄 수 있는 방법 중 하나인 원형 프로그레스 바를 구현해 보겠습니다. 언어: dartIDE: Android StudioFramework: FlutterTest device: Android 이전에 진행했던 코드를 사용해 예제를 구현해 보겠습니다. 아래 링크를 참고해 주세요.https://it-of-fortune.tistory.com/46 Flutter 앱에서 delay 구현하기안녕하세요.이번 포스팅에서는 Flutter app의 delay 기능을 구현해 보겠습니다. 언어: dartIDE: Android StudioFramework: FlutterTest device: Android 먼저, 버튼을 클릭하면 메시지가 나타나도록 코드를..

안녕하세요.이번 포스팅에서는 Flutter app의 delay 기능을 구현해 보겠습니다. 언어: dartIDE: Android StudioFramework: FlutterTest device: Android 먼저, 버튼을 클릭하면 메시지가 나타나도록 코드를 짜보겠습니다. 참고로, 이번 예제는 아래의 포스팅에서 사용한 예제를 사용하여 작성해 보겠습니다.https://it-of-fortune.tistory.com/45 Flutter StatefulWidget 사용하기안녕하세요.이번 포스팅에서는 Flutter의 StatefulWidget에 대해 간략하게 알아보겠습니다.StatefulWidget이란?Flutter에서 StatefulWidget은 상태(state)를 가질 수 있는 위젯입니다. 상태는 위젯이 동적으..

안녕하세요.이번 포스팅에서는 Flutter의 StatefulWidget에 대해 간략하게 알아보겠습니다. 언어: dartIDE: Android StudioFramework: FlutterTest device: AndroidStatefulWidget이란?Flutter에서 StatefulWidget은 상태(state)를 가질 수 있는 위젯입니다. 상태는 위젯이 동적으로 변경될 수 있는 데이터를 말하며, 사용자의 동작이나 외부 요인에 의해 변경될 수 있습니다. 예를 들어, 버튼 클릭, API 호출 결과, 사용자 입력 등으로 인해 위젯의 상태가 바뀌면 화면이 다시 그려질 수 있습니다.*Kotlin(Jetpack Compos)에서는 MutableState, SwiftUI에서는 @State와 같은 역할을 한다 볼 수..

안녕하세요.이번 포스팅에서는 Flutter의 ElevatedButton을 간략하게 구현해 보겠습니다. 언어: dartIDE: Android StudioFramework: FlutterTest device: Android 처음 flutter project를 생성하면 아래와 같은 코드가 기본으로 생성됩니다. 참고로 주석은 모두 지운 상태입니다.main.dartimport 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @overr..

안녕하세요. 이번 포스팅에서는 컴포즈 원형 프로그레스를 구현해 보겠습니다. 언어: 코틀린 sdk vsersion - compile: 33 - min: 21 - target: 33 우선 아무런 설정 없이 CircularProgressIndicator를 적용하겠습니다. MainComposeActivity.ky @Composable fun CircularProgress() { Box( modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center ) { CircularProgressIndicator() } } 아래와 같이 동작합니다. 이번에는 여러 속성을 추가하여 커스터마이징 해주겠습니다. MainComposeActivity.ky @Composa..

IT에서 일을 하게 되면 고객사 또는 자체적으로 VM을 구성하여 서버 간의 통신이 필요로 하는 경우가 흔합니다. 이때 서버끼리의 통신이 정상적으로 되는지 확인을 하기 위해 사용하는 것이 'telnet' (텔넷)인데요 Windows 환경에서의 설치와 실제 사용을 해보도록 하겠습니다. 먼저, 'Windows 키'와 'R' 을 눌러 실행창을 켭니다. 그리고 'appwiz.cpl' 을 입력한 후 확인.

안녕하세요. 이번 포스팅에서는 상태 호이스팅 패턴을 안드로이드 컴포즈를 통해 구현해 보겠습니다. state hoisting 패턴은 단방향 데이터 흐름과 관계가 있습니다. 이벤트가 발생하면 상태를 필요에 맞게 변경하고 UI에 표시하는 과정을 하나의 방향으로만 흐르도록 설계하는 것입니다. 여기에 state hoisting을 적용한다면, 이벤트가 발생 -> 이벤트를 뷰모델까지 올려줌 -> 뷰모델에서 필요한 기능을 처리 -> 상태를 변경 -> UI가 이에 맞게 변경되는 식으로 동작하게 됩니다. 간단한 예제를 작성해 보겠습니다. 언어: 코틀린 sdk vsersion - compile: 33 - min: 21 - target: 33 가장 먼저 뷰모델을 작성합니다. ComposeViewModel.kt @HiltVie..

안녕하세요. 이번 포스팅에서는 안드로이드 스튜디오 프로젝트에 파이어스토어 데이터베이스를 연결하고, 간단하게 사용해 보겠습니다. 언어: 코틀린 sdk vsersion - compile: 33 - min: 21 - target: 33 - Firebase Firestore database 생성 가장 먼저 파이어베이스 페이지에 들어가 시작하기를 누르고 프로젝트를 생성합니다(figure1, figure2 참조). https://firebase.google.com/?hl=ko Firebase Firebase는 고품질 앱을 빠르게 개발하고 비즈니스를 성장시키는 데 도움이 되는 Google의 모바일 플랫폼입니다. firebase.google.com 이름을 정하고 3/3까지 계속을 눌러줍니다. 3/3단계에서 accoun..

안녕하세요. 이번 포스팅에서는 안드로이드 스튜디오를 통해 코틀린 멀티플랫폼 모바일 앱 프로젝트를 생성해 보겠습니다. ※ iOS app을 실행해 보고, 소스를 확인하기 위해서는 Xcode도 설치되어 있어야 합니다. 가장 먼저 Kotlin Multiplatform Mobile Plugin 설치를 합니다(figure1 참조). Android Studio -> Preferences(Settings) -> Plugins으로 진입해 설치합니다. 설치가 끝나면 새로운 프로젝트를 생성합니다(figure2 참조). 프로젝트 이름만 적어주고 Next를 선택합니다(figure3 참조). 마지막 페이지에서 iOS fragmework distribution을 Regular fragmework로 선택하고 Finish를 눌러 줍니..

안녕하세요. 이번 포스팅에서는 네비게이션으로 프래그먼트 이동 시 데이터를 넘겨주는 소스를 구현해 보겠습니다. 언어: 코틀린 sdk vsersion - compile: 33 - min: 21 - target: 33 아래 포스팅에서 구현된 소스에 추가 작업을 해주겠습니다. https://it-of-fortune.tistory.com/24