리액트 네이티브에 Warning: Text strings must be rendered within a ‹Text> component.오류 해결법

-

리엑트 네이티브에서 Warning: Text strings must be rendered within a <Text> component. 위의 스크린샷과 같은 오류가 생기면 어떻게 해결할까?

일단 뭐가 문제인지 찾아야 되는데 나의 경우는 {/* Headphones Icon */}, {/* Text Below Icon */} 주석 처리한 부분에서 문제가 생겼다.

주석을 제거하고 다시 빌드해보니 정상적으로 작동하는 것을 확인할 수 있었다.

댓글

댓글 쓰기

이 블로그의 인기 게시물

비주얼 스튜디오 코드에서 깃허브에 프로젝트 올리는 법

-
🚀 Git 기본 설정 가이드 1️⃣ Git 초기화 확인 git init 2️⃣ 원격 저장소 연결 확인 git remote -v 3️⃣ 변경된 파일 스테이징 git add . 4️⃣ 커밋 생성 git commit -m "Initial commit" 5️⃣ 원격 저장소에 푸시 git push -u origin main ⚠️ 문제 해결 만약 main 브랜치가 없다는 에러가 발생하면, 아래 명령어로 해결할 수 있습니다: git branch -M main git push -u origin main
자세한 내용 보기

Git rebase Github에 다시 프로젝트 올리기

-
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 이렇게 하면 원격 저장소의 변경 사항을 로컬에 병합한 후 푸시합니다.
자세한 내용 보기

React Native 앱에서 ProGuard 난독화 설정

-
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...
자세한 내용 보기