2019-06-11 TIL
2019-06-11
React Native
udemy 강의 수강시작.
- RN의 컴포넌트들은 DOM이 아닌, 각 모바일 OS에 대응되는 컴포넌트로 컴파일된다.
| web | android | iOS | React Native |
|---|---|---|---|
| <div> | android.view | UIView | <View> |
| <input> | EditText | UITextField | <TextInput> |
-
UI는 위와같이 대응되어 변하는데 JS로 작성한 로직은? 그대로 자바스크립트로 남는다. JS 코드를 실행할 수 있는 환경을 갖춰준다. (Node.js)
-
환경 세팅(simulator준비 등)은 공식문서를 따라하는게 낫다. (강의내용은 옛버전) 확실히 expo로 시작하는게 빠르고 편하다. 물론 한번 갖춰두면 다시 세팅할 필요 없는 것들이지만, expo가 진입장벽이 낮다.
-
metro bundler는 develop 모드에서 JS코드를 앱에 보내주기 위해 존재. 프로덕션 빌드시에는 포함되지 않는다.
-
React Native는 CSS를 지원하는것이 아님. CSS로 쓰인 스타일을 네이티브 코드로 바꿔주는 것. 웹개발(react)경험자에게 익숙한 CSS 경험을 제공하는 것임. (https://github.com/vhpoet/react-native-styling-cheat-sheet) (https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
아직은 아는내용..!!
