전체 글
-
[윈도우서버]웹 서비스 배포하기윈도우/배포 2021. 10. 22. 16:01
회사에서 제공 해주는 서버가 윈도우 서버인 관계로 내 집 pc에서 로컬로 개발한 뒤에 git을 통해서 회사 서버에 배포 해볼려고 한다. 우선 요즘 RN을 공부중이기 때문에 RN을 배포 해보자. git을 설치한 상태. [1] git clone하기 cd C:\home\NODE\React-Native 이런식으로 아무 폴더에 간다음에 터미널에 명령어 입력. git clone https://github.com/내레포/저장소이름.git expo cli로 만든 프로젝트라서, clone이 끝나면 터미널에서 npm install 설치가 다 끝나면 npm run start. [오류발생] expo cli가 없다고 한다 expo cli를 전역으로 설치해주자 npm install -g expo-cli 설치후에 다시 시작 npm..
-
[RN공부하기] [5]Lists & ScrollViewReact-Native/[RN]Expo 2021. 10. 20. 10:07
(1) List - map함수를 사용해서 데이터 뿌려주기 //App.js import { StatusBar } from 'expo-status-bar'; import React, { useState } from 'react'; import { StyleSheet, Text, View, Button, TextInput } from 'react-native'; export default function App() { const [people, setPeople ] = useState([ {name: "susan", key:'1' }, {name: "yoshi", key:'2' }, {name: "mario", key:'3' }, {name: "luigi", key:'4' }, {name: "peach", k..
-
[RN공부하기] [4]Text InputReact-Native/[RN]Expo 2021. 10. 20. 09:08
(1) TextInput에 대한 공식문서 읽고 https://reactnative.dev/docs/textinput TextInput · React Native A foundational component for inputting text into the app via a keyboard. Props provide configurability for several features, such as auto-correction, auto-capitalization, placeholder text, and different keyboard types, such as a numeric keypad. reactnative.dev (2) TextInput 추가하기 //App.js import { StyleSheet..
-
[RN공부하기] [3]리액트 훅 useState사용React-Native/[RN]Expo 2021. 10. 19. 14:17
(1) //App.js에서 import { StatusBar } from 'expo-status-bar'; import React, { useState } from 'react'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( Body Text details Body Text details ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', } }); 다시 초기 상태에서 import { useS..
-
[RN공부하기] [2]Views, Text & StylesReact-Native/[RN]Expo 2021. 10. 19. 11:51
//App.js import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( Hellow,World Body Text details Body Text details Body Text details Body Text details ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }..
-
[RN공부하기] [1]expo로 시작하기React-Native/[RN]Expo 2021. 10. 18. 13:18
https://reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev rn공식 사이트와 https://docs.expo.dev/ Introduction to Expo - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.dev..