Sapun

react native 0.60 이상버전에서는 자동 link 걸리기 때문에 link명령어는 수행할 필요가 없다 Window에서 안드로이드를 개발하는 기준으로 설명한다 React Native Package 설치 및 설정 이를 설치하기 이전에 android studio react native node js yarn (자바스크립트 패키지 설치) 가 준비되어 있어야 한다. https://facebook.github.io/react-native/docs/getting-started 여기에 설치방법이 자세하게 설명되어 있다 그 이후 프로젝트를 하면서 필요한 패키지를 설치한다 네이버 로그인 api, 네이버 map api를 사용과 image, navigation을 사용하기 위해 다음과 같은 패키지가 필요하다. 설치할 ..

TourAPI 한국 관광지 정보를 OpenAPI로 제공해준다. OpenAPI 활용신청방법 https://api.visitkorea.or.kr/openAPI/applicationGuide.do 관광데이터는 다국어서비스를 제공해주지만 국문에 대한 방법만 알아보자! REST방식 URL 요청하기 어떤 정보를 조회하든 기본적으로 들어가는 파라미터들을 먼저 정리해보자 요청 메시지 numOfRows : 한 페이지 결과 수 pageNo : 페이지 번호 MobileOS : OS 구분(IOS, AND, WIN)(*) MobileApp : 서비스 명 = 어플 명(*) ServiceKey : 인증 키(*) 응답 메시지 resultCode : 결과코드 resultMsg : 결과메시지(ex: OK) numOfRows : 한 페이..

Handling Text Input TextInput은 사용자가 텍스트를 입력 할 수 있는 기본 component이다. onChangeText : 텍스트를 변경할 때 마다 호출 onSubmitEdition : 텍스트가 제출 될 때 호출 import React, { Component } from 'react'; import { AppRegistry, Text, TextInput, View } from 'react-native'; export default class PizzaTranslator extends Component { constructor(props) { super(props); this.state = {text: ''}; } render() { return ( this.setState({tex..

State component를 다루는 데이터는 props와 state 두가지가 있다. props로 설정한 값은 계속 유지되고 변경될 데이터의 경우 state를 사용해야 한다. 일반적으로 state생성자에서 초기화하고 변경을 하고 싶을 때 setState를 호출한다. import React, { Component } from 'react'; import { AppRegistry, Text, View } from 'react-native'; class Blink extends Component { constructor(props) { super(props); this.state = { isShowingText: true }; // Toggle the state every second setInterval((..

React Native 시작하기 EXPO CLI Xcode 또는 Android Studio 를 설치하지 않아도 프로젝트를 시작할 수 있다. 웹 브라우저를 이용해서 실행시킨다. React Native CLI Xcode 또는 Android Studio 가 필요하다.(둘 중 하나만 있으면 된다) 설치하는데 약 1시간이 필요하다 일단은 Xcode와 Android Studio가 없기 때문에 expo cli를 이용해보자 설치 순서 노드 버전 10이상 node js 공식홈페이지에서 다운로드 node가 설치되었는지 확인하기 위해선 윈도우 + R 키를 누르고 cmd창을 켜서 node --version npm --version 으로 확인할 수 있다 expo cli 설치 npm install -g expo-cli 프로젝트 ..