다 좋은데 말야..

Render ErrorRendered fewer hooks than expected. This may be caused by an accidental early return statement. React가 컴포넌트를 다시 렌더링 할 때, 이전 렌더링보다 적은 수의 Hook을 실행했다는 의미입니다.React는 각 렌더링마다 Hook의 개수와 순서가 정확히 동일해야 한다는 규칙이 있는데, 이 규칙이 위반되었다는 뜻입니다. 여기서 Hooks는 React Native의 Hooks, 필자가 직접 커스텀한 Hooks를 모두 포함합니다. 필자의 경우,깃 브랜치를 바꾸면서 발생했는데요. yarn androidyarn ios 로 간단히 해결했습니다.

open -a "Android Studio" android위 명령어를 사용해야. Android Studio에서 정상 빌드 됩니다.Android Studio 아이콘으로 직접 실행해서, RN 루트의 android폴더를 Android Studio로 직접 오픈하면 에러가 발생하기 때문입니다.

npx @react-native-community/cli init yotubeor// 가장 최신버전으로 프로젝트 생성npx @react-native-community/cli@latest init yotubeornpx @react-native-community/cli@latest init MyProject --version latest 참고:https://reactnative.dev/blog/2025/01/21/version-0.77#upgrade-to-077

npx react-native doctorCommon ✓ Node.js - Required to execute JavaScript code ✓ yarn - Required to install NPM dependencies ✓ Watchman - Used for watching changes in the filesystem when in development mode ● Metro - Metro Bundler is not running Android ✓ Adb - Required to verify if the android device is attached correctly ✓ JDK - Required to compile Java code ✓ Android Studio - Required for buil..

npx @react-native-community/cli init MoneyManager✔ Downloading template ✔ Copying template ✔ Processing template ✔ Installing dependencies ✔ Do you want to install CocoaPods now? Needed for running iOS project … yes ✔ Installing Ruby Gems ✔ Installing CocoaPods dependencies (this may take a few minutes) ✔ Initializing Git repository RN 0.71 이상부터는 --template 옵션을 사용하지 않고도 typescript 템플릿으로 제공된다.

emulator -avd {emulator name}emulator -avd Pixel_4_API_30 emulator 통해 에뮬레이터 생성을 터미널에서 가능하지만 Android Studio에서 Manager를 통해 생성하는게 정신건강에 좋다.

https://oauth2:{Personal Access Token}@gitlab.peter.co.kr/aijinetcorp/front-end/peter.git cd existing_foldergit init --initial-branch=maingit remote add origin git@gitlab.peter.co.kr:aijinetcorp/front-end/peter/my-gallary.gitgit add .git commit -m "Initial commit"git push --set-upstream origin main

Metro Bundler 가이드📦Metro Bundler는 React Native 전용 JavaScript 번들러입니다.여러 개의 JavaScript 파일을 하나로 합쳐서 앱에서 실행할 수 있게 만들어줍니다.🍱 쉬운 비유: Metro는 도시락을 싸는 사람 같아요!여러 반찬(JS 파일들)을 하나의 도시락통(번들)에 예쁘게 담아서,핸드폰(앱)에서 바로 먹을 수 있게 준비해주는 거죠!🔄 Metro의 작동 과정1파일 스캔프로젝트의 모든 JS 파일을 찾습니다2종속성 분석어떤 파일이 어떤 파일을 사용하는지 파악3코드 변환최신 JS를 구형 기기에서도 실행되게 변환4번들 생성모든 코드를 하나의 파일로 합침5앱으로 전송완성된 번들을 디바이스로 전송⚡빠른 리로드코드를 수정하면 즉시 앱에 반영됩니다. Fast Refr..

