Files

T

Antigravity Agent 9a135bd19d docs(10_Wiki): Topic_Business/General/Graphic/Programming을 Topics/ 하위로 이동

최상위 10_Wiki/Topic_*였던 4개 카테고리 폴더를 10_Wiki/Topics/Topic_* 로 재배치.
콘텐츠 변경 없음(순수 폴더 이동) — Topics/ 하위 나머지 폴더는 이미 지난 커밋에서
전부 정리된 상태(잔존 항목은 에이전트 운영 상태 및 사용자가 보존을 요청한
업데이트0615/무제 3.canvas 뿐).

2026-07-05 00:44:01 +09:00

4.8 KiB

Raw Blame History

id, title, category, status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, verification_status, tags, raw_sources, last_reinforced, github_commit, tech_stack

title

Hermes

매 한 줄

"매 mobile 에 매 최적화된 매 ahead-of-time bytecode 매 JS engine.". Meta 가 매 React Native 용으로 매 만든 engine. 매 startup time + 매 memory + 매 binary size 가 매 우선. 매 2026 의 매 RN 0.70+ 부터 매 default — 매 JSC 대비 매 cold start 30-50% 단축.

매 핵심

매 설계 목표

Fast startup: 매 AOT bytecode → 매 parse 비용 0.
Low memory: 매 generational GC, 매 NaN-boxing 없는 매 Hades collector (concurrent).
Small binary: 매 SymbolTable / StringTable 의 매 dedupe.
Mobile first: 매 ARM64 + 매 small heap 의 매 가정.

매 Architecture

Compiler: hbc (Hermes ByteCode) — 매 build 시 매 .hbc 파일 생성.
VM: register-based interpreter — 매 stack-based JSC 와 매 다름.
GC: Hades — 매 concurrent + generational.
No JIT (default): 매 mobile binary 정책 (iOS) + 매 startup 우선. 매 static Hermes (sh) 가 매 AOT native compile 실험.

매 vs JSC vs V8

항목	Hermes	JSC	V8
Startup	매 빠름 (AOT)	매 보통	매 느림 (parse + JIT)
Throughput	매 낮음 (no JIT)	매 보통	매 매우 높음
Memory	매 낮음	매 보통	매 높음
사용처	RN	iOS Safari, RN (legacy)	Chrome, Node

매 응용

RN app cold start 단축.
Bundle size 절감 (.hbc 가 .js 보다 작음).
매 Hermes-specific debugger (Chrome DevTools 호환).

💻 패턴

Enable in RN (already default in 0.70+)

// android/app/build.gradle
project.ext.react = [
  enableHermes: true,
  hermesCommand: "../../node_modules/react-native/sdks/hermes/destroot/bin/hermesc",
]

// ios/Podfile
use_react_native!(
  :path => config[:reactNativePath],
  :hermes_enabled => true,
)

Verify Hermes is running

const isHermes = () => !!global.HermesInternal;
console.log('engine:', isHermes() ? 'Hermes' : 'JSC');

Compile JS to bytecode (CLI)

hermesc -emit-binary -out=index.hbc index.js
# Inspect
hermes -dump-bytecode index.hbc

Profile Hermes startup

# Sample profiler
hermes --sample-profiling -O index.js
# → output trace.json (Chrome DevTools profile format)

Memory leak detection (Hermes-specific)

// Heap snapshot
import { HermesInternal } from 'react-native';
const snap = HermesInternal?.getInstrumentedStats?.();
console.log(snap);   // js_heapSize, js_allocatedBytes, ...

Avoid Hermes pitfalls

// 1. eval / new Function — supported but slow (no JIT)
// 2. Proxy — supported in 2026 but heavier than V8
// 3. Intl — opt-in (intl=true in build flag), default 작음

// Prefer static patterns
const handler = handlers[type];   // O(1) lookup
// over
const handler = eval(`handle_${type}`);

Static Hermes (experimental 2026)

# AOT to native — bypass interpreter
shermes -typed -exec index.ts
# Significant throughput gain when types annotated

Source map for Hermes bundle

react-native bundle \
  --platform android \
  --dev false \
  --entry-file index.js \
  --bundle-output index.android.bundle \
  --sourcemap-output index.android.bundle.map \
  --minify true
# Hermes ingests .map for symbolicated stack traces

매 결정 기준

상황	Engine
매 RN app	Hermes (default)
매 cold start critical	Hermes
매 heavy compute	JSC + worker / native module
매 typed perf-critical RN	Static Hermes (experimental)
매 web	V8 / JSC (browser native)

기본값: Hermes ON. 매 RN 0.70+ 자동.

🔗 Graph

부모: React Native
변형: V8 · JavaScriptCore
Adjacent: Bytecode · GC

🤖 LLM 활용

언제: 매 RN startup 분석, 매 bundle size 최적화, 매 JS engine trade-off. 언제 X: 매 web — 매 browser engine 직접 제어 X.

❌ 안티패턴

eval 의존: 매 JIT 없음 — 매 매우 느림.
Bundle 비분할: 매 .hbc 1개 거대 — 매 RAM bundle / inline-requires 활용.
JSC 가정 코드: 매 Symbol toPrimitive 등 매 corner case.
Hermes 끄고 RN: 매 거의 매 lose-lose (2026 기준).

🧪 검증 / 중복

Verified (hermesengine.dev, RN 0.74+ release notes).
신뢰도 A.

🕓 Changelog

날짜	변경
2026-05-08	Phase 1
2026-05-10	Manual cleanup — 매 Hermes architecture + RN integration

4.8 KiB Raw Blame History