본문 바로가기

Mobile

(13)

[React Native] Props 대부분의 component 들은 생성할 때 다른 parameter들과 함께 커스터마이징 가능함 이렇게 생성한 파라미터들을 props라고 부른다 (properties 줄임말) 아래 코드에서 Image는 하나의 기본적인 React Native component이다. 이미지를 만들 때, 어떤 이미지를 보여 줄 것인지 제어하는 source라는 prop을 사용 할 수 있다. {pic} : JSX에 포함된 변수. 중괄호를 주목하자! :D 어떤 Javascript expression 이든 JSX안 중괄호 속에 넣을 수 있다. 내가 만든 component에도 props를 사용 할 수 있다. (아래 코드에서 name) Greeting component에서 name을 prop으로 사용함으로써, 각각의 greetings에서..

[React Native] Learn the Basics React Native는 React하고 비슷하지만, web components (building blocks) 대신 native components를 사용한다. React Native app 기본 구조를 이해하려면 JSX, components, state, props 등을 이해해야한당! Hello World 흠.. ES2015 알아야 하나요..? Hello world! 익숙하지 않은 위 코드는 JSX 이다. Javascript 안에 포함되는 XML 문법. 는 text를 나타낼 수 있는 component 이고, = or Components 위 코드에서는 HelloWorldApp라는 새로운 Component를 정의했다. 우리가 React Native app 을 개발할 때 이와 같은 새로운 components..

Expo, Create React Native App create-react-native-app 패키지를 npm(node.js package manager)을 이용하여 설치하자. RN은 npm을 이용하여 디펜던시를 관리한다. npm install -g create-react-natvie-app 뭐가 다른건지 모르겠는데, https://expo.io/learn : Get Started 에서는 1. Node.js 설치 2. npm install expo-cli --global 3. expo init my-new-project cd my-new-project expo start 4. QR코드로 폰에서 열기 5. your-project/App.js로 앱 만들기!

Getting Started 1. Expo tools Xcode or Anroid Studio를 설치, 설정할 필요 없이 React Native를 가장 쉽게 시작 할 수 있다. Snack을 사용해서 web browser에서 바로 React Native를 사용해 볼 수 있다. Hello World import React, { Component } from 'react'; import { Text, View } from 'react-native'; export default class HelloWorldApp extends Component { render() { return ( Hello, world! ); } } https://expo.io/ Expo A free and open source toolchain built around..

failed to initialize HAX: Invalid argument 오류 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ Incompatible HAX module version 3, requires minimum version 4 No accelerator found. 사이트를 찾아서 다운을 받으러 갔다 https://github.com/intel/haxm intel/haxm Intel® Hardware Accelerated Execution Manager (Intel® HAXM) - intel/haxm github.com 윈도우라서 해당되는 파일을 받아서 설치 하려고하는데, 왜 이런 메세지가 뜨는거지??????? 6.0.5가 있는데 실행이 안된 이유가 뭘까요?ㅜ 그냥 7.5.1 설치할래.. 에뮬레이터 실행은 성공!!

이전 1 2 다음

티스토리툴바