Question 1

JavaScript에서 let과 var의 주요 차이점은 무엇입니까?

Accepted Answer

let은 블록 스코프 (block scope)를 가지는 반면 var는 함수 스코프 (function scope)를 가집니다. 즉, let으로 선언된 변수는 정의된 블록 (중괄호 사이) 내에서만 접근할 수 있지만, var는 함수 전체에서 접근할 수 있습니다. 이 차이는 hoisting과 관련된 버그와 변수가 의도한 컨텍스트 밖으로 누출되는 것을 방지하는 데 매우 중요합니다.

Question 2

React에서 JSX란 무엇인가요?

Accepted Answer

JSX는 JavaScript의 구문 확장으로, JavaScript 안에서 HTML과 유사한 코드를 직접 작성할 수 있게 해줍니다. Babel 같은 도구에 의해 React.createElement() 함수 호출로 트랜스파일됩니다. JSX는 코드를 더 읽기 쉽게 만들고 로직과 렌더링을 같은 파일에 결합하여 UI 생성을 용이하게 합니다.

Question 3

React Native에서 컨테이너를 만드는 데 사용되는 기본 컴포넌트는 무엇입니까?

Accepted Answer

View 컴포넌트는 React Native의 기본 컨테이너로, HTML의 div에 해당합니다. 다른 컴포넌트를 그룹화하고 스타일을 적용하며 Flexbox로 레이아웃을 관리할 수 있습니다. 웹과 달리 React Native는 네이티브 컴포넌트(iOS의 UIView, Android의 android.view)로 변환되어야 하므로 div 대신 View를 사용합니다.

Question 4

React 함수형 컴포넌트에서 상태 변수를 선언할 수 있는 함수는 무엇입니까?

Accepted Answer

useState는 함수형 컴포넌트에서 로컬 상태를 관리하기 위한 기본 훅입니다. 현재 상태 값과 이를 업데이트하는 함수가 담긴 배열을 반환합니다. this.state를 사용하는 클래스 컴포넌트와 달리, 함수형 컴포넌트는 독립적인 각 상태 변수마다 useState를 사용합니다.

Question 5

React Native에서 HTTP 요청을 보내기 위한 네이티브 JavaScript 메서드는 무엇인가요?

Accepted Answer

fetch는 HTTP 요청을 위해 JavaScript와 React Native에 내장된 네이티브 API입니다. Promise를 반환하며 외부 의존성 없이 GET, POST, PUT, DELETE 요청을 처리할 수 있습니다. axios와 달리 fetch는 패키지를 설치하지 않고도 네이티브로 사용할 수 있습니다.

Question 6

React Native에서 AsyncStorage의 주요 특징은 무엇인가요?

Accepted Answer

AsyncStorage는 비동기적이고 암호화되지 않은 영속적인 키-값 저장 시스템입니다. 앱 전체에서 전역적으로 동작하며 데이터를 문자열로 저장합니다. React Native에 내장된 가장 간단한 저장 솔루션으로, 간단한 사용자 설정이나 민감하지 않은 데이터에 적합합니다.

Question 7

React Native에서 controlled input과 uncontrolled input의 주요 차이점은 무엇인가요?

Accepted Answer

controlled input은 value와 onChangeText props를 통해 React state로 관리되어 언제든지 값을 완전히 제어할 수 있습니다. uncontrolled input은 ref를 사용해 React state를 거치지 않고 값에 직접 접근합니다. controlled input은 실시간 유효성 검사와 애플리케이션 state와의 동기화를 쉽게 해주기 때문에 권장됩니다.

Question 8

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

Accepted Answer

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

Question 9

React Native 애플리케이션에서 memory leak이란 무엇인가요?

Accepted Answer

memory leak은 메모리에 있는 객체가 애플리케이션에서 더 이상 사용되지 않지만 해당 객체에 대한 참조가 여전히 남아 있어 garbage collector가 메모리를 해제하지 못할 때 발생합니다. React Native에서는 정리되지 않은 subscription, unmount 이후에도 계속 동작하는 timer, 오래된 참조를 캡처한 closure에서 흔히 발생합니다. memory leak은 성능을 점진적으로 저하시키며 긴 세션 동안 크래시를 유발할 수 있습니다.

Question 10

React Native 애플리케이션에서 컴포넌트 아키텍처란 무엇입니까?

Accepted Answer

컴포넌트 아키텍처는 애플리케이션을 재사용 가능하고 독립적인 요소로 구조화하며, 각 요소가 단일 책임을 갖도록 하는 것입니다. 이 접근 방식은 코드 재사용을 촉진하고 단위 테스트를 단순화하며 유지보수성을 향상시킵니다. 각 컴포넌트는 자체 state, 로직, 프레젠테이션을 캡슐화하여 단순하고 조합 가능한 빌딩 블록으로 복잡한 인터페이스를 구축할 수 있게 합니다.

React Native 면접 질문

React Native 면접 준비가 되셨나요?

모든 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을 마스터하세요