괴물공장 괴물공장

Create project Github에 접속하여 새로운 프로젝트 저장소를 생성한다. https://github.com/ Build software better, together GitHub is where people build software. More than 36 million people use GitHub to discover, fork, and contribute to over 100 million projects. github.com Add .gitignore 로 설정한다. Node.js 프로젝트를 생성할 때 필요한 설정파일들을 자동으로 생성해준다. 작업할 폴더로 이동하여 github에 생성한 프로젝트를 다운로드 받는다. git clone https://github.com/neotmons/..

1. 프로젝트 생성 개발환경 설정 단계에서 Expo를 설치했다면 Expo를 사용하여 React Native 프로젝트를 생성할 수 있다. 프로젝트 생성을 위한 커맨드는 아래와 같다. expo init [Project Name] 명령을 실행하면 사용자는 ① 프로젝트 템플릿 선택(기본, 샘플포함) ② 프로젝트 이름 설정 할 수 있습니다. 2. 프로젝트 실행 프로젝트가 정상적으로 생성되었다면 해당 폴더로 이동하여 서비스를 실행해 줍니다. cd [Project Name] npm start 또는 expo start 정상적으로 서비스가 시작되면 자동으로 웹브라우저에 아래와 같은 화면이 나타나고, 동일한 네트워크에 연결된 Mobile에 Expo 앱을 설치한 후, QR코드를 촬영하면 생성된 프로젝트가 표시된다. 자, 이..

1. 프로젝트 생성 개발환경 구축 단계에서 설치한 Expo를 이용하여 프로젝트를 생성한 경우, 따로 Xcode와 Android Studio 설치를 필요로 하지 않지만, Expo에서 일부 3rd Party Library를 사용할 수 없는 이슈가 있다라고 하니, 이번에는 React Native 프로젝트 생성을 위해서는 아래와 같이 콘솔에 커맨드를 입력하여 프로젝트를 생성한다. react-native init [Project Name] 정상적으로 프로젝트가 생성되었다면 해당 커맨드를 입력한 폴더에 [Project Name]을 가진 폴더가 생성되고 프로젝트에 필요한 기본 파일들이 생성되어 있는 것을 확인할 수 있다. 2. 프로젝트 실행 프로젝트 실행을 위해서는 Virtual device와 Builder가 필요하..

리앤트 네이티브는 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) 소개 리액트 네이티브는 리액트 작동 원리는 바탕으로 모바일 앱을 제작할 수 이는 페이스북 오픈소스 프레임워크로 자바스크립트 주요 개념(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 앱을 개발할 수..