전체 글7 [Android] BottomNavigationBar 구현하기 🛠️ Jetpack Compose 하단 탭바 구현 예제 1. 필요한 의존성 추가build.gradle에 다음을 추가하세요:implementation("androidx.navigation:navigation-compose:2.7.0") 2. 화면(Screens) 정의하기sealed class Screen( val route: String, val icon: ImageVector, val title: String) { object Home : Screen("home", Icons.Default.Home, "홈") object Jangbu : Screen("jangbu", Icons.Default.Jangbu, "간편장부") o.. 2025. 4. 25. React Native 개발환경 (Mac에서 Android 앱만들기) 1. node와 watchman (by facebook, 소스코드 변경시 자동으로 detect한 후 javascript 번들을 자동build하는 툴) 설치. brew install nodebrew install watchman 2. 자바 JDK17 버전이 필요 합니다.brew install --cask zulu@17 설치된 Jdk17 경로 찾기brew info --cask zulu@17==> /Library/Java/JavaVirtualMachines/zulu-17.jdk/Contensts/Home JAVA_HOME 환경변수 설정(Mac) : .zprofile 또는 .bash_profile등 자신이 사용하는 shell 파일에 적용.echo 'export JAVA_HOME="/Library/Java/J.. 2025. 3. 23. Room Database with Dependency Injection (DI) in Android Step 1: 필요한 의존성 추가build.gradle(Module: app) 파일에 다음 의존성을 추가합니다. dependencies { // Room 라이브러리 implementation "androidx.room:room-runtime:2.6.1" kapt "androidx.room:room-compiler:2.6.1" implementation "androidx.room:room-ktx:2.6.1" // Hilt 라이브러리 implementation ("http://m.google.dagger:hilt-android:2.50") kapt ("http://m.google.dagger:hilt-android-compiler:2.50")} 또한, build.grad.. 2025. 3. 20. 오타니의 시즌 첫 홈런, 논란 촉발. 지난 수요일 다저스 경기의 5회 말, 오타니의 시즌 첫 홈런이 논란을 불러일으켰다. 다저스가 5-2로 앞선 상황에서 오타니는 컵스의 구원 투수 네이트 피어슨이 던진 빠른 볼을 받아쳐 가운데 깊숙한 곳으로 보냈다. 공은 홈런을 나타내는 노란 선 근처의 벽을 맞은 것으로 보였으며, 완전히 넘어갔는지는 불분명했다. 그러나 비디오 판독 결과 한 펜이 중앙펜스로 넘어가는 공을 잡으려고 하다 공을 터치한 것이였다. It is nearly homerun..... It is home run. !!!!! 2025. 3. 20. Jetpack Compose에서 상태 관리하기: remember, Flow, StateFlow Jetpack Compose는 선언형 UI 프레임워크로, 상태(state)를 효율적으로 관리하는 것이 매우 중요합니다. Compose에서 자주 사용되는 remember, Flow, StateFlow를 비교하며 각각의 역할과 활용 방법을 알아보겠습니다.1. remember란?remember는 컴포저블 함수에서 상태를 유지하는 데 사용됩니다. 특정 값이 재구성(Recomposition)될 때 초기화되지 않도록 저장하는 역할을 합니다. @Composablefun Counter() { var count by remember { mutableStateOf(0) } Column { Text(text = "Count: $count") Button(onClick = { count++.. 2025. 3. 20. 플러터 앱 만들기 (2) - Theme 적용하기 FlexColorScheme 으로 플러터 Theme 적용 FlexColorScheme은 Flutter의 ThemeData를 확장하여 더욱 강력하고 쉽게 다크/라이트 테마를 설정할 수 있도록 도와주는 패키지입니다. 기본 ThemeData보다 더 많은 색상 조합을 제공하며, 머터리얼3(M3) 지원.1. 간단한 사용법1️⃣ 패키지 추가dependencies: flex_color_scheme: ^7.0.0 # 최신 버전 확인 후 적용 또는 프로젝트 디렉토리에서 프로젝트 dependency package 추가 %> flutter pub add flex_color_scheme 2️⃣ 테마 적용하기 import 'package:flex_color_scheme/flex_color_scheme.dart';import.. 2025. 3. 17. 이전 1 2 다음
