본문 바로가기

Programming/React Native3

[React Native] 날씨 앱 만들기 #1 React Native로 어떻게 앱을 만드는지 알아보기 위해 아주 간단한 날씨 앱을 만들어 봅시다. 다음 날씨 앱은 노마드 코더 유튜브를 보고 정리한 것이니 React Native에 대해 더 자세하게 알고싶은 분이라면 들어보시는 걸 추천드립니다. 오늘은 사용자의 위치정보를 가져오는 것을 구현해보겠습니다. (참고: https://www.youtube.com/watch?v=cRhHBpYK8I4&list=PL7jH19IHhOLPEhP6oPSgK6r-neUVVA-pi) 프로젝트 생성 우선 가장 먼저 프로젝트를 생성해주어야겠죠? weather이라는 프로젝트를 생성해줍시다. > expo init my-weather-test 사용할 라이브러리 install 우리는 사용자의 위치정보를 가져오기 위해 location이라.. 2020. 2. 18.
[React Native] React native 프로젝트 시작하기 React Native 개발방식 리액트 네이티브는 두가지 방식으로 앱을 개발 할 수 있습니다. 두 개발 방식의 특징과 장단점에 대해 알아봅시다. - Expo CLI - React Native CLI Expo CLI React Native CLI 특징 - 리액트 네이티브를 위한 set-up이 미리 구성되어있음 - native 파일들을 사용자에게서 숨겨놓고, 알아서 관리해주는 툴 - native 파일을 직접 다룰 수 있다. 장점 - Expo는 개발이 간편하여 간단한 기능위주의 앱을 빠르게 개발 가능함 - Expo는 배포하기가 매우 편리. 처음 배포 후, 업데이트 버전은, Expo에 publish만 해주면, Expo가 알아서 업데이트 해줌 - 필요한 기능이 있는 경우, 모듈을 직접만들어 사용 가능 단점 - E.. 2020. 2. 11.
[React Native] React Native란? React Native란? React Native는 javascript 기반의 하이브리드 앱 개발을 위한 프레임워크입니다. 여기서 잠깐! 그럼 하이브리드 앱 개발이 무엇일까요? 사실 우리가 사용하는 앱은 3가지 종류로 나눌 수 있습니다. 네이티브 앱 : 가장 안정적이고 빠르지만, 안드로이드와 iOS를 따로 개발해야 하는 번거로움이 있다. IDE) 안드로이드 스튜디오 웹 앱 : PC용 웹 사이트의 모바일 버전으로 HTML5와 CSS, JS 등을 사용한다. 네이티브 앱에 비해 속도가 느리고, iSO의경우는 웹 앱은 스토어에 등록이 어려움. IDE) 이클립스 하이브리드 앱 : 네이티브 앱과 웹 앱의 장점들을 적절하게 섞어 놓은 것이다. Ionic, phoneGap과 같은 많은 하이브리드 앱 프레임워크가 존재하.. 2020. 2. 11.