리액트 네이티브 앱 제작 원론. 2장 리액트 네이티브식 '헬로 월드!'

Hello World 프로젝트를 생성하고, 크롬 개발자 도구를 통해 디버깅할 수 있는 간단한 방법을 일러줍니다. 막힘없이 시키는 대로 따라할 수 있었습니다. 크롬 개발자 도구를 늘 동경하고 있었는데, 이렇게 접하게 되어 기쁩니다.

앱개발 경험 뿐이라 급한대로 집에 굴러다니던 HTML5&CSS 책을 함께 훑기 시작했습니다.

<Text>Hi there</Text>

리액트 네이티브 패키저는 바벨을 이용해 이 JSX 코드를 다음과 같이 트랜스파일한다.

return React.createElement(Text, null, 'Hi there')

리액트 네이티브 앱을 디버깅할 때, 그 앱은 프록시 모드로 구동된다. 이는 앱의 자바스크립트가 디바이스나 시뮬레이터의 자바스크립트코어 엔진이 아닌, 크롬 V8 자바스크립트 엔진에서 실행된다는 의미다. 그런 다음 리액트 네이티브 패키저는 앱과 크롬 사이의 통신을 웹 소켓을 사용해 중개한다.