Node.js 가이드🟢Node.js는 JavaScript를 브라우저 밖에서도 실행할 수 있게 해주는 런타임 환경입니다.🏠 쉬운 비유: JavaScript가 집안에서만 살던 애완동물이었다면, Node.js는 그 애완동물을 밖에서도 자유롭게 뛰어다닐 수 있게 해주는 공원 같은 존재예요!🌐Node.js 이전JavaScript = 브라우저 전용• 웹페이지에서만 실행 가능• 서버 개발 불가능• 파일 시스템 접근 불가• 데이터베이스 직접 연결 불가⚡Node.js 이후JavaScript = 어디서든 실행!• 서버 개발 가능• 모바일 앱 개발 가능• 데스크톱 앱 개발 가능• 명령줄 도구 제작 가능🚀빠른 실행 속도Google Chrome의 V8 엔진을 사용해서 매우 빠르게 JavaScript를 실행합니다.🔄비..

🚀 React Native 개발 도구 가이드📦npmNode Package ManagerJavaScript 패키지를 설치하고 관리하는 기본 도구입니다. Node.js와 함께 자동으로 설치됩니다.npm install react-nativenpm start⚡npxNode Package eXecute패키지를 설치하지 않고 일회성으로 실행할 수 있게 해주는 도구입니다. npm 5.2+ 버전에 포함됩니다.npx react-native init MyAppnpx expo start🧶YarnYet Another Resource Negotiatornpm의 대안으로, 더 빠르고 안정적인 패키지 관리를 제공합니다. Facebook에서 개발했습니다.yarn add react-nativeyarn start🌟ExpoReac..

import { LayoutChangeEvent, View, Text } from 'react-native';const handleLayout = (event: LayoutChangeEvent) => { const { x, y, width, height } = event.nativeEvent.layout; console.log(`위치: (${x}, ${y}), 크기: ${width} x ${height}`);}; Hello WorldReact Native의 onLayout은 컴포넌트가 화면에 렌더링되고 레이아웃이 계산된 후에 호출되는 이벤트 핸들러다.컴포넌트의 위치(x, y)와 크기(width, height) 정보를 실시간으로 얻을 수 있다. 다만, 레이아웃이 변경될 때마다 onLayout이 호출되..

iOS 시뮬레이터에서만 나타나는 현상으로 실제 단말에서는 나타나지 않는다.자동으로 올라오게 하려면:iOS 시뮬레이터 메뉴의 I/O > Keyboard > Connect Hardware Keyboard 를 체크 해제 하면 된다. `Connect Hardware Keyboard` 는 물리적 키보드가 연결되어 있을 때 시뮬레이터의 키보드가 올라오지 않게 한다. 가령, 랩탑이나 별도의 키보드가 연결되어 있다면 시뮬레이터의 키보드는 올라오지 않게 하는 설정이다. 체크 ON이 기본 값이다.

1. 딥링크 URL을 직접 전달하는 방법adb shell am start -W -a android.intent.action.VIEW -d "app://open?toWebView=https://xxx.xxxx.co.kr/intro" io.github.ovso.app앱이 실행된 후 첫 화면의 intent 로부터 데이터를 받습니다.intent.data(Uri) 에 scheme, host를 포함한 모든 데이터가 들어 있습니다.intent.data.getQueryParameter("toWebView")로 데이터를 꺼냅니다.2. 추가 데이터로 딥링크를 전달하는 방법adb shell am start -W -a android.intent.action.VIEW -d "app://open" -e "toWebViewUrl"..

버깅(브레이크 포인트) 중에 인텔리J가 멈추거나 느려질 때가 있습니다. 디버깅 성능을 개선하는 방법을 젯브레인에서 소개하고 있습니다. 필자는, 코틀린으로 개발할 때 익스프레션 바디, 람다에서 메서드 브레이크포인트를 사용할 때 IDE가 멈춘적이 있습니다. 라인 브레이크포인트를 사용하니 해결됐습니다. 다른 설정을 사용해 보진 않았지만, 메서드 브레이크포인트를 사용하지 않음에도 성능이 좋지 않다면 젯브레인이 권하는 다른 방법을 시도해 보시길 권해드립니다. ･ 메서드 브레이크포인트: JVM 설계로 인해 성능이 크게 저하되므로, 일반적인 라인 브레이크포인트를 사용하는 것이 좋습니다.･ 메서드 반환 값 표시 옵션: 비활성화하면 성능이 향상됩니다.･ 컬렉션 클래스 대체 보기 및 toString() 객체 보기:toSt..

