문제를 겨냥하는 확실한 방법 에러 예방 및 추적부터 AI 응용 실전 노하우까지 리액트 네이티브(React Native)는 메타(Meta)에서 개발한 크로스 플랫폼으로, 자바스크립트(JavaScript)와 리액트(React)를 통해 iOS와 안드로이드 앱을 동시에 개발할 수 있기에 매우 유용합니다. 이처럼 크로스 플랫폼을 사용하면 단일 코드베이스(single codebase)만으로 서로 다른 운영체제에 최적화된 앱을 한 번에 효율적으로 완성할 수 있습니다. 하지만 실제 앱 구동은 각 OS의 네이티브 환경에서 이루어지기 때문에 에러 메시지만으로 문제의 정확한 원인을 파악하기 어려운 경우가 발생하곤 합니다. 이 책에서는 크로스 플랫폼으로 앱을 개발할 때 에러 발생을 미리 탐지하고 예방하는 방식에 대해 알아봅니다. 휴먼 에러와 그 외의 에러를 TDD 및 린트 도구로의 자동화로 해결하고, 예상하지 못한 사용자 패턴과 시스템 오류를 센트리(Sentry)와 파이어베이스 크래시리틱스(Firebase Crashlytics)로 감지해봅니다. 또한, 비주얼 스튜디오 코드(VS Code)에서 코파일럿(Copilot)을 활용하는 방법과 제미나이(Gemini) 기반 AI 기능을 구축하는 방법은 물론 빌드 및 앱 구동 속도가 상대적으로 느린 리액트 네이티브의 성능을 비약적으로 향상하는 기법을 전달합니다.

Chapter 1 모바일 애플리케이션 개발 방법 _1.1 네이티브 애플리케이션 __1.1.1 애플리케이션의 생명주기 __1.1.2 모바일 애플리케이션의 디자인 __1.1.3 모바일 애플리케이션의 해상도 _1.2 웹 애플리케이션 _1.3 하이브리드 애플리케이션 _1.4 크로스 플랫폼 애플리케이션 __1.4.1 리액트 네이티브 __1.4.2 리액트 네이티브 코어 컴포넌트 Chapter 2 환경 설정 _2.1 홈브루 설치 _2.2 rbenv 설치 _2.3 NVM 설치 _2.4 워치맨 설치 _2.5 iOS 환경 설정 __2.5.1 엑스코드 설치 __2.5.2 코코아팟 설치 _2.6 안드로이드 환경 설정 __2.6.1 JDK 설치 __2.6.2 안드로이드 스튜디오 설치 __2.6.3 안드로이드 SDK 설치 __2.6.4 안드로이드 환경 변수 설정 _2.7 리액트 네이티브 CLI 설치 _2.8 yarn 설치 _2.9 디버깅 환경 설정 _2.10 절대 경로 Chapter 3 테스트 개발 _3.1 단위 테스트 _3.2 TDD _3.3 제스트 __3.3.1 제스트 환경 설정 __3.3.2 테스트 코드 _3.4 디톡스 사용자 테스트 코드 만들기 __3.4.1 디톡스 환경 설정 __3.4.2 프로젝트 설정 __3.4.3 애플리케이션 구성 __3.4.4 디바이스 설정 __3.4.5 안드로이드 추가 설정 __3.4.6 build.gradle 수정 __3.4.7 안드로이드 테스트 추가 __3.4.8 암호화되지 않은 트래픽 활성화 __3.4.9 애플리케이션 빌드 Chapter 4 린트 에러 예방 _4.1 ES린트 __4.1.1 ES린트 규칙 __4.1.2 ES린트 설정 파일 __4.1.3 ES린트 공유 구성 패키지 __4.1.4 ES린트 플러그인 __4.1.5 ES린트 파서 __4.1.6 실무 활용 _4.2 프리티어 _4.3 허스키 Chapter 5 사용자 에러 추적 _5.1 센트리 __5.1.1 센트리 회원가입 __5.1.2 프로젝트 만들기 __5.1.3 센트리 SDK 설치 __5.1.4 센트리 설정 __5.1.5 센트리 SDK 옵션 __5.1.6 실무 활용 _5.2 파이어베이스 크래시리틱스 __5.2.1 파이어베이스 사용 준비 __5.2.2 iOS 설정 __5.2.3 안드로이드 설정 __5.2.4 크래시리틱스 설치 __5.2.5 실무 활용 Chapter 6 모듈화 _6.1 Props와 State _6.2 useEffect 훅 _6.3 Custom 훅 Chapter 7 네이티브 모듈 _7.1 네이티브 모듈 만들기 __7.1.1 iOS 네이티브 모듈 만들기 __7.1.2 안드로이드 네이티브 모듈 만들기 _7.2 새로운 JSI 구조 __7.2.1 터보 모듈 __7.2.2 패브릭 __7.2.3 코드젠 _7.3 터보 네이티브 모듈 __7.3.1 자바스크립트 명세서 __7.3.2 모듈 설정 __7.3.3 네이티브 코드 __7.3.4 터보 네이티브 모듈 추가 _7.4 패브릭 네이티브 컴포넌트 __7.4.1 자바스크립트 명세서 __7.4.2 컴포넌트 설정 __7.4.3 네이티브 코드 Chapter 8 스토어 등록 _8.1 앱 스토어 등록 __8.1.1 애플 개발자 계정 생성 __8.1.2 애플 개발자 프로그램 등록 __8.1.3 iOS 인증서 설정 __8.1.4 애플 개발자 계정 연동 __8.1.5 애플리케이션 식별자 등록 __8.1.6 프로비저닝 프로파일 생성 __8.1.7 앱 스토어 커넥트 __8.1.8 애플리케이션 아이콘 설정 __8.1.9 애플리케이션 빌드 및 업로드 _8.2 구글 플레이 등록 __8.2.1 구글 플레이 개발자 계정 생성 __8.2.2 안드로이드 빌드 최적화 __8.2.3 서명 키 생성 __8.2.4 AAB 생성 __8.2.5 릴리스 빌드 확인 및 애플리케이션 등록 Chapter 9 패스트레인 _9.1 패스트레인 기능 _9.2 패스트레인 설치 __9.2.1 번들러 설치 __9.2.2 홈브루를 통한 설치 _9.3 패스트레인 환경 설정 __9.3.1 iOS 패스트레인 설정 __9.3.2 안드로이드 패스트레인 설정 부록 1 설치 셸 스크립트 만들기 2 package.json 파일에 스크립트 명령어 만들기 3 VS 코드에서 코파일럿 활용하기 4 제미나이 API를 통한 AI 기능 구축하기 5 SemVer 6 자바스크립트 엔진 종류와 요가 엔진 7 모킹, 스테이징, 프로덕션 8 디톡스 iOS 빌드 에러 9 안드로이드 app:mergeDexDebug 에러 10 안드로이드 bundleRelease 에러 11 RNSScreenStackHeaderConfig 에러 12 안드로이드에서 node 경로를 찾지 못하는 에러 13 NVM “PREFIX” 에러 14 패스트레인 에러 ?

