React Native Under The Hood

 

새로운 시리즈 게시글을 작성하기에 앞서 소개하고자 한다.

 

이번 시리즈의 제목은 React Native Under The Hood 이다.

 

React Native는 보다 쉽게 여러가지 플랫폼의 애플리케이션을 만들 수 있도록 도와준다. 그만큼 내부에 숨겨져 있는 것들이 아주 많다.

 

우리의 코드가 어떤 과정을 거쳐 빌드되고, 빌드된 코드는 어떻게 실행되며, 자바스크립트 런타임과 네이티브간의 상호작용 그리고 개발 모드에서 사용하는 기능들이 어떻게 동작하는지 등 이번 시리즈를 통해 React Native의 내부를 조금이나마 들여다볼 수 있도록 소개하고자 한다.

 

내부를 들여다보는 만큼 복잡하고 어려울 수 있지만, 글을 읽는 동안 분명 흥미로울 것이다.

 

참고로 React Native Under The Hood 시리즈 게시글은 아래 버전을 기준으로 정리된 글이며, 추후 버전 업데이트로 인해 변경되는 부분이 있을 경우 업데이트를 진행하도록 하겠다.

• react-native: 0.72.0
• metro: 0.76.5
• @react-native-community/cli: 11.3.2

---

• 번들러(Bundler)
• 런타임(Runtime)
• 네이티브 모듈(Native Modules)
• 브릿지(Bridge)
• 개발(Development)