React Native 디버깅
Flipper, React DevTools, Metro bundler, console.log, breakpoints, performance monitoring
1React Native 프로젝트에서 Metro의 주요 역할은 무엇입니까?
React Native 프로젝트에서 Metro의 주요 역할은 무엇입니까?
답변
Metro는 JavaScript 코드를 컴파일하여 애플리케이션용 단일 파일로 번들링하는 React Native의 JavaScript 번들러입니다. 또한 개발 중 Hot Module Replacement(HMR)를 처리하여 앱을 재시작하지 않고도 변경 사항을 즉시 볼 수 있게 합니다. Metro는 ES6+, TypeScript, JSX 코드를 기기의 JavaScript 엔진과 호환되는 JavaScript로 변환합니다.
2Android 에뮬레이터에서 개발자 메뉴를 여는 명령은 무엇입니까?
Android 에뮬레이터에서 개발자 메뉴를 여는 명령은 무엇입니까?
답변
Android 에뮬레이터에서는 Ctrl+M(Mac에서는 Cmd+M) 단축키로 React Native 개발자 메뉴를 엽니다. 이 메뉴에서 앱 리로드, Remote Debugging 활성화, React DevTools로 요소 검사, Performance Monitor 토글 같은 옵션에 접근할 수 있습니다. 실제 기기에서는 기기를 흔들어도 이 메뉴가 열립니다.
3Flipper란 무엇이며 React Native 디버깅에서의 주요 장점은 무엇입니까?
Flipper란 무엇이며 React Native 디버깅에서의 주요 장점은 무엇입니까?
답변
Flipper는 Meta가 개발한 데스크톱 디버깅 플랫폼으로, Chrome 브리지 없이 React Native 애플리케이션을 검사할 수 있게 해줍니다. 주요 장점은 JavaScript 코드와 네이티브 iOS/Android 코드를 모두 디버깅할 수 있는 통합 인터페이스를 제공한다는 점입니다. Flipper는 network inspector, 로그, layout inspector, 데이터베이스용 플러그인을 지원하며 커스텀 플러그인 추가도 가능합니다.
React Native에서 console.log와 console.warn의 차이는 무엇입니까?
React Native 컴포넌트 계층 구조를 검사하기 위해 React DevTools를 활성화하려면 어떻게 합니까?
+15 면접 질문