삽질은 줄이고 속도를 높이자 반복되는 에러 패턴을 해석하는 명쾌한 한 방 1장에서는 애플리케이션의 생명주기를 알아보고 네이티브 애플리케이션, 웹 애플리케이션, 하이브리드 애플리케이션, 크로스 플랫폼 애플리케이션을 구분해봅니다. 2장에서는 리액트 네이티브 개발에 필요한 rbenv, NVM, JDK, 홈브루, 엑스코드, 코코아팟, 커맨드라인 인터페이스 등을 설치합니다. 3장에서는 단위 테스트와 TDD 관련 개념을 간단하게 학습한 후 테스트 러너(test runner), 테스트 매처(test matcher), 테스트 목(test mock)을 한 번에 제공하는 자바스크립트용 테스팅 라이브러리 제스트(Jest)를 사용해봅니다. 그리고 사용자처럼 클릭, 타이핑, 스크롤 등의 액션을 하며 오픈 소스 종단 간(E2E) UI를 점검하는 디톡스(Detox)로 테스트 코드를 작성합니다. 4장에서는 코드의 문제점을 찾고 스타일을 교정하는 ES린트(ESLint), 규칙에 맞게 줄 바꿈, 공백, 따옴표 등을 정리하는 프리티어(Prettier), 깃 훅(Git Hooks) 설정을 공유하고 자동화하는 허스키(Husky)를 직접 실습합니다. 5장에서는 실시간으로 에러를 추적하고 성능을 모니터링하는 센트리(Sentry)와 실시간 비정상 종료를 보고하는 파이어베이스 크래시리틱스(Firebase Crashlytics)을 활용해봅니다. 6장에서는 데이터가 어디서 오고, 어디에 머물며, 어떻게 전달되는가 제어하는 Props, State, 콘텍스트 API 그리고 컴포넌트가 렌더링될 때마다 특정 작업을 수행하는 useEffect 훅과 상태 관리 로직을 별도의 함수로 분리하여 재사용성을 극대화하는 Custom 훅에 대해 알아봅니다. 7장에서는 네이티브 모듈을 직접 만들어봅니다. 새로운 자바스크립트 인터페이스(JSI)인 터보 모듈, 패브릭(Fabric), 코드젠(Codegen)에 대해 살펴본 후 터보 네이티브 모듈과 패브릭 네이티브 컴포넌트를 설정해봅니다. 8장에서는 앱을 스토어에 등록하는 과정을 보여줍니다. 앱 스토어와 구글 플레이에서 계정을 생성하고 인증서 및 식별자, 서명 키 등을 설정한 후 앱 빌드를 진행합니다. 9장에서는 반복적인 빌드 및 배포 작업을 자동화하여 에러를 방지하는 패스트레인(Fastlane)에 대해 알아봅니다. 패스트레인을 설치하고 iOS 및 안드로이드 설정을 진행해봅니다. 마지막으로, 부록에서는 VS 코드에서 깃허브 코파일럿을 활용하는 방법과 제미나이 API를 통해 앱에 AI 기능을 구축하는 방법, app:mergeDexDebug, bundleRelease 등 안드로이드 에러 해결 방법과 더불어 디톡스, NVM, 각종 패스트레인 에러에 대응하는 방법에 대해 꼼꼼하게 학습합니다. 이 책이 필요한 독자 - 지속가능성과 트러블슈팅 기술을 자신만의 개발 비결로 삼고 싶은 분 - 기본과 안정성 확보 비법을 한 번에 탄탄히 하고 싶은 주니어 개발자 - 올바른 근거로 신기술을 도입하고 싶은 개발자 - 리액트 네이티브의 작동 원리와 실행 구조를 이해하고 싶은 분 - 성능 관리, 안정성 점검, 장애 대응 등 유지보수 기술을 논리적으로 파악하고 싶은 분