Question 1

React Native 성능 최적화에서 React.memo의 주요 역할은 무엇입니까?

Accepted Answer

React.memo는 함수형 컴포넌트의 렌더링 결과를 메모이제이션하는 고차 컴포넌트(Higher-Order Component)입니다. 현재 props를 이전 props와 비교(기본적으로 shallow comparison)하여 불필요한 리렌더링을 방지합니다. props가 변경되지 않았다면 React는 컴포넌트를 다시 렌더링하는 대신 메모이제이션된 결과를 재사용하므로, 리스트나 복잡한 컴포넌트 트리에서 성능이 크게 향상됩니다.

Question 2

아이템의 크기를 미리 제공하여 스크롤을 크게 최적화하는 FlatList 속성은 무엇입니까?

Accepted Answer

getItemLayout은 각 요소의 높이, 너비, offset을 미리 계산할 수 있게 해주는 FlatList의 선택적 속성입니다. 이를 통해 React Native가 각 아이템을 동적으로 측정할 필요가 없어지므로, 특히 scrollToIndex로 특정 인덱스로 이동할 때 스크롤 성능이 크게 향상됩니다. 이 최적화는 모든 아이템의 크기가 동일할 때 특히 유용합니다.

Question 3

최적화 측면에서 useMemo와 useCallback의 주요 차이점은 무엇입니까?

Accepted Answer

useMemo는 비용이 큰 계산의 결과를 메모이제이션하여 그 계산된 값을 반환하고, useCallback은 함수 자체를 메모이제이션하여 그 함수를 반환합니다. useMemo는 렌더링마다 무거운 재계산을 피하는 데 유용하고, useCallback은 메모이제이션된 자식 컴포넌트에 props로 전달되는 함수가 다시 생성되는 것을 방지하는 데 필수적입니다. 재생성되면 해당 자식 컴포넌트의 React.memo 최적화가 깨집니다.

성능 최적화

React Native 성능 최적화에서 React.memo의 주요 역할은 무엇입니까?

답변

아이템의 크기를 미리 제공하여 스크롤을 크게 최적화하는 FlatList 속성은 무엇입니까?

답변

최적화 측면에서 useMemo와 useCallback의 주요 차이점은 무엇입니까?

답변

Hermes는 무엇이며 React Native 애플리케이션에 대한 주요 장점은 무엇입니까?

FlatList에 안정적인 keyExtractor 함수를 제공하는 것이 왜 중요합니까?

기타 React Native 면접 주제

JavaScript 핵심

React 기초

React Native 기초

React Hooks

React 및 React Native를 위한 TypeScript

React Native 컴포넌트 및 API

React Native 스타일링 및 레이아웃

React Native 내비게이션

React Native 상태 관리

React Native 네트워킹 및 API

데이터 영속성

폼과 유효성 검사

React Native 애니메이션

Native Modules & Bridge

플랫폼별 코드

권한 및 디바이스 API

Push Notifications

React Native 테스팅

React Native 디버깅

Build & Deployment

Expo vs React Native Bare

메모리 관리

Architecture Patterns

React Native New Architecture

보안 모범 사례

Offline-First Architecture

React Native CI/CD

Monorepo와 코드 공유

고급 주제

앱 라이프사이클 및 백그라운드 실행

인증 및 세션 관리

Monitoring & Crash Reporting

다음 면접을 위해 React Native을 마스터하세요