리액트 네이티브
-
리액트 네이티브 - 프로젝트 생성 (Expo)개발/React Native 2019. 5. 7. 00:17
1. 프로젝트 생성 개발환경 설정 단계에서 Expo를 설치했다면 Expo를 사용하여 React Native 프로젝트를 생성할 수 있다. 프로젝트 생성을 위한 커맨드는 아래와 같다. expo init [Project Name] 명령을 실행하면 사용자는 ① 프로젝트 템플릿 선택(기본, 샘플포함) ② 프로젝트 이름 설정 할 수 있습니다. 2. 프로젝트 실행 프로젝트가 정상적으로 생성되었다면 해당 폴더로 이동하여 서비스를 실행해 줍니다. cd [Project Name] npm start 또는 expo start 정상적으로 서비스가 시작되면 자동으로 웹브라우저에 아래와 같은 화면이 나타나고, 동일한 네트워크에 연결된 Mobile에 Expo 앱을 설치한 후, QR코드를 촬영하면 생성된 프로젝트가 표시된다. 자, 이..
-
리액트 네이티브 - 개발환경 구축 (Windows)개발/React Native 2019. 5. 6. 16:40
리앤트 네이티브는 Windows / Mac OS에도 모두 사용 가능하지만, iOS향 앱을 빌드하기 위해 필요한 X-Code는 Mac OS에서만 설치가 가능한 관계로 대부분 Mac OS 사용을 권장한다. (강의도 Mac OS가 대부분이다. 쳇!!!) 하지만 수십년(?) 전 처음 PC라는 것을 접할때부터 Windows만 고집한 진성 Windows 유저임으로 (사실 Mac이 없다.ㅠㅠ) 이번에도 Windows를 기준으로 개발환경을 구축하고자 한다. 1. Node.JS 설치 React 및 Javascript 라이브러리 실행을 위한 필수 요소로 아래 주소에서 최신 버전 다운/설치 필요 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript ..
-
리액트 네이티브(React Native) - 개요개발/React Native 2019. 5. 6. 13:50
리액트 네이티브 (React Native) 소개 리액트 네이티브는 리액트 작동 원리는 바탕으로 모바일 앱을 제작할 수 이는 페이스북 오픈소스 프레임워크로 자바스크립트 주요 개념(ES6)과 리액트 사용법만 알고 있다면, 단일 소스로 Android, iOS 앱을 동시에 진행할 수 있다. https://facebook.github.io/react-native/ React Native · A framework for building native apps using React A framework for building native apps using React facebook.github.io 리액트 네이티브는 이름에서 설명하듯 C 또는 Java를 이용하여 만든 앱과 구별하기 힘든 Nativie 앱을 개발할 수..