프로그래밍/React Native6 [React Native] 리액트 네이티브 개발환경 설정(6/6) - 프로젝트 생성 및 실행 * React Native 신규 프로젝트 생성 터미널에서 프로젝트를 생성할 위치로 이동하여 아래 명령어를 사용하여 프로젝트를 생성합니다. npx react-native init 프로젝트명 또는 react-native init 프로젝트명 * 안드로이드 실행 생성한 프로젝트 위치에서 안드로이드 실행합니다. npm run android 또는 react-native run-android 동일하게 설정했는데도 오류가 난다면 아래 참고 더보기 cli.init is not a function 오류 cli로 프로젝트를 생성하면 아래와 같은 오류가 발생합니다. (npx react-native init 프로젝트명 명령어 실행 후 오류) TypeError: cli.init is not a function Installing.. 2023. 2. 11. [React Native] 리액트 네이티브 개발환경 설정(5/6) - 안드로이드 스튜디오 설치 * 안드로이드 스튜디오 설치 아래 홈페이지로 이동하여 안드로이드 스튜디오를 다운로드합니다. Download Android Studio & App Tools - Android Developers Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today. developer.android.com 다운로드한 파일을 실행시키고 Next 버튼을 클릭합니다. Android Virtual Device에 선택이 되어있는지 확인한 후 Next를 클릭합니다. 설치될 경로를 설정한 후 Install 버튼을 클릭합니다. 설치가 완.. 2023. 2. 10. [React Native] 리액트 네이티브 개발환경 설정(4/6) - JDK 설치 JDK를 설치해야 하는데 이미 설치가 되어 있어서 따로 설치를 진행하지 않았습니다. * JDK 설치하기 아래 링크에 접속하여 본인의 환경에 맞는 운영체제의 JDK를 설치해 줍니다. 설치 시 오라클 계정이 필요합니다. 자세한 과정은 생략합니다. Download the Latest Java LTS Free Subscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts. www.oracle.com * 환경변수 설정 JDK 설치 후 환경변수를 설정 해야합니다. 내 PC > 우클릭 속성 > 고급 시스템 설정으로 들어와서 환경변수 버튼을 선택합니다. 사용자 변수를 새로 만들.. 2023. 1. 19. [React Native] 리액트 네이티브 개발환경 설정(3/6) - React Native CLI 설치 * React-Native-Cli 설치하기 아래의 npm 명령어로 React-Native-Cli를 설치해 줍니다. 자동으로 패키지가 설치되는 것을 확인할 수 있습니다. npm install -g react-native-cli 리액트 네이티브 버전을 확인하면 정상적으로 설치되었는지 확인할 수 있습니다. 2023. 1. 17. [React Native] 리액트 네이티브 개발환경 설정(2/6) - Nodejs 설치 리액트 네이티브로 개발을 하려면 npm 명령어를 사용해야 합니다. Nodejs를 설치하면 npm은 자동으로 설치됩니다. * NodeJs 설치 아래 홈페이지로 이동하여 Node.js를 다운로드합니다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 다운로드한 msi 파일을 실행시켜 Nodejs 설치를 시작합니다. 동의 후 다음 버튼을 눌러줍니다. 저장할 경로를 선택하고 다음 버튼을 눌러줍니다. 설정 기본으로 두고 다음 버튼을 눌러 계속 진행합니다. install 버튼을 눌러 설치를 완료합니다. * 설치 버전 확인하기 아래의 명령어 node와 npm이 정상적으로 설치되었는지 확인할 수 있습니다.. 2023. 1. 16. 이전 1 2 다음 반응형