가이드 입니다. https://www.lucidchart.com/pages/uml-sequence-diagram UML Sequence Diagram Tutorial Comprehensive guide on everything you need to know about sequence diagrams in UML. We'll show you how to understand, plan, and create a professional sequence diagram with this guide! www.lucidchart.com 그리고, 영상 https://www.youtube.com/watch?v=pCK6prSq8aw

https://sites.google.com/ 를 통해 사이트를 만들고, 접근을 공개하면 됩니다. : ) 유저가 접근하는 주소는 아래와 같습니다. https://sites.google.com/view/{설정한 경로} 물론, 개인정보처리방침 뿐 아니라 단순 안내 사이트를 만들어도 되겠군요.

에러 FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:hiltAggregateDepsDebug'. > A failure occurred while executing dagger.hilt.android.plugin.task.AggregateDepsTask$WorkerAction > 'java.lang.String com.squareup.javapoet.ClassName.canonicalName()' ... .. 해결책 // 모듈 수준의 build.gradle hilt { enableAggregatingTask = false } 원인 최신버전(2.50)의 dagger-compiler 는 내부에..

에뮬레이터와 디바이스를 제어하기 위한 KEYCODE 가 정말 많아요 : ) adb shell input keyevent KEYCODE_BACK adb shell input keyevent KEYCODE_POWER adb shell input keyevent KEYCODE_APP_SWITCH adb shell input keyevent KEYCODE_ASSIST adb shell input keyevent KEYCODE_MUTE adb shell input keyevent KEYCODE_MUSIC adb shell input keyevent KEYCODE_HOME adb shell input keyevent KEYCODE_CALENDAR adb shell input keyevent KEYCODE_BRIGH..

갑자기 커서가 두꺼워진 적 있나요? 저는 플러그인으로 설치한 IdeaVim(vim) 때문이었답니다. 플러그인과의 충돌인 것 같아요. vim 이 disable 이었는데도 두꺼워 졌으니까요. vim을 enable 로 했다가 다시 disable 로 하니 괜찮아졌어요. 잠시.. 해결법으로 설정(⌘ + ,) > Plugin 에서 vim 을 disable 하니 커서가 정상으로(|) 돌아왔어요. 설치만 하고 쓰질 않으니 그냥 지워야 겠어요. 물론 vim 에서 두꺼운 커서는 읽기모드 에요.

라이브러러 업데이트가 안되는 상황 라이브러리 또는 오픈소스 버전을 업그레이드(10.0.6 -> 11.0.1) 했는데 External Libraries에선 여전이 10.0.6 을 가리키고 있을 때가 있습니다. (가끔 혹은 처음 / 회사 또는 개인) 로컬 Gradle 캐시를 의심해 봐야 합니다. 재밌는 것은(당사자는 노잼), 동료들은 괜찮은데 나만 그렇다는 겁니다. 해결하기(결론) 해당 안드로이드 프로젝트 디렉토리가 아닌 외부에 숨겨진 .gradle 에서 해당 라이브러리 캐시를 찾아서 관련 파일을 모두 제거후에 빌드 해야 합니다 경로는, /Users/{유저명}/.gradle/caches/ 입니다. 안.스의 External Libraries -> Gradle:{라이브러리 namespace} -> 커서메뉴(마우..

adb 로 앱을 실행하는 것은 아주 간단합니다 : ) adb shell am start -n /. 위의 가이드를 아래와 같이 바꾸어 썼습니다. adb shell am start -n io.github.ovso/io.github.ovso.ui.SplashActivity 여기서, Flavor 를 통해 빌드변형을 했다면 어떻게 실행해야 할까요? adb shell am start -n io.github.ovso.stg/io.github.ovso.ui.SplashActivity / 의 앞부분만 stg 를 붙였습니다. / 이후는 실제 경로를 그대로 유지해야 합니다. 물론 실제 경로에 stg가 붙으면 / 앞부분과 동일하게 경로를 적어주면 됩니다. 그리고 / 전 후로 많이 다른 경우가 있을 수 있지요? 그럴 땐 아래와..

