노마드코더 강의 보는중
리액트 네이티브는 브라우저가 없음, 웹사이트가 아니야!
앱개발하는데 필요한 java 등등 깔아줄게 많음
그래서 강의에서는 네이티브 코드 바로 시작할 수 있게 expo 써서 한다.
핸드폰에 expo앱깔면 연동으로 보이네 신기하다
(expo 설치 내용 https://docs.expo.dev/)
( https://snack.expo.dev/ 여기서 작업하면 visual studio도 필요없고 node, npm 설치 안했어도 바로 테스트할 수 있음)
리액트 네이티브는 웹사이트가 아님!
HTML이 아니기 때문에 div쓸 수 없음
대신에 view를 씀 얘는 container컨테이너다 (react Native에서 import해와야 쓸 수 있음!)
(The most fundamental component for building UI, View is a container that supports layout with flexbox, style, some touch handling,,,)
react native에 있는 모든 텍스트는 text component안에 들어가야한다
border css는 사용불가능하다
처음에 react Native는 많은 컴포넌트와 API를 지원했는데 버그많고 비효율적이어서
빠르게 만드는데 초첨맞추고 두 개를 축소시킴
(components와 API의 차이는 무엇인가?>
components는 화면에 렌더링할 항목이다
API는 (운영체제와 소통하는) 자바스크립트 코드이다)
reactNative 커뮤니티에서 쓸 수도 있지만
expo가 우리에게 필요한 Package를 제공한다. https://docs.expo.dev/versions/v44.0.0/sdk/async-storage/
여기서는 이미 container View가 Flew container다
모바일에서는 Flex direction 기본값이 colum(열-세로)
(원래 웹에서는 Flex direction 기본값이 Row(행-가로) 였음)
레이아웃에서 대부분 width, height안씀. 반응형 페이지 생각해야함!!! 매번화면 달라지는데말여
React Native에서는 flex 비율로 레이아웃 채워서 씀