개발자 노트

리엑트 네이티브에서 Warning: Text strings must be rendered within a <Text> component. 위의 스크린샷과 같은 오류가 생기면 어떻게 해결할까? 일단 뭐가 문제인지 찾아야 되는데 나의 경우는 {/* Headphones Icon */} , {/* Text Below Icon */} 주석 처리한 부분에서 문제가 생겼다. 주석을 제거하고 다시 빌드해보니 정상적으로 작동하는 것을 확인할 수 있었다.

React Native 앱에서 ProGuard 난독화 설정 가이드 React Native 앱에서 ProGuard 난독화 설정 이 글에서는 ProGuard 를 사용해 React Native 앱의 코드 난독화 작업을 설정하는 방법에 대해 설명합니다. ProGuard는 코드를 압축하고 최적화하며, 읽기 어려운 형태로 난독화하여 앱의 보안을 강화할 수 있습니다. 1. build.gradle 파일 설정 먼저 android/app/build.gradle 파일에 다음 설정을 추가해야 합니다: release { // 실제 배포 환경에서는 자신만의 keystore 파일을 생성해야 합니다. // 자세한 내용은 https://reactnative.dev/docs/signed-apk-android 참고 signingConfig signingConfigs.release minifyEnabled true proguardFiles getDefaultProguardFile("proguard-android-optimize.txt"), "proguard-rules.pro" } signingConfig: 앱 서명을 위한 설정입니다. 실제 배포 시에는 별도의 keystore 파일을 생성해야 합니다. minifyEnabled: 이 옵션을 true 로 설정하면 코드 최적화 및 난독화가 활성화됩니다. proguardFiles: ProGuard 설정 파일의 경로를 지정합니다. 기본 설정 파일과 프로젝트 전용 규칙 파일이 포함됩니다. 2. proguard-rules.pro 파일 설정 난독화 예외 처리를 위해 proguard-rules.pro 파일에 다음 규칙을 추가합니다: # React Native 기본 설정 -keep class com.facebook.react.** { *; } -keep class com.fac...

iOS 국비 지원 교육 후기 iOS 국비 지원 교육 후기 1. iOS 국비 지원 교육을 받게 된 계기 저는 원래 맥북을 가지고 있었고, 만들고 싶은 앱이 있어서 iOS 관련 교육을 이미 돈을 내고 받아본 적이 있습니다. 하지만 그 교육이 기대에 비해 크게 도움이 되지 않았습니다. 그러던 중, 멋쟁이 사자처럼 이라는 기관에서 iOS 앱 스쿨을 국비 지원으로 진행한다는 소식을 들었습니다. 더 깊이 있는 공부가 필요하다고 느끼던 차에 좋은 기회라고 생각해 지원서를 제출하게 되었습니다. 2. iOS 국비 지원 합격 과정 국비 지원 교육에 합격하기 위해서는 몇 가지 준비가 필요합니다. 먼저, 자신을 소개하는 영상 을 촬영해 제출해야 합니다. 이 영상의 형식은 자유롭지만, 반드시 얼굴이 제대로 나오도록 해야 합니다. 저는 영상과 함께 자기소개서 와 관련 자료 를 제출했습니다. 특히, 제가 이 교육에서 어떤 앱을 만들고 싶은지 구체적으로 작성했어요: 앱 아이디어와 목표 팀원들과의 협업 방식 제 역할과 팀 내에서 맡게 될 역할 또한, 개인적으로 진행했던 프로젝트는 제 GitHub 프로필 에 업로드했으며, 프로젝트에 대한 설명도 상세히 작성했습니다. 3. iOS 국비 지원 교육의 진행 방식 교육은 5개월간 비대면(온라인) 으로 진행됐습니다. 합격 후, 디스코드 링크가 포함된 메일을 받았고, 여기서 공지사항과 Zoom 초대 링크 등을 확인할 수 있었습니다. 출석 방식 수업은 Zoom을 통해 진행되며, 얼굴을 공개해야 출석으로 인정됩니다. 출결 앱을 설치한 후 QR 코드를 스캔하면 출석이 완료됩니다. 협업과 커뮤니케이션...

🔧 기본 빌드 & 실행 명령어 명령어 설명 npx react-native run-android 안드로이드 앱 실행 npx react-native run-ios iOS 앱 실행 (Mac에서만 가능) npx react-native start 메트로 번들러 시작 (개발 서버) npx react-native doctor 환경 설정 검사 및 문제 해결 cd android && ./gradlew clean 안드로이드 빌드 캐시 정리 npx react-native-clean-project 프로젝트 전체 캐시 및 빌드 정리 🔥 디버깅 & 로그 확인 명령어 설명 npx react-native log-android 안드로이드 디바이스 로그 보기 npx react-native log-ios iOS 디바이스 로그 보기 adb reverse tcp:8081 tcp:8081 USB 연결된 디바이스에서 메트로 서버 연결 adb devices 연결된 안드로이드 디바이스 목록 확인 📦 패키지 관리 (npm / yarn) 명령어 설명 npm install <패키지명> 패키지 설치 npm uninstall <패키지명> 패키지 제거 npx react-native link <패키지명> 네이티브 모듈 연결 npm update 모든 패키지 최신 버전으로 업데이트 🚀 릴리즈 빌드 명령어 (Android) 명령어 ...

1.변경하고자 하는 문자열을 드래그  2.드래그된 상태에서 윈도우에서는 Ctrl + Shift + L을 입력 Mac에서는 commad + Shift + L을 입력 3.변경할 문자열로 수정하면 드래그된 문자열들이 일괄 변경

Git 리베이스(Rebase)와 병합(Merge) 가이드 🚀 Git 리베이스(Rebase)와 병합(Merge) 가이드 1️⃣ 원격 저장소의 최신 변경 사항 가져오기 git fetch origin 2️⃣ 현재 브랜치를 원격 브랜치와 리베이스하기 git rebase origin/main 이 과정에서 충돌(conflict) 이 발생할 수 있습니다. 만약 충돌이 발생하면: 충돌이 난 파일을 수정한 후 아래 명령어로 변경 사항을 반영하세요. git add <충돌 해결한 파일> git rebase --continue 충돌이 너무 복잡하면 리베이스를 취소하고 병합 방식으로 변경 할 수도 있습니다: git rebase --abort git pull origin main --rebase 3️⃣ 변경 사항을 푸시하기 리베이스가 끝났다면 이제 푸시합니다. git push origin main --force-with-lease 🚨 --force-with-lease 는 --force 보다 안전한 옵션입니다. 원격 저장소가 예상치 못하게 변경되지 않은 경우에만 강제 푸시를 실행합니다. ❗ 리베이스 대신 병합(Merge)을 원한다면? 리베이스가 아니라 단순히 병합하고 싶다면 다음 명령어를 사용하세요: git pull origin main git push origin main 이렇게 하면 원격 저장소의 변경 사항을 로컬에 병합한 후 푸시합니다.

1) 충분한 근거가 없거나 정보가 불확실한 경우, 절대 임의로 지어내지 말고 "알 수 없습니다" 또는 "잘 모르겠습니다"라고 명시해 주세요.   2) 답변하기 전, 단계별로 가능한 정보를 검증하고, 모호하거나 출처가 불분명한 부분은 "확실하지 않음"이라고 표시하세요.   3) 최종적으로 확실한 정보만 사용하여 간결한 답변을 완성하세요. 만약 추측이 불가피할 경우, "추측입니다"라고 밝혀 주세요.   4) 사용자의 문의가 모호하거나 추가 정보가 필요하다면, 먼저 사용자의 맥락이나 세부 정보를 더 요청하세요.   5) 확인되지 않은 사실을 확신에 차서 단정 짓지 말고, 필요한 경우 근거를 함께 제시하세요.   6) 각 답변마다 출처나 근거가 있는 경우 해당 정보를 명시하고, 가능하면 관련 링크나 참고 자료를 간단히 요약해 알려 주세요.