본문 바로가기

React Native13

[React Native] 3 Touchable, Modal Overlay React Native 003 - Basics 2 Touchable 컴포넌트 import { Touchable, TouchableOpacity, TouchableHighlight, TouchableNativeFeedback, TouchableWithoutFeedback } from 'react-native'; 컴포넌트 안에도 onTouchEnd 등 다양한 속성이 많지만, 효과를 내는 조금 더 손쉬운 방법으로 react-native에서 컴포넌트를 직접가져오는 것을 추천합니다. TouchableOpacity : activeOpacity 등의 속성 지원 TouchableHighlight : underlayColor 등 속성 지원 TouchableNativeFeedback : Android 에서만.. 2020. 5. 7.
[React Native] 2 component, StyleSheet React Native 002 - Basics Core Components 리액트 네이티브에 빌드 → 리액트 네이티브에 의해 제공된 네이티브 UI 위젯으로 번역(translation) Styling CSS는 없음 Inline Styles, StyleSheet Objects (CSS 문법 기반이지만, 속성, 특징의 일부만 지원함) StyleSheet Objects를 권장 앱 구상 사소하지만, 그럼에도 불구하고 매우 중요하고 도움되는 앱을 제작해보겠습니다. 목표를 추가하는 버튼 구성, 목표 리스트 화면에 보여지고, 한 목표를 탭하면 삭제할 수 있도록 구현 중요 컴포넌트 텍스트를 작성하려면, 태그로 텍스트를 꼭 감싸주어야 함. : 텍스트, 이미지, 유저 인풋에 대한 응답 등에 사용되는 스크린 위의 작은 네모 .. 2020. 5. 7.
[React Native] 1 React Native 시작, Expo React Native 001 1 React Native(RN) 란? React.js React Native 사용자 인터페이스 build를 위한 JavaScript 라이브러리 특별한 React 컴포넌트의 집합 웹 개발에 주로 사용됨 컴포넌트는 Native 위젯으로 컴파일됨 ReactDOM.render() 은 추가로 웹지원이 가능 Native 플랫폼 API는 JavaScript를 노출함 React 자체는 플랫폼-agnostic함(그 자체로 쉽게 배울 수 있음) Javascript와 Native 플랫폼 코드를 연결함. React.js + React Native = 실제 Native Mobile 앱(iOS, Android) React Native 동작 원리 HTML 을 번역할 수는 없고, , 등의 태그를 이용.. 2020. 5. 5.
728x90