React 기초
JSX, 컴포넌트, props, state, 이벤트, 조건부 렌더링, 리스트와 keys
20 면접 질문·
Junior
1React에서 JSX란 무엇인가요?
1
React에서 JSX란 무엇인가요?
답변
JSX는 JavaScript의 구문 확장으로, JavaScript 안에서 HTML과 유사한 코드를 직접 작성할 수 있게 해줍니다. Babel 같은 도구에 의해 React.createElement() 함수 호출로 트랜스파일됩니다. JSX는 코드를 더 읽기 쉽게 만들고 로직과 렌더링을 같은 파일에 결합하여 UI 생성을 용이하게 합니다.
2JSX에 JavaScript 표현식을 포함하려면 어떻게 하나요?
2
JSX에 JavaScript 표현식을 포함하려면 어떻게 하나요?
답변
JavaScript 표현식은 단일 중괄호로 감싸서 JSX에 포함합니다. 예를 들어 변수 name을 표시하려면 {name}이라고 작성합니다. 이 구문을 사용하면 동적 값 주입, 함수 호출, 표현식 평가를 컴포넌트 렌더링에서 직접 수행할 수 있습니다.
3React에서 함수형 컴포넌트와 클래스 컴포넌트의 주요 차이점은 무엇인가요?
3
React에서 함수형 컴포넌트와 클래스 컴포넌트의 주요 차이점은 무엇인가요?
답변
함수형 컴포넌트는 JSX를 반환하는 단순한 JavaScript 함수인 반면, 클래스 컴포넌트는 React.Component를 확장하고 render() 메서드를 사용합니다. React 16.8에서 Hooks가 도입된 이후로 함수형 컴포넌트도 state와 부수 효과를 처리할 수 있게 되어, 최신 프로젝트에서는 클래스 컴포넌트의 필요성이 줄어들었습니다.
4
React에서 prop이란 무엇인가요?
5
React에서 state란 무엇이며 props와 어떻게 다른가요?
+17 면접 질문
기타 React Native 면접 주제
JavaScript 핵심
Junior
25개 질문React Native 기초
Junior
22개 질문React Hooks
Junior
20개 질문React 및 React Native를 위한 TypeScript
Junior
22개 질문React Native 컴포넌트 및 API
Junior
20개 질문React Native 스타일링 및 레이아웃
Junior
18개 질문React Native 내비게이션
Mid-Level
22개 질문React Native 상태 관리
Mid-Level
24개 질문React Native 네트워킹 및 API
Mid-Level
20개 질문데이터 영속성
Mid-Level
20개 질문폼과 유효성 검사
Mid-Level
18개 질문React Native 애니메이션
Mid-Level
22개 질문Native Modules & Bridge
Mid-Level
20개 질문플랫폼별 코드
Mid-Level
18개 질문권한 및 디바이스 API
Mid-Level
20개 질문Push Notifications
Mid-Level
18개 질문React Native 테스팅
Mid-Level
20개 질문React Native 디버깅
Mid-Level
18개 질문Build & Deployment
Mid-Level
20개 질문Expo vs React Native Bare
Mid-Level
18개 질문성능 최적화
Senior
24개 질문메모리 관리
Senior
20개 질문Architecture Patterns
Senior
22개 질문React Native New Architecture
Senior
24개 질문보안 모범 사례
Senior
20개 질문Offline-First Architecture
Senior
20개 질문React Native CI/CD
Senior
20개 질문Monorepo와 코드 공유
Senior
18개 질문고급 주제
Senior
22개 질문앱 라이프사이클 및 백그라운드 실행
Mid-Level
20개 질문인증 및 세션 관리
Mid-Level
22개 질문Monitoring & Crash Reporting
Senior
20개 질문