월간 썸네일형 리스트형 새 리액트 네이티브 프로젝트 만들기 - 안드로이드 ios 에뮬레이터 실행까지 새 리엑트 네이티브 프로젝트를 만들고, 안드로이드 ios 에서 각각 구동해보도록 할께요. 1. 리액트 네이티브 프로젝트 생성 이제 첫번재 리엑트 네이티브 프로젝트를 생성해보겠습니다. 터미널에 다음 명령어를 입력 해보세요. npx react-native init LearnReactNative 현재 작업중인 디렉토리에 LearnReactNative 라는 디렉토리가 만들어지고, 그 안에 리액트 네이티브 프로젝트 관련 파일들이 생성됩니다. 해당 디렉토리를 에디터에서 열고, package.json 파일을 열어봅시다. package.json 파일 열기 script 부분이 각 안드로이드 ios 앱을 실행을 위한 스크립트 문이다. "scripts": { "android": "react-native run-android.. 더보기 리액트네이티브 개발준비 (2) - 와치맨, 안드로이드스튜디오, vscode, xcode, CocoaPods 이제 개발 툴을 설치해 보겠습니다. WatchMan(와치맨), Android Studio(안드로이드 스튜디오), xcode, CocoaPods를 설치해볼게요. 1. WatchMan 와치맨은 페이스북이 만든 파일 모니터링 도구입니다. 맥OS에서만 지원이 됩니다. 윈도우 쓰시는 분들은 사용할 수 없습니다 ㅜ 파일을 모니터링하면서 변화가 발생 했을 때 이벤트를 처리하는 용도로 사용합니다. 필수는 아니지만 높은 성능으로 파일을 모니터링 할 수 있어 사용하면 좋을 것 같네요. brew로 간단히 설치 하겠습니다. brew install watchman 2. Android Studio 설치 안드로이드 앱을 만들기 위해 설치합니다. 안드로이드 스튜디오 설치 페이지에서 다운받아서 설치합니다. 맥, 윈도우 모두 똑같습니다.. 더보기 리액트네이티브 개발 준비 (1) - Node.js와 npm, yarn 설치하기 리액트 네이티브를 배워 하이브리드 앱을 만들어 보려고 한다. 그러면 우선 개발환경을 구성해야 겠지요? ㅋㅋ 저는 맥을 쓰니 맥 기준으로 개발환경 준비에 대한 내용을 적어보려고 합니다. 그래서 우선 Node.js와 npm을 설치 해볼께요. 1. Node.js 설치 아래 주소로 이동하여 Installing and Updating 부분에 있는 스크립트를 복사하여 실행합니다. https://github.com/nvm-sh/nvm GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions Node Version Manager - POSIX-compliant bash s.. 더보기 이전 1 다음
