Question 1

React Native 프로젝트에서 TypeScript를 사용하는 주요 이점은 무엇인가요?

Accepted Answer

TypeScript는 애플리케이션이 실행되기도 전인 컴파일 시점에 타입 오류를 감지합니다. 이는 잘못된 타입과 관련된 프로덕션 버그를 크게 줄이고, IDE 자동 완성을 개선하며, 코드를 더 자체 문서화되게 만듭니다. React Native 프로젝트에서는 props, state, API 응답을 올바르게 타입 지정하는 데 특히 도움이 됩니다.

Question 2

TypeScript에서 type과 interface의 차이점은 무엇인가요?

Accepted Answer

interface는 declaration merging을 통해 확장하고 병합할 수 있어 서드파티 라이브러리 타입을 확장하는 데 유용합니다. type은 더 유연하며 union, intersection, 원시 타입을 표현할 수 있습니다. 실제로 단순한 객체의 경우 둘은 서로 바꿔 쓸 수 있지만, React 컴포넌트 props에는 확장이 가능한 interface가 선호됩니다.

Question 3

React Native 함수형 컴포넌트의 props를 올바르게 타입 지정하려면 어떻게 해야 하나요?

Accepted Answer

권장되는 방법은 props용 interface를 정의하고 이를 제네릭 타입이나 매개변수 주석으로 사용하는 것입니다. 제네릭과 함께 React.FC를 사용하거나 함수 시그니처에서 props를 직접 타입 지정할 수 있습니다. React.FC는 children을 암묵적으로 포함하므로 원하지 않을 수 있어 두 번째 방식이 자주 선호됩니다.

React 및 React Native를 위한 TypeScript

React Native 프로젝트에서 TypeScript를 사용하는 주요 이점은 무엇인가요?

답변

TypeScript에서 type과 interface의 차이점은 무엇인가요?

답변

React Native 함수형 컴포넌트의 props를 올바르게 타입 지정하려면 어떻게 해야 하나요?

답변

TypeScript에서 사용자 정의 타입으로 useState 훅을 타입 지정하려면 어떻게 해야 하나요?

TypeScript에서 제네릭 타입(generic)이란 무엇이며 무엇에 사용되나요?

기타 React Native 면접 주제

JavaScript 핵심

React 기초

React Native 기초

React Hooks

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