---
category: Frontend
tags: [auto-wikified, technical-documentation, frontend]
title: Hermes Engine
description: "Hermes는 React Native 애플리케이션에서 자바스크립트 로직을 실행하는 데 사용되는 엔진이다 [1, 2]."
last_updated: 2026-05-04
---

# Hermes Engine

## 📌 Brief Summary
Hermes는 React Native 애플리케이션에서 자바스크립트 로직을 실행하는 데 사용되는 엔진이다 [1, 2]. 고도로 최적화된 환경을 제공하며, React Native의 새로운 브릿지리스 아키텍처의 핵심인 JSI(JavaScript Interface)와 완벽하게 호환되어 작동한다 [3]. 

## 📖 Core Content
* **애플리케이션 로직 실행:** React Native는 기본적으로 Hermes와 같은 자바스크립트 코어 엔진을 탑재하여 애플리케이션의 내부 로직을 실행하고, 실제 렌더링은 네이티브 구성 요소를 호출하여 처리하는 아키텍처를 따른다 [1, 2, 4].
* **신규 아키텍처(JSI) 호환:** React Native의 새로운 아키텍처를 구성하는 필수 요소인 JSI(JavaScript Interface)는 고도로 최적화된 Hermes 엔진을 포함한 다양한 자바스크립트 엔진을 지원하여 자바스크립트와 네이티브 간의 효율적인 통신을 돕는다 [3].
* **앱 크기(App Size) 기준점 형성:** React Native 앱을 배포할 때 Hermes 자바스크립트 엔진이 함께 포함되어 제공되며, 이로 인해 최소 앱 크기(baseline APK size)는 대략 5~8MB 수준을 구성하게 된다 [1].

## ⚖️ Trade-offs & Caveats
* **초기 구동 지연(Startup Latency):** 앱이 콜드 스타트(Cold Start)를 할 때 Hermes 자바스크립트 엔진을 초기화하고 JS 번들을 파싱하는 과정을 반드시 거쳐야 한다 [1]. 이로 인해 코드를 직접 기계어로 사전 컴파일(AOT)하는 프레임워크(예: Flutter)와 비교했을 때, 앱 실행 시 대략 100~300 밀리초(ms) 정도의 측정 가능한 지연 시간이 추가로 발생한다는 단점이 있다 [1].


---
*Last updated: 2026-05-03*