Dalyoung Lee's Blog

Q : 앱에서 뒤로가기 시도 시 앱을 종료하고 싶어. 사용자에게 확인창을 보여준 후 선택하게 할게 React Native 앱에서 사용자에게 뒤로가기 시 앱 종료 여부를 묻는 확인창을 띄우고, 선택에 따라 앱을 종료하려면 아래와 같이 구현할 수 있어요.✅ 1. 필요한 모듈 임포트import { BackHandler, Alert } from 'react-native';import { useEffect } from 'react';✅ 2. useEffect 훅으로 백핸들러 등록useEffect(() => { const backAction = () => { Alert.alert('앱 종료', '앱을 종료하시겠습니까?', [ { text: '취소', onPress: () ..

Q : 구글 앱 게시를 위해 내부테스트, 비공개테스트 등을 꼭 해야해?개인 개발자로 등록했어 안녕하세요! 개인 개발자로 구글 플레이 앱 게시를 준비하고 계시는군요. 축하드립니다! 질문해주신 테스트 트랙(내부 테스트, 비공개 테스트 등)에 대해 결론부터 명확하게 알려드릴게요.결론: 네, 사실상 '필수'입니다.과거에는 선택 사항에 가까웠지만, 2023년 11월부터 시행된 새로운 정책으로 인해 신규 개인 개발자 계정은 앱을 정식 출시(프로덕션)하기 전에 반드시 테스트 요건을 충족해야 합니다.즉, 개인 개발자님께서 최근에 계정을 만드셨다면, 최소 20명 이상의 테스터가 14일 이상 연속으로 앱의 비공개 테스트(Closed Test)에 참여해야만 정식 출시를 위한 검토를 요청할 수 있습니다.따라서 '필수인가..

Q : 이제 aab로 빌드할 차례야. 어떻게 하면 되는지 차례대로 알려줘 좋아, Dalyoung! 이제 Google Play에 올릴 수 있는 AAB(Android App Bundle) 파일을 만들어보자. 아래 순서대로 따라오면 돼:✅ 1단계: 릴리스 키스토어 생성keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000비밀번호, 이름, 조직 등 입력 → my-release-key.keystore 파일 생성됨이 파일은 꼭 백업해! (잃어버리면 앱 업데이트 불가)✅ 2단계: 키스토어 파일 이동생성된 .keystore 파일을 프로젝트의 android/app/ 폴..

Q : 앱 아이콘 적용하는 방법은? 앱 아이콘을 적용하는 방법은 Android와 iOS 각각 따로 설정해줘야 해. 이미지를 만들어두었다면 다음 단계에 따라 적용하면 돼! 🔧🎨✅ Android 앱 아이콘 적용 방법아이콘 파일 준비원본 PNG 또는 SVG 파일 준비 (1024×1024 이상 권장)배경이 투명하지 않은 정사각형 이미지가 좋아Android Asset Studio에서 아이콘 생성https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html아이콘 업로드 → Foreground / Background 설정 → 다운로드 (ZIP)생성된 리소스 덮어쓰기다운로드한 ZIP을 풀어서android/app/src/main/res/ 폴더에 있는 mi..

Q : 그럼 우선 구글 플레이스토어에 앱을 올려야겠네. 어떻게 진행하면 되는지 차례대로 알려줘 좋아, Dalyoung! 🎉 이제 앱을 세상에 공개할 준비가 된 거네. 구글 플레이스토어에 앱을 등록하는 전체 과정을 단계별로 정리해줄게:✅ 1단계: Google Play 개발자 계정 만들기Google Play Console 접속Google 계정으로 로그인개발자 등록비 $25(1회) 결제계정 승인까지 1~2일 소요될 수 있어✅ 2단계: 앱 등록 시작Play Console → 앱 만들기 클릭앱 이름, 기본 언어, 앱 유형(앱/게임), 유료/무료 여부 선택앱 정책 동의 및 광고 포함 여부 체크✅ 3단계: 앱 정보 입력스토어 등록 정보 작성앱 이름, 간단 설명, 상세 설명앱 아이콘 (512x512), 스크린샷 (폰..

앱을 먼저 등록하지 않고, react-native-google-mobile-ads 를 설치하는 경우, 에뮬레이터에서 앱이 실행되지 않을 수 있음 Q : run-android 실행 시 이런 오류가 발생해WARNING: react-native-google-mobile-ads requires an 'android_app_id' property inside a 'react-native-google-mobile-ads' key in your app.json.No android_app_id property was found in this location. The native Google Mobile Ads SDK will crash on startup without it. You can safely ignore ..

2025.06.24 - [IT 정보/AI 활용 앱개발] - admob 광고 적용 전 주의 사항 admob 광고 적용 전 주의 사항앱을 먼저 등록하지 않고, react-native-google-mobile-ads 를 설치하는 경우, 에뮬레이터에서 앱이 실행되지 않을 수 있음 Q : run-android 실행 시 이런 오류가 발생해WARNING: react-native-google-mobile-ads requires anldy0212.tistory.com Q : 이제 기본 기능은 다 완성한 것 같아. 이제 구글 광고를 삽입하려 해 좋아, Dalyoung! 앱이 완성 단계에 접어들었다니 멋져! 🎉이제 Google AdMob 광고를 삽입해서 수익화까지 연결해보자. React Native에서는 react-n..

Q : 이번엔 다국어 지원을 추가하고 싶어. 사용자 기기의 언어설정에 따라 자동으로 텍스트가 변경되도록. 기본은 영어로 하고, 한국/일본/중국/프랑스/스페인 정도 추가했으면 해. 완벽한 타이밍이야, Dalyoung! 다국어 지원은 앱의 전문성과 접근성을 확 높여주는 기능이지. React Native에서는 react-i18next와 i18next 조합이 가장 널리 쓰이고 강력해. 아래에 자동 언어 감지 + 다국어 리소스 적용까지 포함한 설정 방법을 정리해봤어:🌍 1. 필요한 패키지 설치npm install i18next react-i18next i18next-browser-languagedetectornpm install @react-native-async-storage/async-storage📁 2..

Q : 한글 글씨체를 바꾸고 싶어. 현재 글씨체는 뭐지? 그리고 어떤 글씨체를 추천해?React Native에서 기본적으로 사용하는 한글 글씨체는 플랫폼에 따라 다르지만, 일반적으로 다음과 같아:iOS: San Francisco 계열 (한글은 Apple SD Gothic Neo로 보이는 경우가 많아)Android: Roboto가 기본이며, 한글은 Noto Sans CJK KR 또는 시스템 기본 고딕체로 렌더링돼.✨ 추천 한글 글씨체 (모바일 앱에 잘 어울리는 폰트)폰트 이름 특징 출처Noto Sans KR구글에서 제공하는 깔끔하고 현대적인 고딕체. 가독성 우수Google Fonts나눔스퀘어 (NanumSquare)네이버 제공, 각진 느낌의 고딕체로 UI에 잘 어울림네이버 한글날 서체배달의민족 도현체굵고 ..

2025.06.22 - [IT 정보/AI 활용 앱개발] - 첫 화면 개발 첫 화면 개발2025.06.20 - [IT 정보/AI 활용 앱개발] - 코딩 시작 - 프로젝트 초기화 및 화면 확인 코딩 시작 - 프로젝트 초기화 및 화면 확인Q : 이제 코딩을 시작하자. 좋아, 드디어 개발에 들어가는 거네! 🎉우리ldy0212.tistory.com Q : 생성한 비밀번호의 내역을 관리하고 싶어. 5개정도 화면 하단에서 목록으로 확인할 수 있게 해주고, 목록을 길게 누를 때 복사되도록 만들어줘 좋아, 아주 실용적인 기능이야! 👍사용자가 생성한 최근 비밀번호 5개를 하단 리스트로 보여주고, 길게 눌렀을 때 클립보드에 복사되도록 구현해볼게. 아래 코드는 기존 UI 코드에 기능을 확장한 버전이야:🔧 주요 변경 ..