Hello World 프로젝트를 생성하고, 크롬 개발자 도구를 통해 디버깅할 수 있는 간단한 방법을 일러줍니다. 막힘없이 시키는 대로 따라할 수 있었습니다. 크롬 개발자 도구를 늘 동경하고 있었는데, 이렇게 접하게 되어 기쁩니다.
앱개발 경험 뿐이라 급한대로 집에 굴러다니던 HTML5&CSS 책을 함께 훑기 시작했습니다.
<Text>Hi there</Text>
리액트 네이티브 패키저는 바벨을 이용해 이 JSX 코드를 다음과 같이 트랜스파일한다.
return React.createElement(Text, null, 'Hi there')
리액트 네이티브 앱을 디버깅할 때, 그 앱은 프록시 모드로 구동된다. 이는 앱의 자바스크립트가 디바이스나 시뮬레이터의 자바스크립트코어 엔진이 아닌, 크롬 V8 자바스크립트 엔진에서 실행된다는 의미다. 그런 다음 리액트 네이티브 패키저는 앱과 크롬 사이의 통신을 웹 소켓을 사용해 중개한다.
리액트 네이티브 앱 제작 원론. 7장 내비게이션과 고급 API (2) | 2018.05.30 |
---|---|
리액트 네이티브 앱 제작 원론. 6장 NYT API와 리덕스의 통합 (0) | 2018.05.22 |
리액트 네이티브 앱 제작 원론. 5장 플럭스와 리덕스 (0) | 2018.05.08 |
리액트 네이티브 앱 제작 원론. 4장 리액트 네이티브 컴포넌트 (0) | 2018.05.07 |
리액트 네이티브 앱 제작 원론. 3장 스타일과 레이아웃 (0) | 2018.04.21 |
댓글 영역