1. adb shell dumpsys activity recents 2. adb shell dumpsys activity activities 1번 과 2번 둘다 Activity 스택 정보를 보여줍니다. 1번은, recents 로 눈치 채셨을 수도 있습니다. 최근에 사용한 Activity 정보를 보여줍니다. 2번는, 방대한 정보를 보여줍니다. 방대하니까 보기가 어렵습니다. 정보의 범위를 좁혀볼까요? 아래와 같이 packageName 을 CLI에 추가해 줍니다. 1. adb shell dumpsys activity recents | grep io.github.ovso.activityfinish 2. adb shell dumpsys activity activities | grep io.github.ovso.a..

ifconfig en0: flags= options= ether {MAC Address} 여러 라인이 출력됩니다. 그 중 en0 의 ether 를 확인하시면 됩니다. 물론 GUI 로도 쉽게 확인하실 수 있습니다. : )

내 맥북이 어느 와이파이를 잡고 있지? Terminal 을 열고 아래와 같은 명령어를 사용하면 현재 연결되어 있는 와이파이의 이름을 알 수 있습니다. /Sy*/L*/Priv*/Apple8*/V*/C*/R*/airport -I | awk '/ SSID:/ {print $2}' 또는 /System/Library/PrivateFrameworks/Apple80211.framework/Versions/Current/Resources/airport -I | grep SSID 출력: KT_GiGA_5G_123B

GUI 로 하는 Wireless Debugging(무선디버깅) 이 안될 때 아래의 CLI 를 이용하면 잘 됩니다. 물론, 동일한 Wi-Fi 에 연결되어 있어야 하겠죠! adb connect device_ip_address:port 이 방법은, QR 코드로 기기 페어링(Pair device with QR code) 또는 페어링 코드를 사용하여 페어링(Pair device with pairing code) 이 동작하지 않을 때 유용합니다. 개인적인 경험으로, 둘 중 하나가 안되면 모두 안됐습니다. device_ip_address 와 port 는 개발자 모드의 Wireless Debugging 에서 확인할 수 있습니다. 다른 방법도 있습니다. 그러나 권장하지 않습니다. adb pair device_ip_add..

Kotest 사용 안드로이드에서 Kotest 를 사용하려면 3 가지 설정이 필요합니다. 안드로이드 스튜디오 플러그인 설치 라이브러리 추가 JUnit Platform 그래들 플러그인 추가 안드로이드 스튜디오 플러그인 Kotest 에서 만든 플러그인 입니다. 안드로이드 스튜디오에서 플러그인을 검색하여 손쉽게 설치 할 수 있습니다. 라이브러리 추가 dependencies { ... testImplementation("io.kotest:kotest-runner-junit5:$version") ... } JUnit Platform 그래들 플러그인 추가 앱 수준의 build.gradle 에 플러그인을 추가합니다. android.testOptions { unitTests.all { it.useJUnitPlatform..

우리나라 차량번호 검증 로직입니다. 유용하게 사용하시길 바랍니다. HTML 삽입 미리보기할 수 없는 소스

결론부터 말하자면 3가지 방법이 있습니다. 원하는 스타일로 개발하시면 되겠습니다. Accompanist 둘러보다가 Accompanist 를 사용하지 않고 만들어 봤습니다. HTML 삽입 미리보기할 수 없는 소스

이메일 유효성 검증 로직 입니다. 유용하게 사용하시기 바랍니다. import java.util.regex.Pattern fun isValidEmail(email: String): Boolean { val pattern = Pattern.compile("^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$") return pattern.matcher(email).matches() } fun main() { val email = "example@example.com" if (isValidEmail(email)) { println("Valid email address") } else { println("Invalid email address") } }

에뮬레이터는 불안정(먹통..)하기 때문에 재시작해야 할 때가 있습니다. 일반적으로 두 가지 방법이 있습니다. CLI adb -e reboot Device Manager Cold Boot Now