React-Native4 [RN] 개인 프로젝트 expo-sensors 사용 오늘은 개인 프로젝트로 만보기를 사용하는 어플을 만들어 보려고 했다. 그런데, 잘 진행하던중 엄청난 문제가 생기고 말았다. import React ,{useState, useEffect} from 'react' import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View ,ImageBackground} from 'react-native'; import { Pedometer } from 'expo-sensors'; export default function App() { const [PedometerAvailability, setPedometerAvailability] = useState(""); const [stepCount, .. React-Native 2022. 8. 1. [RN] React-native를 이용해서 Todo_list/travel_list 클론코딩 오늘은 저번에 날씨에 이어서 Todolist를 만들어보기로 했다. 클론코딩이라 따라하기만 하면되는데 중간중간에 react쓰는 부분은 이해를 필요로 했다. 최근에 계속 react 문법을 사용하다보니 이해하는데 그렇게 어렵지 않았다. 하지만 처음부터 아무것도 없는상태에서 만들라고하면 아직은 어려울 것 같다. 우선 이번에도 $ expo init todo_travel_list 를 통해서 todo_travel_list라는 폴더에다가 expo를 실행해서 만들어주었다. 이번에는 결과물을 제외하고는 캡쳐를 하지 못해서 바로 코드풀이를 해야겠다. 우선 import { StatusBar } from 'expo-status-bar'; import { useEffect, useState } from 'react'; impor.. React-Native 2022. 8. 1. [RN] Weather API 를 이용한 날씨정보 알려주는 앱 만들기(Mac os) 저번시간에 expo 설치를 마쳤다. 그다음 expo 환경세팅을 마저 했는데 node js의 버전이 안맞는다고 뜬다. 그래서 찾아보니깐 터미널에서 $ sudo npm i -g n 을 통해서 n을 설치할수 있었다. n은 node , npm의 버전을 바꿔주는 것으로 n stable : 안정 버전 n latest : 최신 버전 n lts : lts 버전 n x.x.x : 특정 x.x.x 버전 n ls : 설치된 node 버전들 보기 n rm : 특정 버전 삭제 이런 명령어들을 사용할수 있다. expo는 lts 버전을 필요로 하기때문에 n lts를 통해서 쉽게 버전을 바꿀 수 있었다. 버전을 바꾸면서 npm도 자동으로 바뀌었다. 다음단계로 들어가서 내가만들 파일경로 $ expo init (파일명) 를 통해서 We.. React-Native 2022. 7. 30. [RN] expo-cli , watchman 환경설정 이제 React-natvie 를 이용해서 앱 개발을 해보려고 했는데 우선 환경설정부터가 너무 귀찮았다. 우선 expo-cli을 설치해야 하는데, expo는 안드로이드 스튜디오나 X-code가 없어도 핸드폰과 연결해주면 바로바로 적용이 되는 것이다. react에서 cra(create react app)를 보면 알 수 있듯이, react native에서는 crna(create react native app)이 있었는데 이것이 expo랑 통합되었다고 한다. 즉, 한마디로 편하게 만들수 있게 해주는 환경? 이라고 생각하면 된다. https://docs.expo.dev/workflow/expo-cli/ Expo CLI - Expo Documentation Expo is an open-source platform .. React-Native 2022. 7. 29. 이전 1 다음
