분류 전체보기39 [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. [React Native] 리액트 네이티브 개발환경 설정(1/6) - 시작하기 * 리액트 네이티브란? React Native는 페이스북이 개발한 오픈 소스 모바일 애플리케이션 프레임워크입니다. 안드로이드, IOS, 웹, UWP용 애플리케이션을 개발하기 위해 사용되며, 개발자들이 네이티브 플랫폼 기능과 더불어 리액트를 사용할 수 있게 합니다. 리액트 네이티브를 선택한 이유 1. 새로운 언어를 배워서 개발하기에는 부담스러움 2. 안드로이드/IOS 환경에서 동작하는 앱을 만들고 싶지만 각각 개발하기는 귀찮음 이런 두 가지 이유로 고민하고 있었는데, 리액트 네이티브는 한 프로젝트로 두 가지 환경에서 구동이 가능했고 Javascript 기반이라 웹을 개발했던 사람이라면 쉽게 접근할 수 있는 장점이 있어 선택하게 되었습니다. * 리액트 네이티브 개발환경 구축하기 리액트 네이티브를 개발하기 위.. 2023. 1. 15. 이전 1 2 3 4 5 6 ··· 8 다음 반응형
