기록하고 나누는 행복

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - 비주얼 스튜디오 코드 설치 [설치 순서] 1. Chocolatey 설치 2. Nodejs 설치 3. Phthon 설치 4. React Native CLI 설치 5. JDK 설치 6. 안드로이드 스튜디오(android studio) 설치 및 환경 설정 7. 비주얼 스튜디오 코드(vscode) 설치 8. 타입스크립트(TypeScript) 설치 9. toruch 설치 비쥬얼 스튜디오 코드(Visual Studio Code) Visual Studio Code는 마이크로소프트에서 제공하는 오픈소스 편집기입니다 리액트 네이티브 개발에서는 VSCode를 기본편집기로 주로 사용합니다 VSCode는 여러 종류의 프로그래밍 언어를 지원하므로 리액트 네이티..

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - 안드로이드 스튜디오 설치 및 환경 설정 [설치 순서] 1. Chocolatey 설치 2. Nodejs 설치 3. Phthon 설치 4. React Native CLI 설치 5. JDK 설치 6. 안드로이드 스튜디오(android studio) 설치 및 환경 설정 7. 비주얼 스튜디오 코드(vscode) 설치 8. 타입스크립트(TypeScript) 설치 9. toruch 설치 안드로이드 스튜디오(android studio) React-Native로 안드로이드 앱을 개발하려면 안드로이드 스튜디오를 설치해야 합니다. 아래에 링크를 통해 안드로이드 스튜디오 사이트로 이동하고, 설치 파일을 다운로드합니다 > 공식 홈페이지(최신 버전 다운로드) 바..

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - JDK 설치 [설치 순서] 1. Chocolatey 설치 2. Nodejs 설치 3. Phthon 설치 4. React Native CLI 설치 5. JDK 설치 6. 안드로이드 스튜디오(android studio) 설치 및 환경 설정 7. 비주얼 스튜디오 코드(vscode) 설치 8. 타입스크립트(TypeScript) 설치 9. toruch 설치 JDK (Java Development Kit)란 Java 환경에서 돌아가는 프로그램을 개발하는 데 필요한 툴들을 모아놓은 소프트웨어 패키지로 자바 Application 구축을 하기 위한 핵심 요소. >공식홈페이지 바로가기 React-Native 로 안드로이드 앱을 개발하기 위해서는 JDK(J..

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - React Native CLI 설치 React Native CLI (Command Line Interface) react native로 앱을 개발하기 위해 필요한 React Native CLI 설치 아래의 npm 명령어를 통해 React Native CLI 를 설치합니다. [설치 방법] 1. 윈도우 파워셀 "Windows PowerShell(관리자)(A)" 실행 2. npm 명령어를 통한 react-native-cli 설치 npm install -g @react-native-community/cli npm install -g react-native-cli 3. react-native-cli 설치 확인 npx react-native --v..

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - Python 설치 파이썬(Python) 리액트네이티브의 빌드 시스템은 파이썬2 를 사용하므로, 윈도우(Window)에서는 Python2 설치가 필요 맥(Mac)은 기본적으로 파이썬이 설치되어 있으므로, Python 설치 과정이 필요 없음 윈도우 파워셀(관리자)를 실행한 후 Chocolatey 명령어를 실행하여 Python2 를 설치합니다 현재 파이썬은 3이 제공되고 있지만 리액트 네이티브 빌드는 파이썬2로 제작되었으므로 python2를 설치 [설치 방법] 설치는 앞에서 설치한 초콜렛티(Chocolatey)를 이용하여 설치 1. 윈도우 파워셀 "Windows PowerShell(관리자)(A)" 실행 2. 초콜렛티 명령어를 통한 python..

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - Nodejs 설치 Nodejs란? Node.js는 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼으로, React-Native는 Javascript 이므로 Javascript의 런타임(RunTime : 특정 언어로 만든 프로그램들을 실행할 수 있는 환경)인 Nodejs가 필요함 > 공식사이트 바로가기 [설치방법] 설치는 앞에서 설치한 초콜렛티(Chocolatey)를 이용하여 설치 1. 윈도우 파워셀 "Windows PowerShell(관리자)(A)" 실행 2. 초콜렛티 명령어를 통해 nodejs 설치 choco install nodejs-lts 주의 : nodejs 버전 필히 v16.~~로 설치, v17로 설치하면 추..

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - 초콜렛티(Chocolatey) 설치 [설치 순서] 1. Chocolatey 설치 2. Nodejs 설치 3. Phthon 설치 4. React Native CLI 설치 5. JDK 설치 6. 안드로이드 스튜디오(android studio) 설치 및 환경 설정 7. 비주얼 스튜디오 코드(vscode) 설치 8. 타입스크립트(TypeScript) 설치 9. toruch 설치 초콜렛티(Chocolatey)란? 윈도우(Windows)에서 필요한 패키지를 설치하고 관하는 도구로 커맨드라인에서 프로그램을 설치하기 위한 소프트웨어 입니다. 초콜렛티를 사용하면 윈도우 Command-line에서 프로그램을 다운받아 설치할 필요없이 명령 하나로 간단하게 ..

Windows에서 React Native 개발환경 구축하기 [개요] 맥(Mac)과 윈도우(Window) 동일하게 react-native로 앱을 개발하는 방법으로는 Expo CLI를 사용하는 방법과 React-Native CLI를 사용하는 방법이 있으며 2 가지 중에서 선택할 수 있습니다. Expo CLI는 react native로 앱을 개발할 때 자주 사용되는 네이티브 기능 위치 정보, 카메라등 을 패키지로 묶어서 제공합니다. 처음 시작은 Expo로 시작하면 편할 수 있지만, 사용하지 않은 네이티브 모듈로 인해, 앱 파일 사이즈가 커지는 문제와 Expo에서 제공하지 않은 네이티브 모듈을 추가할 때, 불편함 등이 있 습니다. 즉 "Expo가 제공하는 모듈로만 개발이 제한된다"는 것입니다. 여기에서는 Rea..