React-Native
1.React-Native #0 | React-Native 개요, Expo
모든 구조(인프라 시설) 와 JavaScript 코드의 조합 + 마크업/스타일링아름다운 번역가인터페이스, 개발자와 운영 체제(IOS, 안드로이드) 사이에 있습니다.개발자가 RN 코드를 만들면 브릿지를 통해 각각 IOS, JAVA 안드로이드 코드로 번역됩니다.RN 에서는
2.React-Native #1 | 규칙
HTML 이 아니기 때문에 <div>, <span> 는 쓸 수가 없습니다.대신에 <View>, <Text> 가 있습니다.<View>컨테이너 === <div>앞으로 모든 것은 View 로 만들게 됩니다.<Text>모든 text 는 &
3.React-Native #2 | RN 패키지, 커뮤니티 패키지
들어가기에 앞서 컴포넌트와 API 의 차이 컴포넌트 화면에 렌더링할 항목, 함수의 return 키워드 안에 있습니다. `, , ` API 단지 자바스크립트 코드 Vabration React-Native 패키지 개요 Core, Android, IOS 카테고리로 각각 컴
4.React-Native #3 | 레이아웃 시스템 (Layout System)
Flexbox 를 사용합니다.웹에서와 거의 같은 방식입니다.99.8% 의 경우 높이와 너비에 기반해서 레이아웃을 만들지 않습니다. 당연하게도 모바일 환경에서는 반응형으로 디자인 해야합니다.display:flex 지정해줄 필요 없습니다.flexDirection 기본값은
5.React-Native #4 | 컴포넌트들 개요 - Touchables, Pressable, TextInput
<View> 가 터치에 적절하게 반응하도록 하는 컴포넌트터치하면 래핑된 <View> 의 opacity 가 감소하여 흐리게 표시됩니다.<View> 가 터치에 적절하게 반응하도록 하는 컴포넌트터치하면 래핑된 <View> 의 background 를 표시
6.React-Native #5 | React-Navigation (Tab Navigation)
리액트 네이티브에서 네비게이션 생성할때 사용하는 라이브러리리액트 에서 React-Router-Dom 과 비슷한 역할과 구현 방법을 가지고 있습니다.아래와 같습니다아래와 같습니다이미 React-Router-Dom 을 통해 비슷한 역할과 용법을 사용하는 라이브러리를 사용해