리액트 네이티브 앱 제작 원론. 4장 리액트 네이티브 컴포넌트

Atom(https://atom.io/)으로 작업을 하다가 중간에 IDE를 하나 소개 받았습니다.

Visual Studio Code (https://code.visualstudio.com/)

새벽 4시까지 오타와의 전쟁을 치르고 나니 허무함이 밀려오네요. '와 `를 구분해서 쓰는 걸 보니 정신이 아득해집니다.

리액트 개발자가 리액트 네이티브를 공부하는 게 아니라 앱 개발자가 리액트 네이티브를 공부하는 상황이라, 리액트 컴포넌트(https://reactjs.org/docs/hello-world.html)와 리액트 네이티브 컴포넌트(https://facebook.github.io/react-native/docs/getting-started.html)를 각각 확인해야 합니다. 자유도 높은 문법 덕분에 계속 API 문서를 확인하게 되네요. 

리스트 화면 하나와 상세 화면 하나를 구현하였습니다. DataSource는 일단 하드코딩으로 진행합니다.

https://github.com/utrpanic/today-what-else/tree/react-native-ch4/RNNYT

• 최근에 릴리즈된 babel-preset-react-native 5.0 때문에 빌드에 문제가 있었습니다. 일단 조용히 4.0으로 돌아갑니다.
• PropTypes는 'react'가 아니라 'prop-types'에서 import 해야 합니다.
• ReactNative 0.55를 사용중인데, Image 컴포넌트는 이제 children을 받아주지 않습니다. ImageBackground를 사용하라는 에러 문구를 확인할 수 있습니다.
• '와 `를 구분해서 쓰고 있습니다. 그런데 생각해보니 swift에서도 예약어를 변수명 같은 걸로 쓰고 싶을 때 `를 쓰고 있네요.
• 책 속의 샘플 코드를 보면 Byline.js에 export가 누락되어 있습니다.
• IDE에서 수정하고 포커스를 시뮬레이터로 옮긴 후 리로드 하는 동선이 너무 비효율적이라고 생각했는데, Cmd-D 메뉴에서 'Enable Live Reload'를 선택하니 변경사항을 저장할 때마다 리로드합니다.